@charset "utf-8";

/* raleway-300 - latin_latin-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  src: local('Raleway Light'), local('Raleway-Light'),
       url('../fonts/raleway-v14-latin_latin-ext-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/raleway-v14-latin_latin-ext-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* raleway-regular - latin_latin-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: local('Raleway'), local('Raleway-Regular'),
       url('../fonts/raleway-v14-latin_latin-ext-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/raleway-v14-latin_latin-ext-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* raleway-500 - latin_latin-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  src: local('Raleway Medium'), local('Raleway-Medium'),
       url('../fonts/raleway-v14-latin_latin-ext-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/raleway-v14-latin_latin-ext-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* raleway-600 - latin_latin-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  src: local('Raleway SemiBold'), local('Raleway-SemiBold'),
       url('../fonts/raleway-v14-latin_latin-ext-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/raleway-v14-latin_latin-ext-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* raleway-700 - latin_latin-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: local('Raleway Bold'), local('Raleway-Bold'),
       url('../fonts/raleway-v14-latin_latin-ext-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/raleway-v14-latin_latin-ext-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* raleway-800 - latin_latin-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 800;
  src: local('Raleway ExtraBold'), local('Raleway-ExtraBold'),
       url('../fonts/raleway-v14-latin_latin-ext-800.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/raleway-v14-latin_latin-ext-800.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


:root {
	--padvar: 0px;	
}

:root {
	--spacer: 4.007vw;;	
}

:root {
	--spacerbot: 5.307vw;;	
}

:root {
  --iamgold: #dfb17b;
}


:root {--fextraspace: calc(5.208vw - 54px);}

@media screen and (max-width:1100px) {   
  :root {
      --padvar: 100px;
  
  }}

  @media screen and (max-width:875px) {   
    :root {
        --padvar: 50px;
    }}

    @media screen and (max-width:500px) {   
      :root {
          --padvar: 20px; 
      }}






body {  
    font-family: 'Raleway', sans-serif;
	max-width: 1920px;
	min-width: 320px;
  margin: auto;

  
    color:#000000;
   overflow-wrap: break-word;	
}

.no-flow {overflow:hidden;}


.p1-first-boxes {max-width:/* 1544px*/ 80.417vw; margin: 0 auto; display:grid; grid-template-columns: 1fr 1fr; grid-auto-rows: auto auto; 
    grid-gap:3.646vw /*70px*/;

  grid-row-gap:3.1vw /*70px*/;
   /* padding-left:120px; padding-right:120px;*/}

.p1-img {width:100%; height:auto; object-fit:cover; display:grid;}

.p1-htwo {  

    font-family: Raleway;
    color: #195f84;
    font-size: /*42px*/2.188vw;
    padding-top:/*100px;*/ 5.208vw;
    padding-bottom:/*100px;*/ 5.208vw;
    font-weight: 400;
}

.p1-strongh {
  
    text-shadow: 3px 4px 16px rgba(10, 17, 25, 0.64);
    color: #ffffff;

    font-family: Raleway;
    font-size: /*42px*/2.188vw;
    font-weight: 400;
   
    letter-spacing: 0.42px;

}

.p1-titleholder {text-align: center;}

.p1-strong-1 {position:relative; 
    cursor:pointer;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);}

    .p1-strong-1:after {
      
            content: "";
          
            position: absolute;
            z-index: -1;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
         

            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);

          box-shadow: 0 14px 25px rgba(0,0,0,0.16);
         

          box-shadow: 0 29px 60px 0 rgba(54,57,73,.22) /*ex .09*/;

         

       
            opacity: 0;
            -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
            transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
          
    }


   .p1-strong-1:hover {
   -webkit-transform: scale(1.02, 1.02);
        transform: scale(1.02, 1.02);
     
 /*  -webkit-filter: brightness(1.1);
        filter: brightness(1.1);*/
      }

      @-moz-document url-prefix() {
        .p1-strong-1:hover {
          transform: none;
          opacity:0.7;
        }
      }

      
   

      
      .p1-strong-1:hover::after {
          opacity: 1;
      }
      

.p1-strong-1--abs {top:7.552vw; /*145px*/; right:/*7.552vw;*/ 6.32vw; position:absolute; 
}

.p1-strong-2--abs {top:7.552vw; /*145px*/; left:/*107px;*//*5.573vw;*/ 6.32vw; position:absolute; 
}

.p1--right {text-align:right;}


.prezi-button {
    font-family: Raleway;
    display: inline-block;
    cursor: pointer;
    border: 1px solid #021217;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin:0 auto;
    font-size: /*26px*/ 1.354vw;
   /* width:  14.167vw;*/
   white-space: nowrap;
    font-weight: 400;
  padding:  /* 21px 35px;*/ 0.9vw 3.05vw;
    text-transform: uppercase;
    color: #ffffff;
    margin: 0 auto;
   /* line-height: 19px;*/
    transition: all .6s;
    background-color: #000;
    letter-spacing: 0.62px;
    box-shadow: 0 0 0 0 #000;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: 0!important;
    text-decoration: none;
    margin-top: 7.292vw/*143px*/;
    margin-bottom: 7.292vw;
    }
    .prezi-button:hover {
    background-color: transparent;
    color: #021217;
    border: 1px solid transparent;
    box-shadow: 0 0 0 1px #545454;
    text-shadow: none;
    }
    @-moz-document url-prefix() {
    .prezi-button:hover {
    border: 1px solid #000;
    box-shadow: none;
    background-color: #ffffff;
    }
    }


