body {
    padding: 0;
    margin: 0;
    font-weight: 300;
    background: white;
	font-family: 'Montserrat', sans-serif;
    color: #111; font-size: 18px;
}


.main {
    position: absolute;
    top: 40%;
    width: 100%;
    text-align: center;
    font-size: 24px;
    font-weight: 100;
}

.topbox__box {
    background: #1976d2;
    color: white;
    padding: 60px 0px;
}

.topbox__header {
    font-weight: 800;
}

.topbox__subheader {
    font-weight: 100;
}

.product__box {
    padding: 60px 0px;
}

.product__header {
    font-size: 1.5em;
    font-weight: 400;
    
}

.product__price {
    display: inline-block;
    background: #1976d2;
    padding: 5px 10px;
    border-radius: 6px;
    color: white;
    font-weight: 500;
    font-size: 0.8em;
}

.footer__box {
    background: #E1E2E1;
}

.footer {
    text-align: center;
    font-family: sans-serif;
}

.footer ul {
    list-style: none;
    padding: 0px;
}

.footer a {
    color: black;
    opacity: 0.3;
    transition: 0.5s ease all;
    text-decoration: none;
    font-weight: 100;
}

tr {
    border-bottom: 1px solid #edf2f7;
    }


pre {
    color: #666;
    page-break-inside: avoid;
    font-family: monospace;
    font-size: 15px;
    line-height: 1.6;
    max-width: 100%;
    overflow: auto;
    word-wrap: break-word;
    border-radius: 15px;
    background: #edf2f7;
    padding: 30px;
    box-sizing: border-box;
}
.docCode a{color:rgb(15, 95, 150);}
.docSubHeader{
color: #666;
text-transform: uppercase;
font-size: 14px;
font-weight: 800;
margin-bottom: 0px;
}
.docCode{
color:black;
}
.serviceChart{
border-radius: 15px;
background: #edf2f7;
padding: 30px;
padding-bottom: 15px;
}

.footer a:hover {
    opacity: 1;
	
}


