html{width:100%;height:100%;}
body {width:100%;height:100%;padding:0px; margin:0px 0px 0px 0px;background-color:#ffffff; direction:rtl;}
input, textarea, button {border-radius: 0; -webkit-appearance:none; outline: none;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;box-sizing: border-box;}


a {text-decoration:none;outline: none;text-decoration:none;color: #242020;}
a:hover {outline: none;}
img{border:0px;}


.dir{float:right;}
.dir-op{float:left;}
.full-div{width:100%;float:right;}

.halth-div{width:50%;float:right;} /*full on mobile*/
.third-div{width:33.333333%;float:right;} /*full on mobile*/
.qrtr-div{width:25%;float:right;} /*full on mobile*/
.three-qrtr-div{width:75%;float:right;} /*full on mobile*/

.hide-mobile{display:block;}
.hide-desktop{display:none;}


/*colors*/
.c-white{color:#ffffff;}
.c-green{color:#83C53E;}
.c-grey{color:#ede9e4;}
.c-dark{color:#27292d;}
.c-blue{color:#147cb3;}
.c-light{color:#eaeaea;}
.c-red{color:#910f0f;}
.c-brown{color:#483f2e;}
.c-orange{color:#fe8900;}
.c-black{color:#2a2a2a;}

/*--bg--*/
.bg-main{box-shadow: inset 0px 0px 0px 1px rgba(253, 253, 253, .25);}
.bg-light-blue{background-color: #349bc6;}
.bg-red{background-color:#c43d62;}
.bg-grey{background-color: #6a7280;}
.bg-blue{background-color: #349bc6;}
.bg-dark-blue{background-color: #0c478b;}
.bg-deep-blue{background-color: #0c478b;}
.bg-dark-grey{background-color: #45474c;}

h1,h2,h3{
    font-family: 'Heebo';
    line-height: 40px;
}

h1 {color:#252963; margin-bottom: 20px;font-weight:normal;font-size:55px;margin-top:0px;}
h2 {color:#3081c2;margin-top: 0px;margin-bottom: 20px;font-weight:normal;font-size:34px;}
h3 {color:#24292b;margin-top: 0px;margin-bottom: 20px;font-weight:normal;font-size:22px;}


p{margin-top: 0px;margin-bottom: 0px; }


.responsive-img{max-width: 100; height: auto;}
.text-center{text-align: center;}
.text-right{text-align: right;}
.text-left{text-align: left;}
.hand{cursor:pointer;}
.t-b{font-weight:bold;}
.t-nob{font-weight:normal;}
.t-i{font-style: italic;}
.t-u{text-decoration:underline;}
.t-nou{text-decoration:none;}
.t-nou:hover {text-decoration:none;}
.t-upper{text-transform: uppercase;}

.s-9{font-size:9px;}
.s-10{font-size:10px;}
.s-11{font-size:11px;}
.s-12{font-size:12px;}
.s-13{font-size:13px;}
.s-14{font-size:14px;}
.s-15{font-size:15px;}
.s-16{font-size:16px;}
.s-17{font-size:17px;}
.s-18{font-size:18px;}
.s-19{font-size:19px;}
.s-20{font-size:20px;}
.s-21{font-size:21px;}
.s-22{font-size:22px;}
.s-23{font-size:23px;}
.s-24{font-size:24px;}
.s-25{font-size:25px;}
.s-26{font-size:26px;}
.s-27{font-size:27px;}
.s-28{font-size:28px;}
.s-30{font-size:30px;}
.s-32{font-size:32px;}
.s-36{font-size:36px;}
.s-38{font-size:38px;}
.s-40{font-size:40px;}
.s-42{font-size:42px;}
.s-45{font-size:45px;}
.s-48{font-size:48px;}
.s-55{font-size:55px;}
.s-60{font-size:60px;}
.s-70{font-size:70px;}
.s-90{font-size:90px;}



.green {border:solid 1px green;}
.red {border:solid 1px red;}
.blue {border:solid 1px blue;}

.b-green {background-color:green;}
.b-red {background-color:red;}
.b-blue {background-color:blue;}

.absu{position:absolute;}
.rela{position:relative;top:0px;right:0px;z-index: 100;}


.hide{display:none;}

.dir-left{float:left;}
.dir-right{float:right;}

.base-text {font-family: 'Heebo';font-size:18px;color:white;line-height:23px;background: #1f1f1f;}
						
.form-field{text-align:right;border:1px solid #F2E8DF;width:85%;height:32px;font-size:18px;color:#373535;background-color:#f1f1f1;float:none;margin:auto;border-radius: 6px;
			font-family: 'Heebo';padding-left:0px;padding-right:5%;-webkit-appearance:none;}	
.signup-select{text-align:left;border:1px solid #F2E8DF;width:90%;padding-left:5%;height:32px;font-size:18px;color:#373535;background-color:#f1f1f1;float:none;margin:auto;border-radius: 6px;
			font-family: 'Heebo';padding-left:5%;}			
.form-field-textarea{text-align:left;border:1px solid #766c5b;width:95%;height:140px;border-radius:4px;padding-left:5%;font-size:18px;color:#a7a7a7;font-family: 'Heebo';font-weight:normal;
			font-family: 'Heebo';}

.genral-button{width:80%;border-radius:0px;color:#ffffff;font-weight:bold;font-size:22px;
				border:0px solid;background-color:#147cb3;border:0px solid #E0D2A2;
				padding-left:0px;padding-right:10px;-webkit-appearance:none;
				font-size:28px;float:none;margin:auto;border-radius: 8px;
				font-family: 'Heebo';height:50px;}
	
.genral-button:hover{background-color:#0f618c;}

.general-shadow{
-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.75);
}
.soft-shadow{
-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.50);
-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.50);
box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.50);
}
.text-shadow{
	text-shadow: -2px 1px 6px rgba(150, 150, 150, 1);
}


/****website classes*/


.thecontainer{width:100%;height:100%;padding-bottom:0px;text-align:center;text-align:right;}
.grid{margin:auto;max-width: 1920px;overflow: hidden;float:none;text-align:right;width: 100%;}
.top-header{width:100%;float:right;height: 72px;box-shadow: rgba(35, 39, 43, 0.24) 0px 12px 28px 0px;background-color: white;position: relative;z-index: 12;}
.top-logo{width:100%;float:right;margin-top:0px;text-align:center;}
.hp-main-pic{width:100%;float:right;height:331px;background-image: url('../images/hp-main-img.jpg');background-repeat: no-repeat;background-position:top center;background-size:cover;}

.form-container{width:450px;height:auto;float:left;position:left;}
.content{width:700px;margin-left:50px;float:right;height:auto;padding-top:10px;}
.box-contianer{width:100%;float:right;background-image:url('../images/grey-bg.jpg');background-repeat:repeat-x; background-position:center bottom;}
.the-form{width:100%;float:left;background-color:#ffffff;margin-top:20px;padding-bottom:10px;border-radius:10px;} 
.form-top{width:100%;padding-top:10px;padding-bottom:10px;text-align:center;float:left;background-color:#259bf5;margin-bottom:10px;border-top-left-radius:10px;border-top-right-radius:10px;} 
.signup-field{width:100%;float:right;margin-bottom:18px;text-align:center;margin-top:6px;}	
.signup-field-text{width:100%;float:right;margin-bottom:18px;text-align:center;margin-top:6px;}	
.font-title-form{font-size:20px;}	
.form-field{height:28px;width:90%;}
/*--hp--*/
.hp-all-vid{background-repeat: no-repeat;height: inherit;transition: all .4s ease;transform: translate(0,0) scale(1);position: relative;overflow: hidden;}
.hp-vid2-img {background-image: url(../images/vid2.jpg);background-position: left center;background-size: contain;transform-origin: center;background-color: #44474c;}
.hp-vid3-img {background-color: #45474c;background-image: url(../images/vid3.jpg);background-position: center;background-size: cover;transform-origin: right;z-index: 1;}
.hp-vid1 { transition: all .4s ease; transform-origin: top;transform: translate(0,0) scale(1); position: relative;}
.hp-vid1-img {background-image: url(../images/vid1.jpg);background-position: bottom left;background-size: contain;transform-origin: top;z-index: 1;background-color: #54c3f1;}
.hp-vid4-img {background-image: url(../images/vid4.jpg);background-position: left bottom;background-size: contain;transform-origin: top;background-color: #6a7280;}
.hp-vid5-img {background-image: url(../images/vid5.jpg);background-size: auto;transform-origin: bottom;background-position: left bottom;background-color: #349bc6;}
.hp-vid4-img:before {content: "#4";position: absolute;font-size: 12vw;right: -5px;bottom: 99px;font-family: alef;letter-spacing: -22px;font-weight: 600;color: #a1abc1;z-index: 2;}
.hp-vid6-img {background-image: url(../images/vid6.jpg);background-size: auto;transform-origin: bottom;background-position: left center;background-color: #0c478b;}
.hp-vid5-img:before {content: "#5";position: absolute;font-size: 12vw;right: -4px;bottom: 90px;font-family: alef;letter-spacing: -22px;font-weight: 600;color: #6ec0e2;z-index: 2;}
.hp-vid2-img:before {content: "#2";position: absolute;font-size: 12vw;right: -4px;bottom: 60px;font-family: alef;letter-spacing: -22px;font-weight: 600;color: #86898e;z-index: 2;}
.hp-vid3-img:before {content: "#3";position: absolute;font-size: 12vw;right: 0;bottom: 85px;font-family: alef;letter-spacing: -22px;font-weight: 600;color: #a1abc1;z-index: 2;}
.hp-vid6-img:before {content: "#6";position: absolute;font-size: 12vw;right: 0;bottom: 65px;font-family: alef;letter-spacing: -22px;font-weight: 600;color: #4679b5;z-index: 2;}

.hp-vid0.bg-deep-blue {background-image: url(../images/uni-icon.png);background-repeat: no-repeat;background-position: bottom right;}
.hp-vid6.bg-deep-blue.hp-consult-btn-wrapper {background-position: -95px 180px;}
.hp-vid0.bg-deep-blue.hp-txt-wrapper {background-position: 450px -30px;}
.top-header-wrapper .dir-op>.star-num { font-size: 40px; font-weight: bold; line-height: 100%; text-align: left; } 
.top-header-wrapper .dir-op>.star-num span:last-child { position: absolute; left: 0px; top: 27px; } 
.dir-op.c-dark.text-center { position: relative; padding: 0 20px; } 
.star-num-txt { font-size: 16px; } 
.top-header-wrapper .grid, .footer.full-div .grid {padding-top: 0.25%;width: 1880px;max-width: 100%;}
.footer.full-div .grid {padding-top: 0.65vw;}
.hp-main-vid-col {width: 32.827%;float: right;margin-left: 0.75vw;position: relative;} 
.hp-main-vid-col .hp-vid0,.hp-main-vid-col .hp-vid6 {height: 21.7vw;width: 100%;} 
.hp-main-vid-col .hp-vid3 {height: 20vw;width: 100%;margin-top: 0.75vw;position: relative;} 
.hp-vid5.bg-grey,.hp-vid4.bg-blue {height: 13.475vw;position: relative;}
.hp-vid4.bg-blue {margin: 0.75vw 0;}
.hp-main-wrapper.full-div {  background: white;}
.vid-play-btn {position: absolute;top: 6vw;right: 2vw;cursor: pointer;z-index: 2;}
.hp-main-vid-col .hp-vid1 {height: 14vw;} 
.hp-vid-hover-wrapper { height: inherit;position: relative;}
.hp-main-vid-col .hp-vid2 {height: 20vw;margin-bottom: 0.75vw;}
.hp-vid0.bg-deep-blue.hp-txt-wrapper h1{padding-top: 6vw;color: white;font-weight: 100;padding-right: 2.5vw;margin-bottom: 0.8vw;}
.hp-consulting-btn {width: 60%;margin: 1.25vw auto;cursor: pointer;border-radius: 5px;padding: 0.6vw 0;transition: all .4s ease;box-shadow: 0px 10px 29px -2px rgba(50, 50, 50, 0.52);text-align: center;}
.hp-consulting-btn:hover {background-color: #f14b79;}
.hp-main-vid-col h3 {color: white;font-size: 40px;font-weight: 100; padding-right: 2.2vw; padding-top: 1.5vw;}
.hp-vid0.bg-deep-blue.hp-txt-wrapper p { color: white; font-weight: 100;padding-right: 2.5vw; max-width: 75%;}
.hp-main-vids-row.full-div>.hp-main-vid-col:last-child {margin-left: 0;}
 .hp-vid1-img:before {content: "#1";position: absolute;font-size: 11vw;right: -1px;bottom: 58px;font-family: alef;letter-spacing: -22px;font-weight: 600;color: #91dfff;z-index: 2;}
/*---popup----*/
.popup-white-bg {width: 100%;position: fixed;background: rgba(255, 255, 255, 0.95);top: 0;bottom: 0;left: 0;right: 0;z-index: 1;transition: all .8s ease;opacity: 0;}
.popup-wrapper {z-index: -1;position: absolute;transition: all .4s ease;opacity: 1;}
.popup-vid-wrapper {width: 1250px;max-width: 100%;height: 30.5vw;margin: auto;position: fixed;left: 0;right: 0;top: 0;bottom: 0;z-index: 12;transition: all .4s ease;opacity: 1;}
.popup-vid.three-qrtr-div {transition: all .4s ease;float: left;height: inherit;width: 100%;position: relative;z-index: 1;box-shadow: rgba(35, 39, 43, 0.24) 0px 12px 28px 0px;}
.popup-vid .popup-txt {
    height: inherit;
    width: 100%;
    float: right;
    font-size: 18px;
    background: url(../images/vid4-pic.jpg) no-repeat center;
    background-size: cover;
    background-color: white;
}
.popup-vid .popup-txt ul {
    max-width: 85%;
    margin-top: 55px;
}
.popup-vid-txt-container.qrtr-div {width: 32%;float: left;left: -412px;transition: all .4s ease;position: relative;display: none;}
.popup-vid1-txt-bg-prop, .popup-vid2-txt-bg-prop, .popup-vid3-txt-bg-prop, .popup-vid4-txt-bg-prop, .popup-vid5-txt-bg-prop,.popup-vid1-txt-bg-prop, .popup-vid2-txt-bg-prop, .popup-vid3-txt-bg-prop, .popup-vid4-txt-bg-prop, .popup-vid6-txt-bg-prop {min-height: 27.5vw;margin: 1.5vw 0;padding:  0 1.5vw;box-shadow: rgba(35, 39, 43, 0.24) 0px 12px 28px 0px;overflow: hidden;position: relative;}
.popup-vid-txt-container.qrtr-div h3 {font-size: 31px;color: white;padding-top: 1.5vw;font-weight: 300;position: relative;line-height: 1.2;margin-bottom: 20px;}
.popup-vid-txt-container.qrtr-div h4 {font-size: 18px;line-height: 1.2;position: relative;}
.popup-vid-all .popup-txt ul,.inner-vid-txt-wrapper.full-div .popup-txt ul {font-size: 14px;font-weight: 300;padding: 0;list-style: none;line-height: 1.45;overflow: auto;max-height: 230px;padding-left: 0.5vw;}
/* .popup-vid-all .popup-txt ul:before,.inner-vid-txt-wrapper.full-div .popup-txt ul:before {content:""; background: linear-gradient(to bottom, rgb(52, 154, 198) 0%, rgba(52, 154, 198, 0) 100%);position: absolute;top: 0;width: 98%;height: 30px;}
 */
.popup-vid-txt-container.qrtr-div>div ul li,.inner-vid-txt-wrapper.full-div .popup-txt ul li { background: url(../images/uni-icon-list.png) no-repeat 100% 4px;background-size: 15px;padding-right: 7%;margin-bottom: 0.35vw;}
.inner-vid-txt-wrapper.full-div .popup-txt ul { max-height: initial;}
.popup-txt,.popup-vid-all h5 {
    position: relative;
    font-size: 14px;
    line-height: 126%;
}


/* width */
.popup-vid-txt-container.qrtr-div>div ul::-webkit-scrollbar {
  width: 7px;
}

/* Track */
.popup-vid-txt-container.qrtr-div>div ul::-webkit-scrollbar-track {
  background: #53555a; 
}

/* Handle */
.popup-vid-txt-container.qrtr-div>div ul::-webkit-scrollbar-thumb {
  background: #7e7f84; 
}

/* Handle on hover */
.popup-vid-txt-container.qrtr-div>div ul::-webkit-scrollbar-thumb:hover {
  background: #93969e; 
}
.vid-close-btn-wrapper {position: relative;float: right;}

.popup-close-btn-wrapper {position: absolute;top: -25px;}
.vid-close-btn-wrapper>img:hover,.popup-close-btn-wrapper>img:hover {transform: rotate(180deg);}
.vid-close-btn-wrapper>img,.popup-close-btn-wrapper>img {position:absolute;cursor: pointer;transform: rotate(0);transition: all .4s ease;transform-origin: center;}
.popup-vid1-txt-bg-prop:before {content: "#1";position: absolute;font-size: 13vw;right: -5px;font-family: alef;letter-spacing: -22px;font-weight: 600;color: #41adda;top: 35px;z-index: 0;}
.popup-vid4-txt-bg-prop:before {content: "#4";position: absolute;font-size: 13vw;right: -5px;font-family: alef;letter-spacing: -22px;font-weight: 600;color: #8993a5;top: 35px;z-index: 0;}
.popup-vid2-txt-bg-prop:before {content: "#2";position: absolute;font-size: 13vw;right: 0;font-family: alef;letter-spacing: -22px;font-weight: 600;color: #53555a;top: 35px;z-index: 0;}
.popup-vid3-txt-bg-prop:before {content: "#3";position: absolute;font-size: 13vw;right: -5px;font-family: alef;letter-spacing: -22px;font-weight: 600;color: #53555a;top: 35px;z-index: 0;}
.popup-vid5-txt-bg-prop:before {content: "#5";position: absolute;font-size: 13vw;right: -5px;font-family: alef;letter-spacing: -22px;font-weight: 600;color: #47aad3;top: 35px;z-index: 0;}
.popup-vid6-txt-bg-prop:before {content: "#6";position: absolute;font-size: 13vw;right: -5px;font-family: alef;letter-spacing: -22px;font-weight: 600;color: #0e5cac;top: 75px;z-index: 0;}

/*----popup thumbs-----*/
.thumb-container {width: auto;float: right;margin-right: 0.35vw;margin-left: 0.23vw;box-shadow: rgba(35, 39, 43, 0.24) 0px 12px 28px 0px;border-radius: 5px;position: relative;}
.thumb-container:last-child {
    margin-left: 0;
}
#thumb1:before{content:"#1";position: absolute;font-size: 24px;top: 5%;right: 2.5%;}
#thumb2:before{content:"#2";position: absolute;font-size: 24px;top: 5%;right: 2.5%;}
#thumb3:before{content:"#3";position: absolute;font-size: 24px;top: 5%;right: 2.5%;}
#thumb4:before{content:"#4";position: absolute;font-size: 24px;top: 5%;right: 2.5%;}
#thumb5:before{content:"#5";position: absolute;font-size: 24px;top: 5%;right: 2.5%;}
#thumb6:before{content:"#6";position: absolute;font-size: 24px;top: 5%;right: 2.5%;}

.thumbs-wrapper {width: 100%;position: absolute;bottom: 135px;z-index: -1;transition: all .4s ease;display: none;}
.thumb-container>img {float: left;border-radius: 5px;}
.thumb-ovelay-bg {position: absolute;margin: auto;width: 100%;background: rgba(11, 71, 138, 0.6); height: 68px; border-radius: 5px;opacity: 0; transition: all .4s ease;}
.thumb-ovelay-bg-on{opacity: 1 !important;}
.thumb-ovelay-bg>img { margin: auto;display: block;max-width: 28px; margin-top: 10px;}
.thumb-bottom-txt {text-align: center;position: absolute;width: 100%;background: #061b32;bottom: 0;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;display: none;}
.thumb-container .hp-consulting-btn.bg-red {padding: 0; width: 90%; text-align: center;position: absolute; right: 0; left: 0; top: 0;  bottom: 0; max-height: 25px;}
.thumb-container .hp-consulting-btn.bg-red>a { font-size: 13px; width: 100%;}
.arrange-meeting-wrapper.bg-deep-blue { width: 130px; height: 68px; border-radius: 5px; position: relative;}

/*---inner videos----*/
.inner-vid-wrapper.full-div {
    height: 210px;
}


/*--footer--*/
.btn-more-details {color: #f6f6f6;float: left;background: #787a7b;padding: 0.15vw 0.55vw;border-radius: 5px;font-size: 15px;transition: all .4s ease;cursor: pointer;box-shadow: rgba(35, 39, 43, 0.24) 0px 12px 28px 0px;}
.btn-more-details:hover {background: #f6f6f6;color: #787a7b;}
.footer.full-div {background-color: #1f1f1f;height: 50px;}
.halth-div img.dir-op:hover, .footer .halth-div a.c-white:hover {
    filter: brightness(200%);
}

.halth-div img.dir-op,.footer .halth-div a.c-white {
    transition: all .4s ease;
    margin-top: 4px;
}

.halth-div .dir-op {margin-right: 1.5%;}
.footer.full-div, .footer.full-div a { color: #5f6264;}

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*laptop & small Screens!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
@media (max-width: 1681px) {
.top-header {height: 100px;}
.top-header-wrapper .grid{ width: 97%; padding-top: 1.5%;}
.footer.full-div .grid { width: 97%;padding-top: 1%;}
.hp-vid0.bg-deep-blue.hp-txt-wrapper h1 {font-size: 2.5vw;padding-top: 0.8vw;}
.hp-vid0.bg-deep-blue.hp-txt-wrapper p {max-width: 85%;font-size: 1vw;}
.hp-vid0.bg-deep-blue.hp-txt-wrapper p br { display: none;}
.hp-main-vid-col h3 {font-size: 2.5vw; line-height: 100%;}
.vid-play-btn {top: 7vw;}
.popup-vid-txt-container.qrtr-div h4{margin:1.5vw 0;}
.popup-vid-txt-container.qrtr-div h3{padding-top: 1.5vw;}
.popup-vid-all .popup-txt ul {max-height: 250px;}
.hp-vid5-img {background-size: 55%;}
.popup-vid-wrapper {top: 8vw;}
.hp-vid5-img:before, .hp-vid4-img:before,.hp-vid3-img:before {bottom: 50px;font-size: 10vw;right: 0;}
.hp-vid1-img:before, .hp-vid2-img:before,.hp-vid6-img:before {bottom: 40px;}
.hp-main-vid-col h3 {font-size: 2.1vw;}
.hp-vid0.bg-deep-blue.hp-txt-wrapper h1 {padding-top: 5vw;}
}
@media (max-width: 1536px) {
    .popup-vid-wrapper {
        top: 4vw;
    }
    .popup-vid-txt-container.qrtr-div h4 {
    margin: 1vw 0;
}
    .footer.full-div .grid{ width: 97%; padding-top: 2.5%;}
    .popup-vid-all .popup-txt ul {max-height: 170px;margin: 0;}
    .top-header-wrapper .grid {padding-top: 1%;}
    .header-logo {max-width: 125px;}
    .top-header {height: 70px;}
    .top-header-wrapper .dir-op>.star-num span:last-child {font-size: 20px;left: 5px;line-height: 100%;top: 18px;}
    .top-header-wrapper .dir-op>.star-num {font-size: 30px;}
    .star-num-txt {font-size: 12px;line-height: 100%;}
    .hp-vid0.bg-deep-blue.hp-txt-wrapper h1 {padding-top: 2.5vw;}
    .hp-main-vid-col .hp-vid1 {height: 11vw;}
    .hp-vid5.bg-grey, .hp-vid4.bg-blue {height: 11.975vw;}
    .hp-main-vid-col .hp-vid3 {height: 14vw;}
    .hp-main-vid-col .hp-vid6 {height: 16.7vw;}
    .footer.full-div .grid {padding-top: 1%;}
    .hp-vid0.bg-deep-blue.hp-txt-wrapper p {line-height: 140%;}
    .hp-main-vid-col h3 {font-size: 1.8vw;padding-top: 1vw;}
    .hp-main-vid-col .hp-vid2 {height: 19vw;}
}

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*tablet classes!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
@media (max-width: 1285px) {

}
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*mobile classes!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
@media(min-width:769px){
.hp-all-vid:hover {transform: scale(1.08);}


}
@media (max-width: 768px) {

.hide-mobile{display:none;}
.hide-desktop{display:block;}
    
.header-logo {max-width: 80%; padding-top: 3.5%;}
.top-header-wrapper .grid {width: 90%;padding: 5% 0;}
.top-header {height: auto;}   
.hp-main-vid-col {width: 100%;}
.hp-main-vid-col .hp-vid0 {height: 62.15vw;}
.hp-vid0.bg-deep-blue.hp-txt-wrapper h1 {font-size: 9vw;padding-top: 7vw;padding-bottom: 7vw;}
.hp-vid0.bg-deep-blue.hp-txt-wrapper p {max-width: 85%;font-size: 4.5vw;line-height: 100%;}   
.hp-vid0.bg-deep-blue.hp-txt-wrapper{background-position: 160px -10px;}  
.hp-main-vid-col .hp-vid3,.hp-main-vid-col .hp-vid2 {height: 97.35vw;margin: 3vw 0;}
.hp-vid5-img, .hp-vid2-img,.hp-vid6-img {
    background-size: 70%;
    background-position: left bottom;
}
.hp-vid1-img {
    background-size: 40%;
}
.hp-main-vid-col h3 {font-size: 7.5vw;}
.vid-play-btn {top: 20vw;}
.hp-vid3-img:before, .hp-vid4-img:before, .hp-vid1-img:before, .hp-vid5-img:before, .hp-vid2-img:before,.hp-vid6-img:before{bottom: 70px;right: 0;letter-spacing: -10px;font-size: 25vw;}
.hp-main-vid-col .hp-vid1, .hp-vid5.bg-grey, .hp-vid4.bg-blue,.hp-vid0.bg-deep-blue.hp-consult-btn-wrapper{ height: 44.55vw;}
.hp-vid4.bg-blue{margin:3vw 0;}
.hp-consulting-btn {padding: 2.5vw;}
.popup-vid1-txt-bg-prop, .popup-vid2-txt-bg-prop, .popup-vid3-txt-bg-prop, .popup-vid4-txt-bg-prop, .popup-vid5-txt-bg-prop {padding: 0 4.5vw;}
.popup-vid3-txt-bg-prop:before,.popup-vid1-txt-bg-prop:before,.popup-vid2-txt-bg-prop:before,.popup-vid4-txt-bg-prop:before,.popup-vid5-txt-bg-prop:before,.popup-vid6-txt-bg-prop:before{font-size: 63vw;top: 160px;}
.thumb-container {margin-right: 1.23vw;margin-left: 1.23vw;}
.thumb-container {box-shadow: rgba(35, 39, 43, 0.74) 0px 12px 28px 0px;}
}

@media (max-width: 420px) {
.hp-main-vid-col .hp-vid0 {height: 62.15vw;margin-bottom: 3vw;}
.hp-vid0.bg-deep-blue.hp-txt-wrapper h1 {font-size: 9vw;padding-top: 7vw;padding-right: 5vw;}
.hp-vid0.bg-deep-blue.hp-txt-wrapper p {max-width: 85%;font-size: 4.5vw;line-height: 1.2;padding-right: 5vw;}   
.hp-vid0.bg-deep-blue.hp-txt-wrapper{background-position: 160px -10px;}  
.hp-main-vid-col .hp-vid3, .hp-main-vid-col .hp-vid2,.hp-main-vid-col .hp-vid6 {height: 97.35vw;margin: 3vw 0;}
.hp-main-vid-col h3 {font-size: 7.5vw;padding-right: 5vw;}
.vid-play-btn {top: 20vw;right: 5vw;}
.hp-vid3-img:before, .hp-vid4-img:before, .hp-vid1-img:before, .hp-vid5-img:before, .hp-vid2-img:before,.hp-vid6-img:before{bottom: 30px; right: 0;letter-spacing: -10px;font-size: 25vw;}
.hp-main-vid-col .hp-vid1, .hp-vid5.bg-grey, .hp-vid4.bg-blue,.hp-vid0.bg-deep-blue.hp-consult-btn-wrapper{ height: 44.55vw;}
.hp-vid4.bg-blue{margin:3vw 0;}
.hp-consulting-btn {padding: 2.5vw;}
.hp-vid0.bg-deep-blue.hp-consult-btn-wrapper h3 {padding-top: 8vw;}
.footer.full-div .halth-div {width: 100%;text-align: center; float: none; margin: auto;overflow: hidden;margin-bottom: 5%;font-size: 4.4vw;}
.halth-div .dir-op { margin-right: 5%; float: none;}
.footer.full-div .halth-div >div { display: inline-block; margin-right: 5%;}
.hp-vid0.bg-deep-blue.hp-consult-btn-wrapper {margin-bottom: 3vw;}
}