.cat {
    text-decoration: none;
    color: #0066c0;
    font-size: 15px;
    font-family: 'Product Sans Medium Regular';
}
.ff .col-md-6 {
    padding: 7px 14px 6px;
border-top: 1px solid #e7e7e7;
font-size: 14px !important;

}

.gg p{font-size:14px;}

.c3{background:#f3f3f3}

.pname {
    border-bottom: 1px solid #ddd;
}

.prc {
    font-family: Sailec-Bold;
    font-size: 30px;
    margin-top: 10px;
    color: #B12704 !important;
}

shp {
    font-size: 13px;
    margin-top: 5px;
    margin-bottom: 5px;
    color: #666;
    font-family: 'Product Sans Medium Regular';
}
.inf {
    font-size: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.summaryProduct {
    padding-bottom: 20px;
}
.dtholder .c3 {
    background-color: #f3f3f3;
}
.dtholder .col-md-6 {
    padding: 7px 14px 6px;
    border-top: 1px solid #e7e7e7;
    font-size: 14px !important;
    background: white;
        background-color: white;
}
.dtholder .c3 {
    background-color: #f3f3f3;
}

@font-face {
    font-family: one1;
    src: url("/assets/fonts/1.otf") format("opentype");
}

.sname {
    font-size: 22px;
    font-family: 'Product Sans Medium Regular';
    background: orange;
    padding: 5px;
}

.iMs {
    height: 350px;
    border: 1px solid #eee;
    padding: 20px;
    background: #eee;
}

h4 {
    font-family: Product Sans Bold;
    color: #202124;
    font-size: 15px;
}

.pricetag {
    font-size: 32px;
    font-family: 'Product Sans Medium Regular';
}

.sf1 {
    font-size: 15px;
    font-family: Sailec-Medium;
    top:-10px;
    position:relative;
    right:-5px;
}

.features span{
    clear:both;
    font-size:23px;background:yellow;color:black;font-weight:bold
}

.col-md-2{font-size:15px;}

.whyus{font-size:25px;}

.item23{padding-top:10px;border-bottom:1px solid #aaa}
.item23 a{
    font-family:'Product Sans Light Regular';

}


.yellowboom{background:yellow;color:Black;font-weight: bold;padding:10px;line-height: 2.7}

.r22{font-size:45px;text-align:center;margin-bottom:20px;font-family: Product Sans Bold;background:white}
.banner1{margin-top: 10px;
text-align: center;
font-size: 25px;
color: black;
line-height: 1;
background: #e8c011;
    background-image: none;
    background-size: auto;
font-family: Product Sans Bold;
padding: 10px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg %3E%3Cpath fill='%23ffb100' d='M486 705.8c-109.3-21.8-223.4-32.2-335.3-19.4C99.5 692.1 49 703 0 719.8V800h843.8c-115.9-33.2-230.8-68.1-347.6-92.2C492.8 707.1 489.4 706.5 486 705.8z'/%3E%3Cpath fill='%23ffb800' d='M1600 0H0v719.8c49-16.8 99.5-27.8 150.7-33.5c111.9-12.7 226-2.4 335.3 19.4c3.4 0.7 6.8 1.4 10.2 2c116.8 24 231.7 59 347.6 92.2H1600V0z'/%3E%3Cpath fill='%23ffbf00' d='M478.4 581c3.2 0.8 6.4 1.7 9.5 2.5c196.2 52.5 388.7 133.5 593.5 176.6c174.2 36.6 349.5 29.2 518.6-10.2V0H0v574.9c52.3-17.6 106.5-27.7 161.1-30.9C268.4 537.4 375.7 554.2 478.4 581z'/%3E%3Cpath fill='%23ffc500' d='M0 0v429.4c55.6-18.4 113.5-27.3 171.4-27.7c102.8-0.8 203.2 22.7 299.3 54.5c3 1 5.9 2 8.9 3c183.6 62 365.7 146.1 562.4 192.1c186.7 43.7 376.3 34.4 557.9-12.6V0H0z'/%3E%3Cpath fill='%23ffcc00' d='M181.8 259.4c98.2 6 191.9 35.2 281.3 72.1c2.8 1.1 5.5 2.3 8.3 3.4c171 71.6 342.7 158.5 531.3 207.7c198.8 51.8 403.4 40.8 597.3-14.8V0H0v283.2C59 263.6 120.6 255.7 181.8 259.4z'/%3E%3Cpath fill='%23ffd624' d='M1600 0H0v136.3c62.3-20.9 127.7-27.5 192.2-19.2c93.6 12.1 180.5 47.7 263.3 89.6c2.6 1.3 5.1 2.6 7.7 3.9c158.4 81.1 319.7 170.9 500.3 223.2c210.5 61 430.8 49 636.6-16.6V0z'/%3E%3Cpath fill='%23ffe038' d='M454.9 86.3C600.7 177 751.6 269.3 924.1 325c208.6 67.4 431.3 60.8 637.9-5.3c12.8-4.1 25.4-8.4 38.1-12.9V0H288.1c56 21.3 108.7 50.6 159.7 82C450.2 83.4 452.5 84.9 454.9 86.3z'/%3E%3Cpath fill='%23ffeb49' d='M1600 0H498c118.1 85.8 243.5 164.5 386.8 216.2c191.8 69.2 400 74.7 595 21.1c40.8-11.2 81.1-25.2 120.3-41.7V0z'/%3E%3Cpath fill='%23fff558' d='M1397.5 154.8c47.2-10.6 93.6-25.3 138.6-43.8c21.7-8.9 43-18.8 63.9-29.5V0H643.4c62.9 41.7 129.7 78.2 202.1 107.4C1020.4 178.1 1214.2 196.1 1397.5 154.8z'/%3E%3Cpath fill='%23ffff66' d='M1315.3 72.4c75.3-12.6 148.9-37.1 216.8-72.4h-723C966.8 71 1144.7 101 1315.3 72.4z'/%3E%3C/g%3E%3C/svg%3E");
background-size: cover;}


@font-face {font-family: "Sailec-Bold"; src: url("/assets/fonts/61b43418b9624db49ba89da5d1b7eec8.eot"); src: url("/assets/fonts/61b43418b9624db49ba89da5d1b7eec8.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/61b43418b9624db49ba89da5d1b7eec8.woff2") format("woff2"), url("/assets/fonts/61b43418b9624db49ba89da5d1b7eec8.woff") format("woff"), url("/assets/fonts/61b43418b9624db49ba89da5d1b7eec8.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/61b43418b9624db49ba89da5d1b7eec8.svg#Sailec-Bold") format("svg"); }

@font-face {font-family: "Sailec-Medium"; src: url("/assets/fonts/ac9525e5f200f57332b3080d0db9d8f6.eot"); src: url("/assets/fonts/ac9525e5f200f57332b3080d0db9d8f6.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/ac9525e5f200f57332b3080d0db9d8f6.woff2") format("woff2"), url("/assets/fonts/ac9525e5f200f57332b3080d0db9d8f6.woff") format("woff"), url("/assets/fonts/ac9525e5f200f57332b3080d0db9d8f6.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/ac9525e5f200f57332b3080d0db9d8f6.svg#Sailec-Medium") format("svg"); }

.mightlike {
    height: 500px;
    position: relative;
    top: 85px;
}

h3.k0 {
    color: #031b4e;
    font-family: Product Sans Bold;
    font-size: 23px;
    letter-spacing: -1px;
    line-height: 1.2;
    word-break: break-word;
}

.j00 {
    border-bottom: 3px solid black;
}

@font-face {
    font-family: one3;
    src: url("/assets/fonts/3.otf") format("opentype");
}

#bg1 {
    background-color: #14c07b;
    background-attachment: fixed;
    background-size: cover;
    height: 300px;
    position: relative;
    margin-top: 25px;
}

.banner{
    margin-left: auto;
    margin-right: auto;
    width: 60%;
    margin-bottom: 100px;
}


.banner2{
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    margin-bottom: 100px;
}

.tagimg img{width:90%;}
.tagimg{border:1px solid #ccc}

.banner2 img{width:100%}


.banner img{width:100%}

.tagh{margin-bottom:20px}

.j99 {
    font-family: one1;
    font-size: 40px;
    /* color: white; */
    text-align: center;
    color: white;
    padding: 10px;
}

.container3 {
    width: 80%;
    position: relative;
    top: 0px;
    margin-bottom: 300px;
    margin-left: auto;
    margin-right: auto;
}

.dateH{  font-family: Product Sans Regular;}
.auth{padding:5px;background:white}

.col-md-5-11 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 46.666667%;
    max-width: 46.666667%;
}


p a{
    color: #0400ff;
    text-decoration: underline;
    }

.badge {
    font-family: Product Sans Regular;
    padding: 5px;
    font-weight: initial;
    margin-top: 10px;
    background: #f3f5f9;
    color: #031b4e;
}

.bgcontact{
    background-color: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 900'%3E%3Cpolygon fill='%23290202' points='957 450 539 900 1396 900'/%3E%3Cpolygon fill='%23b52d2d' points='957 450 872.9 900 1396 900'/%3E%3Cpolygon fill='%23b05060' points='-60 900 398 662 816 900'/%3E%3Cpolygon fill='%23c16776' points='337 900 398 662 816 900'/%3E%3Cpolygon fill='%23ab164b' points='1203 546 1552 900 876 900'/%3E%3Cpolygon fill='%239a7b85' points='1203 546 1552 900 1162 900'/%3E%3Cpolygon fill='%23c47fa6' points='641 695 886 900 367 900'/%3E%3Cpolygon fill='%23773c5c' points='587 900 641 695 886 900'/%3E%3Cpolygon fill='%23dfc6d9' points='1710 900 1401 632 1096 900'/%3E%3Cpolygon fill='%2387126b' points='1710 900 1401 632 1365 900'/%3E%3Cpolygon fill='%23a800a8' points='1210 900 971 687 725 900'/%3E%3Cpolygon fill='%238a168a' points='943 900 1210 900 971 687'/%3E%3C/svg%3E");

}
.h44{font-family:'Product Sans Medium Regular';padding:10px;border-bottom:1px solid #ccc}
.textbold{font-weight:bold}
.imgH1{padding: 0px 100px 40px 100px;}

.logoa:hover{text-decoration: none}

.fixed-nav{    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 5px 0 rgba(0,0,0,.23);}


@font-face {
  font-family: 's3';
  src: url('/assets/fonts/hpe/MetricHPE-Web-Bold.woff'); /* IE9 Compat Modes */
}

@font-face {
  font-family: 's4';
  src: url('/assets/fonts/hpe/MetricHPE-Web-Medium.woff'); /* IE9 Compat Modes */
}

@font-face {
  font-family: 's5';
  src: url('/assets/fonts/hpe/MetricHPE-Web-Light.woff'); /* IE9 Compat Modes */
}

.white1{background:white}

.r44{    padding-top: 40px;
    text-align: center;
    font-family: s3;
    font-size: 45px;
    color: white;}

.c6{width: 100%;
    height: 250px;
    overflow: hidden;
    text-align: center;
    background-image: radial-gradient(at 50% 100%, rgba(123, 22, 255, 0.75), rgb(15, 1, 94));}

.top1{background:black;padding:10px;overflow:hidden;color:white;font-family:s4;font-size:20px;margin-top:4px}


h2{font-family:Roboto Slab;font-size:28px}
h1{font-family:Roboto Slab;}


.bot20{margin-bottom:20px}


.container1{background:white;width:70%;}

.container{width:70%}

.md121{margin-bottom:10px;padding:20;border-left:1px solid #ddd}


.rr2 .col-md-12{padding:0px;margin-left:15px;margin-right:15px;margin-bottom:0px;margin-top:0px}


.why{padding: 20px;
       padding: 20px;
    box-shadow: 0px 0px 1px 1px #ccc;
    background: white; 
}

body{background:#eee}

.padding20{padding: 20px 20px 20px 20px;}
.padding40{padding: 40px 40px 40px 40px;}

a h2{color:black}

p{ 
    margin-top: 0;
    margin-bottom: 1rem;
    font-family: Product Sans Light Regular;
    line-height: 1.6;
    font-size: 18px;

}

li{font-family:Product Sans Light Regular;font-size:18px;line-height:2}
.r333{font-family:s3;text-align:center;color:white;font-size:50px;padding-top:200px;padding-bottom:200px}



.navbar-dark .navbar-nav .nav-link {
    color: rgba(255,255,255,.5);
    font-family: s4;
    line-height: 1;
}

h3,h2,h4{font-family:Product Sans Bold;color:#202124}
 

a{color:black} 



.colorcloud{background: #7F7FD5;
    background: -webkit-linear-gradient(to right, #91EAE4, #86A8E7, #7F7FD5);
    background: linear-gradient(to right, #91EAE4, #86A8E7, #7F7FD5);}
 
.colorads{background: #D66D75;
    background: -webkit-linear-gradient(to right, #E29587, #D66D75);
    background: linear-gradient(to right, #E29587, #D66D75);}

.colorcyber{background: #A770EF;
    background: -webkit-linear-gradient(to right, #FDB99B, #CF8BF3, #A770EF);
    background: linear-gradient(to right, #FDB99B, #CF8BF3, #A770EF);}

.colorcustom{    background: #ddd;
    background: #6190E8;
    background: -webkit-linear-gradient(to right, #A7BFE8, #6190E8);
    background: linear-gradient(to right, #A7BFE8, #6190E8);}



.colorcomputer{background: #8e9eab;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #eef2f3, #8e9eab);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #eef2f3, #8e9eab); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.colorphone{background: #F7F8F8;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #ACBB78, #F7F8F8);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #ACBB78, #F7F8F8); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.colornetwork{background: #EDE574;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #E1F5C4, #EDE574);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #E1F5C4, #EDE574); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.colorweb{background: #757F9A;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #D7DDE8, #757F9A);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #D7DDE8, #757F9A); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}



.rt6{
    padding-top:10px
}


#bg {
background: url("/img/bg/bg3.jpg");
height: 600px;
background-size: 100%;
background-color: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 1500'%3E%3Cdefs%3E%3Crect stroke='%23ffffff' stroke-width='.5' width='1' height='1' id='s'/%3E%3Cpattern id='a' width='3' height='3' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cuse fill='%23fafafa' href='%23s' y='2'/%3E%3Cuse fill='%23fafafa' href='%23s' x='1' y='2'/%3E%3Cuse fill='%23f5f5f5' href='%23s' x='2' y='2'/%3E%3Cuse fill='%23f5f5f5' href='%23s'/%3E%3Cuse fill='%23f0f0f0' href='%23s' x='2'/%3E%3Cuse fill='%23f0f0f0' href='%23s' x='1' y='1'/%3E%3C/pattern%3E%3Cpattern id='b' width='7' height='11' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%23ebebeb'%3E%3Cuse href='%23s'/%3E%3Cuse href='%23s' y='5' /%3E%3Cuse href='%23s' x='1' y='10'/%3E%3Cuse href='%23s' x='2' y='1'/%3E%3Cuse href='%23s' x='2' y='4'/%3E%3Cuse href='%23s' x='3' y='8'/%3E%3Cuse href='%23s' x='4' y='3'/%3E%3Cuse href='%23s' x='4' y='7'/%3E%3Cuse href='%23s' x='5' y='2'/%3E%3Cuse href='%23s' x='5' y='6'/%3E%3Cuse href='%23s' x='6' y='9'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='h' width='5' height='13' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%23ebebeb'%3E%3Cuse href='%23s' y='5'/%3E%3Cuse href='%23s' y='8'/%3E%3Cuse href='%23s' x='1' y='1'/%3E%3Cuse href='%23s' x='1' y='9'/%3E%3Cuse href='%23s' x='1' y='12'/%3E%3Cuse href='%23s' x='2'/%3E%3Cuse href='%23s' x='2' y='4'/%3E%3Cuse href='%23s' x='3' y='2'/%3E%3Cuse href='%23s' x='3' y='6'/%3E%3Cuse href='%23s' x='3' y='11'/%3E%3Cuse href='%23s' x='4' y='3'/%3E%3Cuse href='%23s' x='4' y='7'/%3E%3Cuse href='%23s' x='4' y='10'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='c' width='17' height='13' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%23e5e5e5'%3E%3Cuse href='%23s' y='11'/%3E%3Cuse href='%23s' x='2' y='9'/%3E%3Cuse href='%23s' x='5' y='12'/%3E%3Cuse href='%23s' x='9' y='4'/%3E%3Cuse href='%23s' x='12' y='1'/%3E%3Cuse href='%23s' x='16' y='6'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='d' width='19' height='17' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%23ffffff'%3E%3Cuse href='%23s' y='9'/%3E%3Cuse href='%23s' x='16' y='5'/%3E%3Cuse href='%23s' x='14' y='2'/%3E%3Cuse href='%23s' x='11' y='11'/%3E%3Cuse href='%23s' x='6' y='14'/%3E%3C/g%3E%3Cg fill='%23e0e0e0'%3E%3Cuse href='%23s' x='3' y='13'/%3E%3Cuse href='%23s' x='9' y='7'/%3E%3Cuse href='%23s' x='13' y='10'/%3E%3Cuse href='%23s' x='15' y='4'/%3E%3Cuse href='%23s' x='18' y='1'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='e' width='47' height='53' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%23F60'%3E%3Cuse href='%23s' x='2' y='5'/%3E%3Cuse href='%23s' x='16' y='38'/%3E%3Cuse href='%23s' x='46' y='42'/%3E%3Cuse href='%23s' x='29' y='20'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='f' width='59' height='71' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%23F60'%3E%3Cuse href='%23s' x='33' y='13'/%3E%3Cuse href='%23s' x='27' y='54'/%3E%3Cuse href='%23s' x='55' y='55'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='g' width='139' height='97' patternUnits='userSpaceOnUse' patternTransform='scale(50) translate(-980 -735)'%3E%3Cg fill='%23F60'%3E%3Cuse href='%23s' x='11' y='8'/%3E%3Cuse href='%23s' x='51' y='13'/%3E%3Cuse href='%23s' x='17' y='73'/%3E%3Cuse href='%23s' x='99' y='57'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23a)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23b)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23h)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23c)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23d)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23e)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23f)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23g)' width='100%25' height='100%25'/%3E%3C/svg%3E");
background-attachment: fixed;
background-size: cover;
}

.large-header {
    position: relative;
    width: 100%;
    overflow: hidden;
    background-size: cover;
    background-position: center center;
    z-index: 1;
}


.main-title {
    position: relative;
    top: 70px;
    text-align: right;
    padding: 0;
    color: #ffffff;
    z-index: 100;
    padding: 50px;
}


.z-nav {
    margin: 0;
    background: none;
    position: relative;
    z-index: 20;
    margin-right: -30px;
}

.z-nav {
    min-height: 65px;
    padding: 0px 10px 0px 10px;
    margin: 50px 0px 20px;
    background-color: #212c43;
}


.logo {
    float: left;
    margin-bottom: 13px;
    text-decoration: none;
    position: relative;
    z-index: 22;
    padding-top: 10px;
    font-family:s3;
    font-size:30px;
    color:black
}


.header-fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 10px;
    z-index: 1010;
    max-height: 152px;
    background-color: #212121;
    -webkit-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}


.menuitem{padding:10px;font-family:s4}


/* #### Generated By: http://www.cufonfonts.com #### */

@font-face {
font-family: 'Product Sans Regular';
font-style: normal;
font-weight: normal;
src: local('Product Sans Regular'), url('/assets/fonts/ProductSans-Regular.woff') format('woff');
}


@font-face {
font-family: 'Product Sans Italic';
font-style: normal;
font-weight: normal;
src: local('Product Sans Italic'), url('/assets/fonts/ProductSans-Italic.woff') format('woff');
}


@font-face {
font-family: 'Product Sans Thin Regular';
font-style: normal;
font-weight: normal;
src: local('Product Sans Thin Regular'), url('/assets/fonts/ProductSans-Thin.woff') format('woff');
}


@font-face {
font-family: 'Product Sans Light Regular';
font-style: normal;
font-weight: normal;
src: local('Product Sans Light Regular'), url('/assets/fonts/ProductSans-Light.woff') format('woff');
}


@font-face {
font-family: 'Product Sans Medium Regular';
font-style: normal;
font-weight: normal;
src: local('Product Sans Medium Regular'), url('/assets/fonts/ProductSans-Medium.woff') format('woff');
}


@font-face {
font-family: 'Product Sans Black Regular';
font-style: normal;
font-weight: normal;
src: local('Product Sans Black Regular'), url('/assets/fonts/ProductSans-Black.woff') format('woff');
}


@font-face {
font-family: 'Product Sans Thin Italic';
font-style: normal;
font-weight: normal;
src: local('Product Sans Thin Italic'), url('/assets/fonts/ProductSans-ThinItalic.woff') format('woff');
}


@font-face {
font-family: 'Product Sans Light Italic';
font-style: normal;
font-weight: normal;
src: local('Product Sans Light Italic'), url('/assets/fonts/ProductSans-LightItalic.woff') format('woff');
}


@font-face {
font-family: 'Product Sans Medium Italic';
font-style: normal;
font-weight: normal;
src: local('Product Sans Medium Italic'), url('/assets/fonts/ProductSans-MediumItalic.woff') format('woff');
}


@font-face {
font-family: 'Product Sans Bold';
font-style: normal;
font-weight: normal;
src: local('Product Sans Bold'), url('/assets/fonts/ProductSans-Bold.woff') format('woff');
}


@font-face {
font-family: 'Product Sans Bold Italic';
font-style: normal;
font-weight: normal;
src: local('Product Sans Bold Italic'), url('/assets/fonts/ProductSans-BoldItalic.woff') format('woff');
}


@font-face {
font-family: 'Product Sans Black Italic';
font-style: normal;
font-weight: normal;
src: local('Product Sans Black Italic'), url('/assets/fonts/ProductSans-BlackItalic.woff') format('woff');
}

.mb10{margin-bottom:10px}
.mb50{margin-bottom:50px}

.heading{    font-size: 2.5rem;
    line-height: 3.25rem;
    text-align:center;    
    font-family: 'Product Sans Bold';
    color: #202124;    
    margin-top: 50px;
    margin-bottom: 50px;
}


.c33 {
    background-color: #e8f0fe;
    border-radius: 4px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 28px;
}


.header {
    transition: top .4s ease;
    background-color: #fff;
    border-bottom: 1px solid #e8eaed;
    box-sizing: content-box;
    position: relative;
    z-index: 100;
}

.header.fixed-nav {
    overflow: visible;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2000;
}

.top-nav ul {
    background: 0 0;
    float: left;
    margin-bottom: 0;
    position: relative;
    top: 1px;
}

.top-nav ul {
    margin-left: 1.1rem;
}

.top-nav dl, ol, ul {
    list-style: none;
}

.top-nav li:first-child {
    margin-left: 0;
}

.top-nav li {
    display: inline-block;
    margin: 0 16px;
}

.cnt h3{margin-bottom:30px}

.main-title2{
        position: relative;
    top: 25px;
    text-align: right;
    padding: 0;
    color: #ffffff;
    z-index: 100;
    padding: 50px;
}

#bg4 {
    background-color: #14c07b;
    background-attachment: fixed;
    background-size: cover;
    height: 200px;
    position: relative;
    margin-top: 25px;
    background-color: #293b73;
background-attachment: fixed;
background-size: cover;
}


.top-nav  li {
    line-height: 1.625;
    font-size: 16px;
    letter-spacing: 0;
} 
  
.top-nav a {
    color: #5f6368;
    font-family: 'Product Sans Bold';
    font-size: .875rem;
    font-weight: 500;
    letter-spacing: .01562rem;
    line-height: 1.375rem;
    border-bottom: 2px solid transparent;
    display: inline-block;
    padding: 21px 0 19px;
}

.plogo{
    top:15px;
    font-size:20px;
    position: relative;
    font-family:'Product Sans Bold'
}

.k9{font-family: 'Product Sans Light Regular';
    font-size: 18px;
    line-height: 1.2;
    color: #5f6368;}

.col-md-12 h2{margin-bottom:15px;margin-top:15px}


.read2 h3 {

    margin-top: 40px;
    margin-bottom: 40px;
}


.read2 h4{
     margin-top: 40px;
    margin-bottom: 40px;
}

.waypoint {
    text-decoration: underline;
    font-family: one1;
    text-align: center;
    /* background: #8787872e; */
    font-size: 35px;
    padding: 10px;
    color: #9dff00;
    
    padding: 10px;
    color: #9dff00;
    
    text-shadow: #000000 1px 1px 0;
}




.r55{
    color:#202124;
    font-size: 18px;
    line-height: 1.875rem;
    font-family:'Product Sans Regular';
    margin-bottom:20px;
        
}


.r54{
    color:#202124;
    font-size: 16px;
    font-family:'Product Sans Light Regular';
    padding:0px
        
}



.whyus1 {
    font-weight: bold;
    font-size: 20px;
    background: #ffe01b;
    padding: 2px;
}



.j8 {
    font-family: one1;
    font-size: 60px;
    /* color: white; */
    text-align: center;
    color: white;
    background: #000000b3;
    text-shadow: 2px 8px 6px rgba(0,0,0,0.2), 0px -5px 35px rgba(255,255,255,0.3);
    padding: 10px;
}

.read2{
    margin-top: 0;
    margin-bottom: 1rem;
    font-family: Product Sans Light Regular;
    line-height: 1.6;
    font-size: 18px;
}

.j22 img{width:50%;padding:50px}


.logo2{top:10px;position:relative;padding-left:10px}
.hidelg{display:none}



.container {
    width: 80%;
    position: relative;
    top: 50px;
    margin-bottom: 300px;
}

.b23 {
    padding: 20px;
}

h1.content-title {
    color: #031b4e;
    font-size: 23px;
    letter-spacing: -1px;
    line-height: 1.2;
    word-break: break-word;
}

.b22 {
    padding: 20px;
    margin-top: 40px;
}

.dateH {
    font-family: Product Sans Regular;
}

.b44 {
    border-bottom: 1px solid #ddd;
}

@media (max-width: 876px) { 
    .rt6{
    padding-top:20px
}
.hidesm{display:none}
   
    
    
h1{font-size:35px;}
.container1{margin-top:20px;width:100%}
.container{width:100%}
p{font-size:15px}
.r333{font-size:40px;font-family:s3;text-align:center;color:white;}



.main-title2 {
    position: relative;
    top: 25px;
    text-align: right;
    padding: 0;
    color: #ffffff;
    z-index: 100;
    padding: 0px;
}


}


.g99 {
    background: rgb(178,225,255);
    background: -moz-linear-gradient(top, rgba(178,225,255,1) 0%, rgba(102,182,252,1) 100%);
    background: -webkit-linear-gradient(top, rgba(178,225,255,1) 0%,rgba(102,182,252,1) 100%);
    background: linear-gradient(to bottom, rgba(178,225,255,1) 0%,rgba(102,182,252,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2e1ff', endColorstr='#66b6fc',GradientType=0 );
    padding: 10px;
    border-radius: 9px;
    margin-bottom:20px;
    position:relative;
}








@media (max-width: 576px) { 
    
    .col-sm-12{padding-right:0px;padding-left:0px;}
    
    .container{padding:0px}
    
    .main-title2{padding:0px}
    .banner{width:100%}
    #bg4{height:150px}
    
    .j99{font-size:25px;}
    
    .imgH{padding: 0px}
    
    
    .hidelg{display:inline}
    .logo2{position:relative;padding-left:10px;float:left;top:0px}
    
    .plogo{    
        top: 3px;
    font-size: 22px;
    left: 5%;}
    
    
    .header .header-inner {
    padding-left: 32px;
    padding-right: 32px;
    margin: 0 auto;
    max-width: 1440px;
}

.header .product-logo {
    margin: 0;
    overflow: hidden;
    padding: 17px 30px 12px;
    position: relative;
    text-overflow: ellipsis;
    vertical-align: top;
    white-space: nowrap;
}



.top-nav {
    height: 0;
    opacity: 0;
    overflow: hidden;
}


.header .product-logo {
    margin: 0;
    overflow: hidden;
    padding: 17px 30px 12px;
    position: relative;
    text-overflow: ellipsis;
    vertical-align: top;
    white-space: nowrap;
}






.header .nav-toggle-button {
    background: 0 0;
    border: 0;
    color: transparent;
    cursor: pointer;
    height: 56px;
    left: 0;
    line-height: 3.75rem;
    outline: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 3.75rem;
}
    
    
    
    
    
    .rt6{padding-top:20px}
.hidesm{display:none}
    .container{padding:0px;margin-left:0px;margin-right:0px}
    .container .row{margin-left:0px;margin-right:0px}
h1{font-size:35px;}
.container1{margin-top:20px;width:100%}
p{font-size:15px}
.r333{font-size:40px;font-family:s3;text-align:center;color:white;}

#bg { 
    height: 230px;
    position: relative;
    margin-top: 45px;
}



.main-title {
    position: relative;
    top: 10px;
    text-align: right;
    padding: 0;
    color: #ffffff;
    z-index: 100;
    padding:10px;
}

.j8{font-size:22px;}

.waypoint{font-size:16px;}
.md121{border-top:15px solid #eee;border-left:0px;}

.badge{font-size:15px;}

.r55{margin-bottom:5px;margin-top:50px;border-bottom:1px solid #ccc}

h2{font-size:25px}

.bot20{}

.j22 img{width:100%;padding:0px}
li{font-size:15px;}




.col-md-5-11 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 100%;
    max-width: 100%;
}




}