.offerBtn{}


		.productList__item{border: 1px solid #edf2f7;border-radius: 20px;display: inline-block;width:100%;padding: 15px !important;transition: all 0.6s ease;color: #111;box-shadow: none;}
		.productList__item:hover{background: #edf2f7;cursor: pointer;}
		.productList__item h4{font-size: 18px;}
		.productList__item p{font-size: 15px;}
		.productList__price{font-weight: 400; font-size: 12px; display: inline-block; padding: 2px 7px; border-radius: 6px; color: rgb(15, 95, 150); margin-left: 10px; border: 1px solid rgb(15, 95, 150); position: relative; top: -2px; text-transform: uppercase;}
		
		
		.bold { font-weight: 900 !important; }
		.medium { font-weight: 700 !important; }
		p { color: #4a5568; line-height: 1.35em;}
		
		.gradient { font-weight: 700; color: #111; background: rgb(82, 161, 199); background: linear-gradient(270deg, rgba(82, 161, 199, 1) 0%, rgb(15, 95, 150) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
		
		.btn__small_round { background: #edf2f7; border-radius: 15px; color: #718096; display: inline-block; transition: ease .4s background; box-shadow: none; text-transform: none; }
		.btn__small_round:hover { background: #cbd5e0; box-shadow: none; color: #718096; }
		
		i.right { margin-left: 0px; }
		
		.highlight { background-image: linear-gradient(120deg, rgba(68, 171, 255, 0.4), rgba(141, 188, 252, 0.4)); background-repeat: no-repeat;background-size: 100% 40%; background-position: 0 65%; transition: ease all .2s; padding: 0 4px; margin: 0 -2px; }
		.highlight:hover { background-position: 0 50%; background-size: 100% 70%; }
		
		.logoImg { height: 40px; display: inline-block; transition: ease transform 0.5s; }
		.logoImg:hover {  }
		
		.btn-large { color: white; background: rgb(82, 161, 199); background: linear-gradient(270deg, rgba(82, 161, 199, 1) 0%, rgb(15, 95, 150) 100%); box-shadow: none; border-radius: 6px; }
		.btn-large:hover { box-shadow: none; }

		.btnGrey{background: #edf2f7; color:#4a5568;}
		.btnGrey:hover{background: #cbd5e0;}

		.material-icons{
			color: rgb(15, 95, 150);
			font-size: 32px;
			margin-bottom: -15px;			
		}

		a[target=_blank] { 
		    transition: ease all 0.5s;
		}

		a[target=_blank]:hover { 
		    text-decoration: underline;
		}

		@media (max-width:1024px) {
			h1,h2,h3,h4{
				font-size: 1.7em !important;
			}

			.offerBtn{display: inline-block;}
		}

		input:not([type]):focus:not([readonly]), input[type=text]:not(.browser-default):focus:not([readonly]), input[type=password]:not(.browser-default):focus:not([readonly]), input[type=email]:not(.browser-default):focus:not([readonly]), input[type=url]:not(.browser-default):focus:not([readonly]), input[type=time]:not(.browser-default):focus:not([readonly]), input[type=date]:not(.browser-default):focus:not([readonly]), input[type=datetime]:not(.browser-default):focus:not([readonly]), input[type=datetime-local]:not(.browser-default):focus:not([readonly]), input[type=tel]:not(.browser-default):focus:not([readonly]), input[type=number]:not(.browser-default):focus:not([readonly]), input[type=search]:not(.browser-default):focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly])
		{
			border-bottom: 1px solid rgba(68, 171, 255, 0.8) !important;
			-webkit-box-shadow: 0 1px 0 0 rgba(68, 171, 255, 0.8) !important;
			box-shadow: 0 1px 0 0 rgba(68, 171, 255, 0.8) !important;
		}
		input:not([type]):focus:not([readonly])+label, input[type=text]:not(.browser-default):focus:not([readonly])+label, input[type=password]:not(.browser-default):focus:not([readonly])+label, input[type=email]:not(.browser-default):focus:not([readonly])+label, input[type=url]:not(.browser-default):focus:not([readonly])+label, input[type=time]:not(.browser-default):focus:not([readonly])+label, input[type=date]:not(.browser-default):focus:not([readonly])+label, input[type=datetime]:not(.browser-default):focus:not([readonly])+label, input[type=datetime-local]:not(.browser-default):focus:not([readonly])+label, input[type=tel]:not(.browser-default):focus:not([readonly])+label, input[type=number]:not(.browser-default):focus:not([readonly])+label, input[type=search]:not(.browser-default):focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label
		{
			color: rgba(68, 171, 255, 0.8) !important;
		}

		.custom__highlight{
			    /*border-bottom: 1px solid red !important;*/
			    box-shadow: 6px 6px 12px rgba(202, 202, 202, .91) !important;
			    background: #ff000008 !important;
		}

		input.valid{
			border-bottom: 1px solid rgba(68, 171, 255, 0.8) !important;
		}



.header__big{
	font-size : 3.5em;
}
.header__medium{
	font-size : 2.5em;
}
.header__small{
	font-size: 1.75em;
}

.text__blue{
	color:#1976d2;
}
.text__black{
	color:black
}
.text__grey{
	color: #767676;
}
.text__white{
	color: #fff;
}
.text__normal{
	font-weight: 300;
}
.text__medium{
	font-weight: 400;
}
.text__small{}


.highlight { background-image: linear-gradient(120deg, #1976d2, #1976d2); background-repeat: no-repeat;background-size: 100% 40%; background-position: 0 65%; transition: ease all .2s; padding: 0 4px; margin: 0 -2px; }
.highlight:hover { background-position: 0 50%; background-size: 100% 70%; }



.text__bold{
	font-weight: 900;
}
.text__light{
	font-weight: 200;
}
.text__italic{
	font-style: italic;
}


.block__light{
	background-image: linear-gradient(90deg, #edf2f7, #f7f9fb);
}
.block__black{}
.block__blue{
	background-color: #1976d2;
}

.block__orange{
	background-image: linear-gradient(120deg, #D27519, #e28426);
}
.block__paralax{}

.block__round{
	border-radius: 6px;
}

.btn__big{
	box-shadow: none;
	padding: 14px 30px;
	display: inline-block;
	box-sizing: border-box;
	line-height: initial;
}

.block__100vh{
	height: 100vh;
}
.block__70vh{
	height: 70vh;
}

.block__50vh{
	height: 50vh;
}

.block__90vh{
	height: 90vh;
}

.block__80vh{
	height: 80vh;
}

.style__hover{
	transition: ease all .2s;
}

.style__hover:hover{
	cursor: pointer;
	text-decoration: underline !important;
}

.animation{
	transition: all 1s ease;
	position: relative;
}

.animation__up{
	top:60px;
	opacity: 0;
}
.animation__down{
	top:-60px;
}
.animation__fade{
	opacity: 0;
}
.animation__left{
	left:-60px;
}
.animation__right{
	left:60px;
}

.animation__up.animation__inView{
	top:0px;
}
.animation__down.animation__inView{
	top:0px;
}
.animation__fade.animation__inView{}
.animation__left.animation__inView{
	left:0px;
}
.animation__right.animation__inView{
	left:0px;
}

.animation.animation__inView{
	opacity: 1;
}


.mt0 { margin-top: 0; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt30 { margin-top: 30px; }
.mt60 { margin-top: 60px; }
.mt120 { margin-top: 120px; }
.mb0 { margin-bottom: 0; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb30 { margin-bottom: 30px; }
.mb60 { margin-bottom: 60px; }
.mb90 { margin-bottom: 90px; }
.mb120 { margin-bottom: 120px; }
.mr0 { margin-right: 0; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr30 { margin-right: 30px; }
.mr60 { margin-right: 60px; }
.ml0 { margin-left: 0; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml30 { margin-left: 30px; }
.ml60 { margin-left: 60px; }
.pt0 { padding-top: 0; }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt30 { padding-top: 30px; }
.pt60 { padding-top: 60px; }
.pt120{ padding-top: 120px; }
.pb0 { padding-bottom: 0; }
.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }
.pb30 { padding-bottom: 30px; }
.pb60 { padding-bottom: 60px; }
.pb120 { padding-bottom: 120px; }
.pr0 { padding-right: 0; }
.pr10 { padding-right: 10px; }
.pr15 { padding-right: 15px; }
.pr30 { padding-right: 30px; }
.pr60 { padding-right: 60px; }
.pl0 { padding-left: 0; }
.pl10 { padding-left: 10px; }
.pl15 { padding-left: 15px; }
.pl30 { padding-left: 30px; }
.pl60 { padding-left: 60px; }