@media all and (max-width:1000px)  {.p1-first-boxes {max-width:100%; margin: 0 auto;grid-template-columns: 1fr 1fr; grid-auto-rows: auto auto; 
    grid-gap:30px; grid-row-gap:30px; padding-left:var(--padvar); padding-right:var(--padvar); }

    .p1-strongh {font-size:17px; text-shadow:none; color: #333333;}

    .p1-strongh br {display:none;}

    .p1-strong-1 {border-radius: 0px; background-color: #ffffff;}
    .p1-boxes {background-color: /*#f4f6fb;*/ rgba(244, 246, 251, 0.7); padding-top:30px; padding-bottom:30px;}

    .p1--right {text-align: center;}

    .p1-strong-1--abs,.p1-strong-2--abs {position:relative; padding:20px; top:unset;left:unset; right:unset; text-align:center;}

    .p1-htwo {font-size:24px; padding-bottom:30px;}

    .prezi-button {padding: 12px 42px;
    font-size: 17px;
    margin-top: 40px;
    margin-bottom: 50px;}

   
}


@media all and (max-width:850px)  {

.p1-strongh {font-size:17px; }

.p1-htwo {font-size:22px;}

}

@media all and (max-width:660px)  {.p1-first-boxes {grid-template-columns: 1fr; }

.p1-strongh {font-size:20px; }

.p1-htwo {font-size:26px;}

.prezi-button { padding: 14px 42px;
    font-size: 19px;
    margin-top: 50px;
    margin-bottom: 50px; }

}


@media all and (max-width:350px)  {.p1-first-boxes {grid-template-columns: 1fr; }

.p1-strongh {font-size:18px; }

.p1-htwo {font-size:24px;}

.prezi-button {font-size:18px;}

}


.p1-one-parallax {
    background-image: url("../img/publisher-first-header-3.jpg");

   
    height: 19.115vw; 
    width:100%;
  
    
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /*margin-bottom:1800px;*/
    position:relative;
  /*  transform: translate3d(0,0,0);*/
   will-change: transform;
}


@-moz-document url-prefix() {
    .p1-one-parallax {
        will-change:auto;
    }
  }

.p1-logo-paralaxx {width:31.563vw;
height:auto; }

.p1-why-title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


@media all and (max-width:1190px)  {.p1-one-parallax {height: 250px; /*background-position: unset;*/}
.p1-logo-paralaxx {width:320px;}
}



@media all and (max-width:850px)  {.p1-one-parallax {height: 230px; /*background-position: unset;*/}
.p1-logo-paralaxx {width:300px;}
}

@media all and (max-width:660px)  {.p1-one-parallax {height: 280px; /*background-position: unset;*/}
.p1-logo-paralaxx {width:330px;}
}

@media all and (max-width:450px)  {.p1-one-parallax {height: 78vw; /*background-position: unset;*/}
.p1-logo-paralaxx {width:87.5vw;}


}



@media (pointer: coarse)  { .p1-one-parallax  {
    background-attachment: scroll;	
} 
}




.p1-advantages {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    display: grid;
    max-width: /*1451px 1380px*//* 71.875vw*/ 71.875vw;
    margin: 0 auto;
    grid-auto-rows: 1fr;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    grid-column-gap: 8.021vw /*154px*/;
    grid-row-gap: /*110px*/ 5.729vw;
    padding-top: 6.250vw;
   
 
    position: relative;
    margin-bottom:8.438vw;
}



.p1-hthree-advantage {
    font-size:/*31px*/ 1.615vw;
    font-weight:400;
    color:#195f84;
    text-transform: uppercase;

}

.p1-adv-img {width:100%; height:auto; object-fit: cover; padding-top:/*25px */ 1.302vw;
padding-bottom:1.406vw/*27px*/;}



.p1-advantages p {color: #333333; font-size:/*26px*//*1.354vw*/1.354vw;  line-height:1.30;
    display: flex;
    align-items: center;}

.p1-square {
    height: 0.48vw /*10px*/;
    width: 0.48vw;
 
    background-color: #195f84;
   margin-right:/*2.292vw*/ /*44px*/ 1.92vw;
    display: block;
    
  }



  .p1-plus-button {
  
   background-color: #e9edf7;
    color: #333333;
    font-size:/*24px*/ 1.250vw;
    display:flex;
    justify-content: center;
    align-items:center;
    height:/*2.083vw*/ 1.875vw;
    width:100%;
    margin-top: 1.563vw /*30px*/;
    position:relative;
    cursor:pointer;
  }


  .plus {color: rgba(0, 77, 131, 0.97);
    letter-spacing: 0.58px;
    font-size: /*57px*/ 2.969vw;
font-weight:600;
padding-left:5px;
}



.p1-advantage {   transition: all 0.5s;}

.p1-advantage:hover {cursor:pointer;}

.nf-goldbutton {
  
    background-color: #e9edf7;
     color: #333333;
     font-size:/*24px*/ 1.250vw;
     display:flex;
     justify-content: center;
     align-items:center;
     height:/*2.083vw*/ 1.875vw;
     width:100%;
     margin-top: 1.563vw /*30px*/;
     position:relative;
     cursor:pointer;
     transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
     -webkit-tap-highlight-color: transparent;
    outline: none;
   }

   .nf-goldbutton:hover {background-color: #000000; color:white;  }


  

   .p1-z-many {
   z-index: 3;
   display: flex;
   padding-top:2px;
   align-items: center;
   justify-content: center;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    outline: none;
    }


    .nf-goldbutton:after {
      
        content: "";
      
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
     

        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);

      box-shadow: 0 14px 25px rgba(0,0,0,0.16);
     

      box-shadow: 0 12px 25px 0 rgba(54,57,73,.14) /*ex .09*/;

     
      -webkit-tap-highlight-color: transparent;
   
        opacity: 0;
        -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
      
}


.nf-goldbutton:hover {
-webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
 
/*  -webkit-filter: brightness(1.1);
    filter: brightness(1.1);*/
  }
  
  .nf-goldbutton:hover::after {
      opacity: 1;
  } 

  .plus {transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);    -webkit-tap-highlight-color: transparent;
    outline: none;}

  .nf-goldbutton:hover .plus {
      color:#709EB1;
  }

@media all and (max-width:1700px)  {.p1-advantages { max-width: 81.875vw;  grid-column-gap: 7.021vw }}

@media all and (max-width:1400px)  {.p1-advantages { max-width: 83.3vw;  grid-column-gap: 7.021vw }}

@media all and (max-width:1300px)  {.p1-advantages { max-width: 85vw;  grid-column-gap: 7.021vw }
.p1-advantages p{line-height:1.35}}
@media all and (max-width:1270px)  {.p1-advantages { max-width: 88vw;
    grid-column-gap: 6.521vw; }
}

@media all and (max-width:1200px)  {.p1-advantages {
    grid-column-gap: 4.521vw; }
}


@media all and (max-width:1139px)  {.p1-hthree-advantage {text-align:center; }}

@media all and (max-width:1100px)  {.p1-advantages {
    grid-column-gap: 5.229vw;  grid-row-gap: 5.229vw;}

    .p1-hthree-advantage {font-size:18px;}

    .nf-goldbutton {height:25px;}

    .p1-advantages p {line-height:1.5;}
}


@media all and (max-width:1100px)  {.p1-advantages {
    max-width: 100%; padding-left:var(--padvar); padding-right:var(--padvar);
    grid-column-gap: 5.333vw;
    grid-row-gap: 40px;
    padding-top:80px;
    margin-bottom:80px;
  
    grid-template-columns: repeat(auto-fit, minmax(265px, 1fr));
}

    .p1-hthree-advantage {font-size:19px; }

    .p1-advantages p {font-size:16px;} 

    .nf-goldbutton {height:30px; font-size:17px; margin-top:20px;}

    .p1-square {
        height: 5px/*10px*/;
        width: 5px;
        
    margin-right:10px;}

    .p1-adv-img {padding-top:20px; padding-bottom:20px;}

    .plus {font-size: 35px;
        font-weight: 500;
    padding-left:5px;}


     
}

@media all and (max-width:760px)  {.p1-advantages {grid-column-gap:30px;}}



@media all and (max-width:650px)  {.p1-advantages {
    max-width: 100%; padding-left:var(--padvar); padding-right:var(--padvar);
    grid-column-gap: 30px;
    grid-row-gap: 50px;
    padding-top:60px;
    margin-bottom:80px;
    grid-auto-rows: auto;

 
}

    .p1-hthree-advantage {font-size:22px; }

    .p1-advantages p {font-size:18px;} 

    .nf-goldbutton {height:40px; font-size:18px; margin-top:20px;}

    .p1-square {
        height: 5px/*10px*/;
        width: 5px;
        
    margin-right:10px;}

    .p1-adv-img {padding-top:20px; padding-bottom:20px;}

    .plus {font-size: 45px;
        font-weight: 500;
        padding-left:0px;}

        
     
}

@media all and (max-width:660px)  {.p1-goaway {display:none!important;}}

.p1--two-paralax {/*margin-bottom:16.302vw;*/ height:/*19vw*/363px; 
    background-image: url(../img/publisher-first-header-10.jpg);}


    .p1--downbutton:hover {background-color: #e9edf7;/* rgba(233, 237, 247, 0.85)*/}

    @media screen and (max-width: 1800px){.p1--two-paralax {height:19.5vw;/* margin-bottom:300px;*/}}

    .p1-footer-links {display:flex; justify-content: center; align-items:center; /*padding-top:106px;*/ padding-top:5.521vw;}

    .p1-header--links {padding-top:unset; justify-content: flex-end; padding-right:3.646vw;}

    .line{padding-left:10px; padding-right:10px;}

    .p1-footer-links a {color: #333333; text-decoration: none; font-weight:500; font-size:16px; }

    .p1-header--links a {letter-spacing: 0.64px; display:block;  padding-top:20px; padding-bottom:20px;}

    .mytrans {transition: all .3s;}

    .p1-footer a {transition: all .3s;/* letter-spacing:0.64px;*/ -webkit-tap-highlight-color: transparent;}

  
     

      @-webkit-keyframes fadeMenu {
      0% {
        opacity: 0;
      }
      
      30% {
        opacity: 0;
      }
      
      100% {
        opacity: 1;
      }
    }
    
    @keyframes fadeMenu {
      0% {
        opacity: 0;
      }
      
      30% {
        opacity: 0;
      }
      
      100% {
        opacity: 1;
      }
    }
    
    .fadeMenu {
      -webkit-animation-name: fadeMenu;
      animation-name: fadeMenu;
      -webkit-animation-duration: 0.6s;
      animation-duration: 0.6s;
    
    }

   
    

  



   


    .dropdown-content
 {
	display: none;
	position: absolute;
	z-index: 112;
  top: 45px;
  left:/*-13px*/-14px;
	padding: 21px 10px;
	background: #fff;
	color: #666;
min-width: 270px;

}

.dropdown-content {
	box-shadow: 0 5px 17px rgba(0, 0, 0, .15)
}







.dropdown-content a {
	width: auto;
	padding: 0 25px 5px 0;
	margin: 10px;
	text-align: left;
	position: relative;
  transition: all .3s;
  display: inline-block;
}

.dropdown-content a::after
 {
	content: "";
	height: 2px;
	background-color: #262626;
	left: 0;
	bottom: 0
}


.dropdown-content a::after {
	position: absolute;
	width: calc(100% - 25px);
	visibility: hidden;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s
}

.dropdown-content a:focus,
.dropdown-content a:hover {
	color: #262626;
	visibility: visible
}

.dropdown-content a:hover::after {
	visibility: visible;
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}

@media screen and (max-width:1400px) {
	.dropdown-content {
	min-width:245px;     padding: 22px 10px;
}
.dropdown-content a {margin:9px;}}

@media screen and (max-width:1400px) {
	.dropdown-content2 a::after {
	width:calc(100% - 25px);
}}

@media screen and (max-width:1400px) {
	.dropdown-content5 a::after {
	width:calc(100% - 25px);
}}

@media screen and (max-width:1300px) {
	.dropdown-content {
	min-width:238px;     padding: 20px 10px;
}}

.none {
	position: relative;
	align-self: center
}


.none:hover .dropdown-content {
  display: block;
}






    @media screen and (max-width: 1500px){ .p1-footer-links a  {font-size:15px;}
    .line{padding-left:8px; padding-right:8px;}}

    @media screen and (max-width: 1400px){ .p1-footer-links a  {font-size:14px;}}

    @media screen and (max-width: 1190px){ .p1-footer-links a  {font-size:13px;}}

    .p1-footer-links a:hover {color: rgba(51, 51, 51, .9);
        text-shadow: 0.6px 0 0 #333333; transition: all .3s;}


        .p1-footerlogo {width:/*215px*/ 11.198vw; height:auto; margin-top:/*35px */ 1.823vw; margin-bottom:/*90px*/ 4.688vw; transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);; }

        .p1-footerlogoholder {display:flex; justify-content: center; }

      .p1-footerlogo:hover {transform:scale(0.92);}

    
      @media screen and (max-width: 1800px){ .p1-footerlogo  {margin-bottom:5.388vw;}}

        .p1-footer {background-color:  #f4f6fb; }


        @media all and (max-width:1190px)  {.p1--two-paralax {height: 215px; }
/*.p1-logo-paralaxx {width:320px;}*/
}

@media all and (max-width:980px)  {.p1-footerlogo {width:200px; margin-bottom:50px; margin-top:18px;}

.dis {display:none;}

.p1-header--links {padding-top:0!important;}

.p1-footer-links {padding-top:60px;}


}


@media all and (max-width:850px)  {.p1-header--links {display:none;}

}


.svg {width:600px;
height:600px;
background-color:black;}

svg {
    width: 300px;
    display: block;
    position: absolute;}
    
    .path {
      stroke-dasharray: 320;
      stroke-dashoffset: 0;
      animation: dash 1s linear;
    }
    
    @keyframes dash {
      from {
        stroke-dashoffset: 320;
      }
      to {
        stroke-dashoffset: 0;
      }
    }
  

.p1-header {width:100%; height: 23.5vw; background-image: url(../img/publisher-first-top-bg-3.jpg); background-size: cover; 
    background-position: top;   transform: scale(1.15); z-index:0;  }

    .p1-header-mobile {width:100%; height: 87.500vw; background-image: url(../img/ps1st-mobile-header-w3.png); background-size: cover; 
      background-position: top;   transform: scale(1.25);  z-index:0;  }

  

    .p1-header-holder {overflow: hidden; background-color:black;position:relative;}

    .p1-header-holder-mobile   {overflow: hidden; background-color:black;position:relative; display:none; height: 112vw;}

  


      .fadeIn {
        -webkit-animation: fadeIn;
                animation: fadeIn;
                -webkit-animation-duration: 1s;
                animation-duration: 3.6s;
                animation-timing-function:cubic-bezier(.31,.11,.12,.99);
                -webkit-animation-fill-mode: both;
                animation-fill-mode: both;
    }


     
      
      @keyframes fadeIn {
      0% {
        opacity: 0;
      }
      
      50% {
        opacity: 1;
      }
      
      100% {
        transform: scale(1.0);
      }
    }
    
  .p1-herotext {
        font-size: 2rem;
        color:white;
        position:absolute;
        top:9.635vw/*185px*/;
        left:10.990vw;/*9.290vw*/ /*211px;*/; 
        z-index:3;
        font-size:/* 30px*/ 1.563vw;
        text-rendering: optimizeLegibility;
        text-rendering: geometricPrecision;
        font-smooth: always;
        font-smoothing: antialiased;
        -moz-font-smoothing: antialiased;
        -webkit-font-smoothing: antialiased;
        -webkit-font-smoothing: subpixel-antialiased;
        text-transform: uppercase;
        letter-spacing: 0.48px;
        text-align:right;
        line-height: 1.3;
        }

        .hero--two {text-align:left;left:unset; right:9.290vw;}

        .p1-with {font-weight: 700;  letter-spacing: 0.54px; font-size:1.771vw;}

        .text-in {
      
        
    
        -webkit-animation: text-in;
        animation: text-in;
        -webkit-animation-duration: 2s;
        animation-delay: 500ms;
        animation-duration: 2s;
        animation-timing-function:cubic-bezier(.31,.11,.12,.99);
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    
    
    }

    @-moz-document url-prefix() {
      .text-in {
        animation: p-fade-text-one;
        animation-delay: 500ms;
        opacity:0;
        animation-duration: 2s;
        animation-timing-function:cubic-bezier(.31,.11,.12,.99);
        animation-fill-mode: both;
      }
      }

  
   


    .text-in-two {
      
        
    
        -webkit-animation: text-in-two;
        animation: text-in-two;
        -webkit-animation-duration: 2.5s;
        animation-delay: 1200ms;
        animation-duration: 2.5s;
        animation-timing-function:cubic-bezier(.31,.11,.12,.99);
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    
    
    }


    
    @-moz-document url-prefix() {
      .text-in-two {
        animation: p-fade-text;
        opacity:0;
        animation-delay: 1200ms;
        animation-duration: 2.5s;
        animation-timing-function:cubic-bezier(.31,.11,.12,.99);
        animation-fill-mode: both;
      }
      }
  
      
    @keyframes text-in {
        0% {
          opacity: 0;
          transform: rotate(0.1deg) translateX(2rem);
        }
        
        100% {
          opacity: 1;
        }
      }


      @keyframes text-in-two {
        0% {
          opacity: 0;
          transform: rotate(0.1deg) translateX(-2rem);
        }
        
        100% {
          opacity: 1;
        }
      }

      @keyframes p-fade-text {
        0% {
          opacity: 0;
         
        }
        
        100% {
          opacity: 1;
        }
      }

      @keyframes p-fade-text-one {
        0% {
          opacity: 0;
         
        }
        
        100% {
          opacity: 1;
        }
      }



      @media all and (max-width:1000px)  {.p1-header {   /* height: 240px;*/ height:25vw;}
      .p1-herotext {/*top:40%; left:7%; font-size:16px;*/ font-size:1.7vw; left:6.9vw}
      .hero--two {/*right:5%;*/ right:5.1vw; left:unset;}
     .p1-with {    font-size: 1.871vw;}
    }

    
    @media all and (max-width:900px)  {.p1-header {   /* height: 240px;*/ height:26.5vw;}
    .p1-herotext {/*top:40%; left:7%; font-size:16px;*/top:10.2vw; font-size:1.8vw; left:5.8vw}
    .hero--two {/*right:5%;*/ right:4vw; left:unset;}
   .p1-with {    font-size: 1.971vw;}
  
  }
  

  @media all and (max-width:660px)  {.p1-header-holder {display:none;} 
  .p1-header-holder-mobile {display:block;}
 .p1-herotext {

  color:white;
  position:absolute;
  top:unset;
  left:0; 
  right:0;
  /*margin:auto;*/
  bottom:/*28vw*/32vw;
 
  font-size:/*4.800vw*/4.9vw;
  
  text-transform: uppercase;
  letter-spacing: 0.48px;
  text-align:center;
  line-height: 1.3;
 }

 .menu {height:60px; }
 .hero--two {text-align:center; right:0; bottom:/*10vw;*/ 13.2vw;}
 .p1-with {    font-size: /*5.067vw;*/ 5.2vw;}

 /*.text-in {animation-delay: 250ms; animation-duration: 2s;}*/
/* .text-in-two {animation-delay: 700ms;animation-duration: 2s;}*/
/* .fadeIn {animation-duration: 3s;}*/

 @keyframes text-in {
  0% {
    opacity: 0;
    transform: translateY(2rem);
  }
  
  100% {
    opacity: 1;
  }
}


@keyframes text-in-two {
  0% {
    opacity: 0;
    transform: translateY(2rem);
  }
  
  100% {
    opacity: 1;
  }
}

}

/*
    @media all and (max-width:930px)  {
      .p1-herotext { left:4.5%;font-size:15px; }
      .hero--two {right:3%; left:unset;}
      .p1-with {font-size:16px;}
    
    }*/

    .pc-menu {height:8.125vw; display:grid; align-content: center;  grid-template-columns: auto 1fr;}
    .p1-big-logo {width: 20.156vw; /*387px*/height:auto; padding-left: 3.646vw; /*70px*/}



    @media (pointer: coarse)  { .p1-header--links a {
      padding-top:0px; padding-bottom:0px;	
    } 
    .p1-service { padding-top:20px!important; padding-bottom:20px!important;	}
    
    }
    
    .mobile-menu { padding-left:20px;  padding-right:20px;  display:none;}

    .mobile-menu a {padding:14px; text-decoration:none;   font-size:17px;  color: #333333; letter-spacing: 0.64px; font-weight:500; padding-left:30px;}

    .first-mob {padding-top:35px!important;}

    .header {
      align-content: center; /*grid-template-columns: 1fr auto;*/height:60px; /*display:grid*/ display:flex; justify-content: space-between;
    }

   /* .menu:before {
      content: '';
      position: absolute;
      top: -10px;
      bottom: -30px;
      left: -10px;
      right: -30px;
      display: block;
  }*/


  #nav-icon1 {
    width: 30px;
    height: 23px;
    position: relative;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out
  }
  
  .menu {
    user-select: none;
    text-decoration: none
  }
  
  .mobilefacebooklogo {
    padding-right: 25px;
    padding-top: 15px
  }
  
  .mobilemaillogo {
    padding-top: 19px;
    vertical-align: top
  }
  
  #nav-icon1 {position:relative; z-index:160;}

  #nav-icon1.open {position:fixed;     top: 1.15625rem;
    right: 20px;}

  #nav-icon1 span {
    display: block;
    position: absolute;
    height: 2.2px;
  
    border-radius: 2.2px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out
  }
  
  #nav-icon1 span:nth-child(1) {
    top: 0;
    width: 100%;
    background: #333333;
    
  }
  
  #nav-icon1 span:nth-child(2) {
    top: 10px;
    width: 60%;
    background: #333333;
    
  }
  
  #nav-icon1 span:nth-child(3) {
    top: 20px;
    width: 80%;
    background: #333333;
  }
  
  #nav-icon1.open span:nth-child(1) {
    top: 10px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    background: #ffffff;
    
  }
  
  #nav-icon1.open span:nth-child(2) {
    opacity: 0;
    left: 60px;
  width: 100%;
  background: #ffffff;
 
  }
  
  #nav-icon1.open span:nth-child(3) {
    top: 10px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
    background: #ffffff;
   
  width: 100%
  }

    @media all and (max-width:850px)  {
      .pc-menu {display:none;}
      .mobile-menu {display:block;}
      .p1-big-logo {width:150px; padding-left:0px;}	}
    
     .menu-icon {align-self: center;}

      .menu {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
      
       
        pointer-events: none;
        z-index: 150;
    }
    
    .p1-mobilemenulogo {width:150px;  height:auto; padding-left:20px; padding-top:10px; filter: brightness(1.1);}

    .menu--visible {
        pointer-events: auto;
    }
    
    .app-menu {
       /* background-color: #fff;*/
        background-color: #ffffff;
        color: #333333;
        position: relative;
        max-width: 400px;
        width: /*90%*/ /*70%*/ calc(100% - 70px);
        height: 900px;
        min-height:100%;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
        -webkit-transform: translateX(-103%);
                transform: translateX(-103%);
        display: flex;
        flex-direction: column;
        will-change: transform;
        z-index: 160;
        pointer-events: auto;   
        overflow:hidden;
     
      
    }
    
    .menu--visible .app-menu {
        -webkit-transform: none;
                transform: none;
      /*   background-position: 50px -55px;   */    
    }
    
    .menu--animatable .app-menu {
        transition: all 130ms ease-in;
    }
    
    .menu--visible.menu--animatable  .app-menu {
        transition: all 330ms ease-out;
    
    }
    
    .menu:after {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 900px;
        min-height:100%;
        background: rgba(0,0,0,0.4);
        opacity: 0;
        will-change: opacity;
        pointer-events: none;
        transition: opacity 0.3s cubic-bezier(0,0,0.3,1);
    }
    
    .menu--visible.menu:after {
        opacity: 1;
        pointer-events: auto;
    }
 
    .p1-lightwhatever {width:300px; height:auto; position: absolute; z-index:1;    top: 45px; right:-15px;}

    .slide-fwd-right {
      -webkit-animation: slide-fwd-right 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
              animation: slide-fwd-right 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    }


    .slide-in-bck-left {
      -webkit-animation: slide-in-bck-left 1.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
              animation: slide-in-bck-left 1.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    }

    @-webkit-keyframes slide-in-bck-left {
      0% {
        -webkit-transform: translateZ(700px) translateX(-400px);
                transform: translateZ(700px) translateX(-400px);
        opacity: 0;
      }
      100% {
        -webkit-transform: translateZ(0) translateX(0);
                transform: translateZ(0) translateX(0);
        opacity: 1;
      }
    }
    @keyframes slide-in-bck-left {
      0% {
        -webkit-transform: translateZ(700px) translateX(-400px);
                transform: translateZ(700px) translateX(-400px);
        opacity: 0;
      }
      100% {
        -webkit-transform: translateZ(0) translateX(0);
                transform: translateZ(0) translateX(0);
        opacity: 1;
      }
    }

    



    @-webkit-keyframes slide-fwd-right {
      0% {
        -webkit-transform: translateZ(0) translateX(0);
                transform:translateZ(0) translateX(0);
      }
      
      100% {
        -webkit-transform:  translateZ(160px) translateX(50px);
                transform: translateZ(160px) translateX(50px);
      }
    }
    @keyframes slide-fwd-right {
      0% {
        -webkit-transform: translateZ(0) translateX(0);
                transform: translateZ(0) translateX(0);
      }
      100% {
        -webkit-transform: translateZ(160px) translateX(100px);
                transform: translateZ(160px) translateX(100px);
      }
    }

    @media (max-height: 500px) {
      .menu { overflow:scroll; }
      .app-menu {height:600px; min-height:600px;}
      .menu:after {height:600px;  min-height:600px;}
     
    }

    @media screen and (max-width: 355px){ .mobile-menu a {padding:12px; padding-left:20px; font-size:16px; font-weight:500;
    }}

   

    .p1-contact-header {
     
      height: 23.906vw /*459px*/;
     
      
      margin-bottom:50px;

    width: 100%;
 
    background-position:50% 90%;
   
    background-repeat: no-repeat;
    background-size: cover;
   
    }

    .p1-contact-back { background-image: url(../img/contact-hero-2.jpg);}

    .p1-topper {position:fixed; top:50px;}

    .p1d-contact-form-container {
      background-image: url(../img/contact-building.svg);
      background-repeat: no-repeat;
      background-position: right 100px bottom 0px;
      background-size:43vw;
      margin-bottom:30px;
      
    }
    
    
    
    .contatext {margin-top:var(--spacing);
      margin-bottom:20px;}
    
     
    
      .contactexplanation {max-width:538px; margin:auto;font-weight: normal;
        line-height: 17px;
        font-size: 14px;
      margin-bottom:50px;}
    
      
    
        .p1d-contact-form {max-width:/*538px*/ 497px; margin:auto;
        }
    
    
        .p1d-contact-form	input[type=text], select {
          width: 100%;
          padding: 12px 18px;
          margin: 5px 0;
          display: inline-block;
          border: 1px solid #195f84;
          font-size:18px;
          color:#195f84;
          font-weight:400;
          font-family: 'Open Sans', sans-serif;
          margin-bottom: 18px;
          
          box-sizing: border-box;
          outline: none;
          
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
          }
          
    
          .contact-form-error {
          border:1px solid #EF2828!important;
          
          }
    
          .contact-text-error {
          
          color:#EF2929!important;
          }
          
        /*  .p1d-contact-form  input[type=submit] {
          display: inline-block;
          border: 1px solid #021217;
          -webkit-appearance: none;
          -moz-appearance: none;
          appearance: none;
          font-size: 14px;
          min-width: 187px;
          font-weight: 400;
          padding: 13px 35px;
          text-transform: uppercase;
          color: #fff;
          
          line-height: 19px;
          transition: all .5s;
          box-shadow: 0 0 0 0 #000;
          -webkit-tap-highlight-color: transparent;
          -webkit-touch-callout: none;
          -webkit-user-select: none;
          -khtml-user-select: none;
          -moz-user-select: none;
          -ms-user-select: none;
          user-select: none;
          outline: 0!important;
          text-decoration: none;
          background-color: #021217;
          cursor:pointer;
          }
          */



          .p1d-contact-form  input[type=submit] {    font-family: Raleway;
    display: inline-block;
    cursor: pointer;
    border: 1px solid #021217;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
 
    font-size: 26px;
   /* width:  14.167vw;*/
   white-space: nowrap;
    font-weight: 400;
  padding:   14px 91px;
    text-transform: uppercase;
    color: #ffffff;

   /* line-height: 19px;*/
    transition: all .6s;
    background-color: #000;
    letter-spacing: 0.62px;
    box-shadow: 0 0 0 0 #000;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: 0!important;
    text-decoration: none;
 
    }
  

    .p1d-contact-form  input[type=submit]:hover {
          background-color: transparent;
          color: #021217;
          border: 1px solid transparent;
          box-shadow: 0 0 0 1px #545454;
          text-shadow: none;
          }
    
    
          @-moz-document url-prefix() {
            .p1d-contact-form  input[type=submit]:hover {
            background-color: transparent;
            color: #021217;
            box-shadow: none;
            border: 1px solid #021217;
            text-shadow: none
          }
        }
    
       
         
    
          .p1d-contact-form textarea {
          width: 100%;
          background: #FFFFFF;
          border: 1px solid #195f84;;
          height: 342px;
          padding: 12px 18px;
          line-height:1.3;
          box-sizing: border-box;
          font-family: 'Raleway', sans-serif;
          font-size:18px;
          color:#195f84;
          font-weight:400;
          resize: none;
          margin:5px 0;
    
          
          
          outline: none;
        
          -webkit-box-shadow: none;
          -moz-box-shadow: none;
          box-shadow: none;
          }
    
          .ulinelink {text-decoration: underline;color: #6E6E6E;}
    
          .p1d-contact-form label {
          color:#195f84;
          font-weight: 600;
          line-height: 20px;
          font-size: 16px;}
    
    
          .p1d-contact-form .container {
          display: block;
          position: relative;
          padding-left: 35px;
          margin-bottom: 12px;
          cursor: pointer;
          font-size: 16px;
          -webkit-user-select: none;
          -moz-user-select: none;
          -ms-user-select: none;
          user-select: none;
          line-height: 26px;
          font-size: 16px;
          margin-top:20px;
          
          color: #6E6E6E;
          }
          
          /* Hide the browser's default checkbox */
          .p1d-contact-form .container input {
          position: absolute;
          opacity: 0;
          cursor: pointer;
          height: 0;
          width: 0;
          }
          
          /* Create a custom checkbox */
          .p1d-contact-form .checkmark {
          position: absolute;
          top: 0;
          left: 0;
          height: 25px;
          width: 25px;
          background-color: #fff;
          border: 1px solid #195f84;
          box-sizing: border-box;
          }
          
        
    
          /* On mouse-over, add a grey background color */
        /*  .p1d-contact-form .container:hover input ~ .checkmark {
          background-color: #ccc;
          }
          
          /* When the checkbox is checked, add a blue background */
        /*  .p1d-contact-form .container input:checked ~ .checkmark {
          background-color: #2196F3;
          }
          
          /* Create the checkmark/indicator (hidden when not checked) */
      
         
    
          ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
          font-size: 18px;
          
          color: #a3b7c1!important;font-family: 'Raleway', sans-serif; font-weight:400!important;
          }
          ::-moz-placeholder { /* Firefox 19+ */
          font-size: 18px;
          
          color: #a3b7c1!important;font-family: 'Raleway', sans-serif; font-weight:400!important;
          }
          :-ms-input-placeholder { /* IE 10+ */
          font-size: 18px;
          
          color: #a3b7c1!important;font-family: 'Raleway', sans-serif; font-weight:400!important;
          }
          :-moz-placeholder { /* Firefox 18- */
          font-size: 18px;
          
          color: #a3b7c1!important;font-family: 'Raleway', sans-serif; font-weight:400!important;
          }
    
    
        
      
          
    
          textarea::-webkit-input-placeholder { font-size: 18px;
          color: #a3b7c1!important;font-family: 'Raleway', sans-serif; font-weight:400!important;
          }
          
          textarea:-moz-placeholder { font-size: 18px;
            color: #a3b7c1!important;font-family: 'Raleway', sans-serif; font-weight:400!important; 
          }
          
          textarea::-moz-placeholder {  font-size: 18px;
            color: #a3b7c1!important;font-family: 'Raleway', sans-serif; font-weight:400!important;  
          }
          
          textarea:-ms-input-placeholder { font-size: 18px;
            color: #a3b7c1!important;font-family: 'Raleway', sans-serif; font-weight:400!important;
          }
    


          @media screen and (max-width:1600px) {
            ::-webkit-input-placeholder { 
              font-size: 16px; 
              }
              ::-moz-placeholder { 
              font-size: 16px;
              }
              :-ms-input-placeholder { 
              font-size: 16px;
              }
              :-moz-placeholder { 
              font-size: 16px;
              }
        
              textarea::-webkit-input-placeholder { font-size: 16px;
            
              }
              
              textarea:-moz-placeholder { font-size: 16px;
             
              }
              
              textarea::-moz-placeholder {  font-size: 16px;
               
              }
              
              textarea:-ms-input-placeholder { font-size: 16px;
              
              }

              .p1d-contact-form input[type=text], select {
                padding: 12px 16px;
              }

              .p1d-contact-form textarea {height:280px;}

              .p1d-contact-form textarea {font-size:16px;}

              .p1d-contact-form input[type=text], select {font-size:16px;}
       
            }


           
        
          @media screen and (max-width:700px) {.p1d-contact-form, .contactexplanation { margin-right: 40px;
            margin-left: 40px}} 
    
            @media screen and (max-width:350px) {.p1d-contact-form, .contactexplanation { margin-right: var(--pad);
              margin-left: var(--pad)}} 
    
            @media screen and (max-width:700px) {.p1d-contact-form-container {background-image: none;}} 

            @media screen and (max-width:1600px) {
            .p1d-contact-form input[type=submit] {
              padding: 13px 102px; font-size:18px;
            }
         }

         .g-recaptcha { transform-origin:right;-webkit-transform-origin:right;}
         .robotkeeper {
          
          margin-top:/*26px*/  1.354vw;
          margin-bottom:/*28px*/ 1.458vw;
          display: flex;
          justify-content: flex-end;
       
          }

          .p1d-buttonkeeper {display: flex;
            justify-content: flex-end;
          margin-bottom:/*80px*/ 4.167vw;}

          .p1-contact-top-keeper {text-align: center; }

          .p1-contact-us {/* Style for "Contact us" */
         
        
            color: #195f84;
          
           margin-top:/*115px*/  5.990vw;
            font-size: /*45px*/ 2.344vw;
            font-weight: 700;
            text-transform: uppercase;
     
            letter-spacing: 0.65px;}

            .p1-contact-top-keeper p {
              max-width: /*964px */ 48.646vw;
              text-align:center;
            line-height:1.3;
             margin:0 auto;
              color: #195f84;
           margin-top:/*65px*/  3.646vw;
           margin-bottom:/*70px*/ 3.385vw;
              font-family: Raleway;
              font-size:/* 24px */ 1.250vw;
              font-weight: 400;
            
              letter-spacing: 0.35px;}

              @media screen and (max-width:1300px) { .p1-contact-top-keeper p {font-size:1.32vw;}} 
              
              @media screen and (max-width:1600px) {      .p1d-buttonkeeper {margin-bottom: 5.521vw;}} 
         

              @media screen and (max-width:1100px) {      .p1-contact-us { margin-top: 30px;
                font-size: 24px;}
                .p1-contact-top-keeper p {font-size:16px; margin-top:30px; margin-bottom:40px; max-width:497px;} 
              .p1d-buttonkeeper{margin-bottom:60px;}
            .robotkeeper {margin-top:15px; margin-bottom:13px;}
            .p1d-contact-form textarea  {height: 260px;}
            .p1d-contact-form label {font-size:15px;}
                .p1-contact-header { height: 260px;}
           
           } 

           @media screen and (max-width:1000px) {     
            .p1-contact-header { height: 215px;}
       
       } 

       @media screen and (max-width:710px) {     
        .p1d-contact-form {max-width:100%; margin-left:var(--padvar); margin-right:var(--padvar); }
   
   } 
      
   @media screen and (max-width:580px) {     
   .p1-contact-top-keeper p {margin-left:var(--padvar); margin-right:var(--padvar); max-width:100%;}  
   .p1d-contact-form input[type=text], select {
    padding: 13px 16px;
}
  }
  

  @media screen and (max-width:850px) {
  .robotkeeper {justify-content: center;}
  .g-recaptcha {transform-origin: center;}
  .p1d-buttonkeeper {justify-content: center;}}


   
.p1-why-head {
  font-size: /*45px*/ 2.344vw;
  font-weight: 800;
 
    text-transform: uppercase;
    letter-spacing: 0.65px;
    color:#ffffff;
   padding-bottom:0.601vw;
    position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.p1--why-top-block { position:relative;
  display: flex;
  justify-content: center; }

.p1-why-background {background-image: url("../img/tranparent-hero2.jpg");
  background-position: 50% 50%;}

  .p1-exc-background {background-image: url("../img/exchange-bid-2.jpg");
    background-position: 50% 50%;}

    .p1-multi-background {background-image: url("../img/multi-channel-3.jpg");
      background-position: 50% 55%;}

      .p1-simply-background {background-image: url("../img/simple-w2.jpg");
        background-position: 50% 95%;}

      .p1-fast-background {
        background-image: /* top, transparent red */ linear-gradient(to bottom, rgba(25, 95, 132, 0.1), rgba(25, 95, 132, 0.99) ), /* your image */ url(../img/fast-payments.jpg);
        background-position: 50% 55%;
        background-blend-mode: multiply;
}

.p1-support-background {background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2) ), url(../img/fast-support-1.jpg);
 
  background-position: 50% 50%;}
       

    @media screen and (max-width: 500px){
      .p1-fast-background {background-image:url(../img/fast-payments.jpg);} 
  
      .p1-exc-background  {background-position: 10% 50%;}
      .p1-multi-background  {background-position: 10% 50%;}
      .p1-support-background {background-image:url(../img/fast-support-1.jpg);} }

.why-breadcrumb { position:absolute; bottom:2.083vw;}

  .why-breadcrumb a { display:inline-block;color: #ffffff;font-size:17px; position:relative; text-decoration:none; opacity:0.9; transition: all .3s;}

  .p1-why-arrow {color: #ffffff;font-size:17px; font-weight: 500; padding-left:8px; padding-right:8px; }

  /*.why-breadcrumb a:hover {text-decoration: underline;}*/

  
  .why-breadcrumb a::after
   {
    content: "";
    height: 2px;
    background-color: #709eb1;
    left: 0;
    bottom: -4px;
  }
  
  
  .why-breadcrumb a::after {
    position: absolute;
    width: calc(100%);
    visibility: hidden;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s
  }
  
  .why-breadcrumb a:focus,
  .why-breadcrumb a:hover {
    color: #ffffff;
    visibility: visible
  }
  
  .why-breadcrumb a:hover::after {
    visibility: visible;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }    
             
  .why-breadcrumb a:hover {text-shadow: 0.6px 0 0 #ffffff; opacity:1;
    }

    .p1-active-why  {text-shadow: 0.6px 0 0 #ffffff;
      pointer-events: none;
      z-index:3;
      opacity:0.93!important;
     
    
      
    }
  
  .p1-active-why::before
    {
     content: "";
     height: 2px;
     background-color: #709eb1;
  
     left: 0;
     bottom: -4px;
     z-index:0;
     position: absolute;
     width: 100%;
     visibility: visible!important;
     -webkit-transform: scaleX(1);
     transform: scaleX(1)
    

   }

   @media screen and (max-width: 1500px){ .why-breadcrumb a {font-size:15px;}
   .p1-why-arrow {font-size:15px;}}

   @media screen and (max-width: 1300px){ .why-breadcrumb
 {bottom:28px;}
 .why-breadcrumb a {font-size:14px;}
}

   @media screen and (max-width: 1100px){
.p1-why-head {
 
    font-size: 24px;
}
.why-breadcrumb a {font-size:14px;}
   .p1-why-arrow {font-size:14px;}
   .why-breadcrumb
    {bottom:20px;}
}


@media screen and (max-width: 850px){
  
  .why-breadcrumb  {display:none;}}

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

  .p1-why-head {padding-bottom:0px;
    width: 100%;
    font-weight: 400;
    text-align: center;}
    
  }


  .p1-this-is-why {
    display:grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: 1fr;
    padding-top:5.929vw;
    padding-bottom:5.929vw;
    grid-template-areas: 
            "a a"
            "b b"
            "c c"
            "d d"
  }

  .p1-circle {width:20px; height:20px; grid-area:a; justify-self:center;     z-index: 20;}
  .p1-circular {width:1.302vw; height:1.302vw; grid-area:a; justify-self:center;     z-index: 20; -moz-border-radius: 50px/50px;
    -webkit-border-radius: 1.302vw 1.302vw;
    border-radius: 1.302vw/1.302vw; /*25/25px*/
    border: solid 0.365vw #195f84;
    margin-top:-0.45vw;
    width: 1.302vw;
    height: 1.302vw; 
    background:white;
   }


    .p1-circular--two { grid-area:b;}

    .p1-circular--three { grid-area:c;}

    .p1-circular--four { grid-area:d;}


  .p1-reason--one {grid-column-start:1; grid-row-start:1; border-right:0.208vw solid #195f84; text-align: right; padding-right:2.448vw; /*47px;*/}

  .p1-reason--two {grid-column-start:2; grid-row-start:1; border-left:0.208vw solid #195f84;}

  .p1-reason--three {grid-column-start:1; grid-row-start:2; border-right:0.208vw solid #195f84; }

  .p1-reason--four {grid-column-start:2; grid-row-start:2;  border-left:0.208vw solid #195f84;text-align: left; padding-left:2.448vw; }

  .p1-reason--five {grid-column-start:1; grid-row-start:3; border-right:0.208vw solid #195f84; text-align: right; padding-right:2.448vw;}

  .p1-reason--six {grid-column-start:2; grid-row-start:3;  border-left:0.208vw solid #195f84;}

  .p1-reason--seven {grid-column-start:1; grid-row-start:4;  }

  .p1-reason--eight {grid-column-start:2; grid-row-start:4; text-align: left; padding-left:2.448vw; }

  .p1-reasons-h2 {
    font-size:/*30px*/ 1.563vw;
    letter-spacing: 0.43px;
    color:#195f84;
    font-weight:700;
  }
 
  .p1-reasons-p {
  line-height: 1.3;
  padding-top:1.19vw;
  padding-bottom:0.7vw;
    color: #195f84;
  
    font-family: Raleway;
    font-size: /* 24px */ 1.250vw;
    font-weight: 400;
  }

  .p1-no--margin {margin-bottom:0px;}

  @media screen and (max-width: 1190px){
  
    .p1-reasons-h2 {font-size:22px;
      padding-bottom: 15px;}
      .p1-reasons-p { padding-top: 0px;
        padding-bottom: 20px; font-size:16px;}

        .p1-this-is-why {margin-left: 50px;
          margin-right: 50px; padding-top:60px; padding-bottom:45px;}

          .p1-reason--eight, .p1-reason--four {padding-left:35px;}

          .p1-reason--one, .p1-reason--five {padding-right:35px;}

          .p1-circular {    width: 20px;
            height: 20px;
            border-radius: 20px/20px;}
     
     
    }


    @media screen and (max-width: 900px){ .p1-reason--eight, .p1-reason--four {padding-left:30px;}

    .p1-reason--one, .p1-reason--five {padding-right:30px;}
    .p1-reasons-h2 {font-size:21px;}
    .p1-this-is-why{padding-top:45px;}}


    @media screen and (max-width: 755px){
  
    .p1-circular { border-radius: 15px/15px;
    border: solid 2px #195f84;
    margin-top: 0px;
    margin-left: -9px;
    width: 15px;
    height: 15px;
    justify-self: start;
    z-index: 20;
  }

  .p1-this-is-why {margin-top:30px; margin-bottom:10px;}

  .p1-reason-one br {display:none;}

    .p1-this-is-why {    
      grid-template-columns: 1fr;}

      .p1-reason--one {
      
    grid-row-start: 1;
  
    
      }


      .p1-reason--four {
         
          grid-row-start: 2;
      }


      .p1-reason--one, .p1-reason--four, .p1-reason--five, .p1-reason--eight {
    
    text-align: left;
    padding-left: 30px;
    padding-right: 30px;
    grid-column-start: 1;
    grid-column-end: -1;
    border-right:none;
      }


      .p1-reason--one, .p1-reason--four, .p1-reason--five {
        border-left: 2px solid #195f84;
 
      }

      .p1-reason--two, .p1-reason--three, .p1-reason--six, .p1-reason--seven {display:none;}

      .p1-reasons-h2 {font-size:22px;
        padding-bottom: 15px;}
        .p1-reasons-p { padding-top: 0px;
          padding-bottom: 20px;}
       
       }
  
       @media screen and (max-width: 500px){

       .p1-this-is-why {    margin-left: 30px;
        margin-right: 0px;
      padding-top:25px;}}

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

          .p1-this-is-why {    margin-left: 25px;
           margin-right: 0px;}}

        @media screen and (max-width: 350px){
        .p1-reason--one, .p1-reason--four, .p1-reason--five, .p1-reason--eight {padding-left:25px; padding-right:25px;}
      }

     /* @media screen and (max-width: 330px){
        .p1-this-is-why {grid-auto-rows: auto;}
      }
*/


     .p1-why-mobile { display: flex;
    align-items: center;
    flex-direction: column;
    background-color: /*#6F78A0;*/ /*C2B2A4*//*1D81A6*/#eef1f7;
    height: /*170px*/200px;
    justify-content: space-between;
    padding-top: 45px;
    /* color: white; */
    padding-bottom: 50px;
    text-decoration: none;}


    .p1-why-mobile a {color:#195f84; text-decoration: none; transition: all .3s;}

    .p1-why-mobile a:hover {    
      text-shadow: 0.6px 0 0 #195f84;
      transition: all .3s;}


      .p1-why-mobile-active {text-shadow:none!important; pointer-events: none; opacity:0.65;}

    .p1-first-why {font-weight: 300;
      padding-bottom: 10px;
      letter-spacing: 0.43px;
      font-size: 21px;
    text-shadow:none;}


      @media screen and (min-width: 755px){   .p1-why-mobile  { 
   flex-direction: row;
   justify-content:center;
   position:relative;
    height: 62px;
  
    padding-top: 63px;
  
    padding-bottom: 38px;
  }

  .p1-first-why {top: 52px;
    position: absolute;
    font-weight:600!important;
    font-size: 18px;
    padding-top: 0!important;
    padding-bottom: 0;}

    .p1-why-mobile a {
   
      padding-left: 7px;
      padding-top: 20px;
      padding-right: 7px;}}


      

      /*.layer, .layer2, .layer3 { background: linear-gradient(360deg, rgba(25, 95, 132) 0, rgba(25, 95, 132, 0.1) 84.53%);
   
    
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        z-index: 0;
        transition: all ease .9s;
        width: 100%;}*/

@media screen and (min-width: 1000px){   .p1-why-mobile  { 
        height: 62px;
    padding-top: 52px;
    padding-bottom: 33px;
       }
     
       .p1-first-why {top: 50px;
         
         font-size: 17px!important;
        }
     
         .p1-why-mobile a {
        
          font-size: 13px;
           padding-top: 28px;
           font-weight:500;
          }}

          @media screen and (min-width: 850px) {.p1-why-mobile{ display: none;}}
          
        /*  @media screen and (min-width: 1190px){   
             .p1-why-mobile a {
            
              font-size: 14px;
               padding-top: 28px;
              }

              .p1-why-mobile  { 
                padding-top: 2.708vw;
                padding-bottom: 1.719vw;
               }
               .p1-first-why {
                top: 2.804vw;}}
             
          
      @media screen and (min-width: 1300px){ 
     
       .p1-first-why {
         
         font-size: 18px!important;
        }
     
         .p1-why-mobile a {
        
          font-size: 15px;
           padding-left:8px;
           padding-right:8px;
          }
        
          .p1-why-mobile  { 
            padding-top: 3.08vw;
            padding-bottom: 2.19vw;
           }
           .p1-first-why {
            top: 3vw;}
        
        }



        
    
@media screen and (min-width: 1400px){ .p1-why-mobile  { 
  padding-top: 2.708vw;
  padding-bottom: 1.719vw;
 }
 .p1-first-why {
  top: 2.804vw;}}



          @media screen and (min-width: 1500px) {.p1-why-mobile  { 
           
             padding-top: 63px;
           
             padding-bottom: 38px;
           }
         
           .p1-first-why {
         
            top:53px;
           }
        
         
             .p1-why-mobile a {
            
              font-size:16px;
               padding-left:10px;
               padding-top: 20px;
               padding-right: 10px;}}*/


               .p1-gridi {display:grid;}
               .p1-nodecor {text-decoration:none;}
            /*   #why {    display: block;
                position: relative;
                top: -40px;
                visibility: hidden;}*/

            

@media screen and (min-width: 1922px){

  .p1-big-logo {width:386px; padding-left:70px;}

  .p1-header--links { padding-right:70px; padding-top: unset!important;}
  .p1-herotext {font-size:30px; top:190px; left:201px}

  .pc-menu {height:156px;}

    .p1-footerlogo {width:215px; margin-top:35px; margin-bottom:90px;}

    .hero--two {right:169px; left:unset;}

    .p1-header {height:487px;}

    .p1-with {font-size:32px;}

    .p1-footer-links {padding-top:106px;}
    .p1-first-boxes {max-width:1544px;     grid-gap:70px;
        grid-row-gap:70px;}
    .p1-htwo {  
        font-size: 42px;
        padding-top:100px;
        padding-bottom:100px;    
    }

    .p1-one-parallax  {height:367px;}

   .p1-one-parallax  {
        background-attachment: scroll;	
    } 
    
    .p1-strongh {
        font-size: 42px;}

        .prezi-button {
           
            font-size:25px;
          padding:17px 58px;
      
            text-decoration: none;
            margin-top: 141px;
            margin-bottom: 141px;
            }

            .p1-strong-2--abs {left:120px; top:145px;}

            .p1-strong-1--abs {right:120px; top:145px;}

            .p1-logo-paralaxx {height:370px; width:606px;}

            body {background-color: white;}

            html {background-color: #eef1f7;}

            .p1-advantages {
              
                max-width: 1395px;
              
                grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
                grid-column-gap:154px;
                grid-row-gap: 110px;
                padding-top: 120px;
                margin-bottom: 162px;
             
                position: relative;
              
            }


            .p1-hthree-advantage {
                font-size:31px;
                font-weight:400;
               
            
            }
            
            .p1-adv-img {width:100%; height:auto; object-fit: cover; padding-top:25px;
            padding-bottom:27px;}
            
            
            
            .p1-advantages p {font-size:26px;  line-height:1.30;
               }
            
            .p1-square {
                height: 7px;
                width: 7px;
             
               
               margin-right:44px;
            
                
              }
            
            
            
              .p1-plus-button {
              
          
                font-size:24px;
        
          
                height:36px;
                width:100%;
                margin-top: 30px;
               
              }
            
            
              .plus {
                letter-spacing: 0.58px;
                font-size: 57px;
               
        
            }

            .nf-goldbutton {
  
               
                 font-size:24px;
                 display:flex;
                 justify-content: center;
                 align-items:center;
                 height:36px;
                 margin-top:30px;
              
               }

               .p1-contact-header {height:469px;}
               .p1-contact-us {margin-top:115px; font-size:45px;}
               .p1-contact-top-keeper p {max-width: 964px; margin-top:70px; margin-bottom:64px; font-size:24px;}
               .robotkeeper {margin-top:26px; margin-bottom:28px;}
               .p1d-buttonkeeper {margin-bottom:80px;}
}