﻿/*Gradients*/

.gradient-lighterblue {background-color:transparent;background-image:linear-gradient(180deg, #ffffff 0%, #9ed1e2 95%);}

hr {
  border: 0;
  height: 0.35rem;
  margin: 3em auto;
  display: block;
  background-image: -webkit-linear-gradient(0deg, transparent, #f29c38, #ea3329, #ff034a, #ff034a, #f29c38, transparent);
  clear: both;
}

.shiney_box{margin-top:4rem;flex:0 0 250px;margin-right:1rem;position:relative;display:flex;flex-direction:column; color:#fff;
justify-content:flex-end;padding:1.5rem;transform:translateY(-10px)}



.shiney_box:before{content:"";background:linear-gradient(130deg,#ff7a18,#af002d 41.07%,#D7002D 76.05%);
position:absolute;top:-5px;left:-5px;width:calc(100% + 10px);height:calc(100% + 10px);z-index:1;border-radius:12px}
.shiney_box:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;z-index:2;border-radius:8px}
.shiney_box>*{position:relative;z-index:3}

@media(max-width:800px){.shiney_box{flex:0 0 175px}}


.gradient {padding-left:25px; padding-right:25px;}
.gradient_seal_bg {
	max-width:300px;		
	height:auto;
	margin-left:auto;
	margin-right:auto;
}		

.gradient h1, .gradient h2, .gradient h3,  .gradient h4, .gradient h5, .gradient p {
	color:#fff;
}


.gradient a {color:#fff;
}

.gradient a:hover {color:#00d2ff;
}

.gradient-raised {
    box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

.gradient ul {
	color:#fff;
	font-size:18px;
}

.mypage .gradient li  {
	color:#fff;
	font-size:18px;
}

.gradient-rounded {
  border-radius: 6px;
}

.gradient-tartan	{background-color: hsl(2, 57%, 40%);
background-image: repeating-linear-gradient(transparent, transparent 50px, rgba(0,0,0,.4) 50px, rgba(0,0,0,.4) 53px, transparent 53px, transparent 63px, rgba(0,0,0,.4) 63px, rgba(0,0,0,.4) 66px, transparent 66px, transparent 116px, rgba(0,0,0,.5) 116px, rgba(0,0,0,.5) 166px, rgba(255,255,255,.2) 166px, rgba(255,255,255,.2) 169px, rgba(0,0,0,.5) 169px, rgba(0,0,0,.5) 179px, rgba(255,255,255,.2) 179px, rgba(255,255,255,.2) 182px, rgba(0,0,0,.5) 182px, rgba(0,0,0,.5) 232px, transparent 232px),
repeating-linear-gradient(270deg, transparent, transparent 50px, rgba(0,0,0,.4) 50px, rgba(0,0,0,.4) 53px, transparent 53px, transparent 63px, rgba(0,0,0,.4) 63px, rgba(0,0,0,.4) 66px, transparent 66px, transparent 116px, rgba(0,0,0,.5) 116px, rgba(0,0,0,.5) 166px, rgba(255,255,255,.2) 166px, rgba(255,255,255,.2) 169px, rgba(0,0,0,.5) 169px, rgba(0,0,0,.5) 179px, rgba(255,255,255,.2) 179px, rgba(255,255,255,.2) 182px, rgba(0,0,0,.5) 182px, rgba(0,0,0,.5) 232px, transparent 232px),
repeating-linear-gradient(125deg, transparent, transparent 2px, rgba(0,0,0,.2) 2px, rgba(0,0,0,.2) 3px, transparent 3px, transparent 5px, rgba(0,0,0,.2) 5px);
}
.gradient-diploma {
	background: #33556B;
   padding-left:50px;
   padding-right:50px;
}

.gradient-brown {
	background: #44271F;
}

.gradient-blue-white	{
	background-image: linear-gradient(
        to bottom,
        #001254 10%,
        #00a4ef 60%,
        transparent
    );
}

.gradient-green {
	
	background-image: linear-gradient(135deg, #92FFC0 0%, #5BA081 100%);
}

.gradient-light-green-2 {background-image: linear-gradient(-60deg, #16a085 0%, #f4d03f 100%);
}
.gradient-dark-green {
	  background-image: linear-gradient(to right top, #16694D, #368d1f, #417c16, #446b11, #445b0f);}
	
.gradient-light-brown {
	background:#cc3d00 radial-gradient(circle at 60% 100%,#ffa436 5%,#cc3d00 94%)
}
	
.gradient-purple-3 {
   background:#6729AE radial-gradient(circle at 60% 100%,#A74DE3 5%,#6729AE 94%)
}

.gradient-lightblue {
	background: #00d2ff;
    background: -webkit-linear-gradient(to left, #00d2ff , #3a7bd5);
    background: linear-gradient(to left, #00d2ff , #3a7bd5);
}

.gradient-darkblue {
    background: #4B79A1;
    background: -webkit-linear-gradient(to left, #4B79A1 , #283E51);
    background: linear-gradient(to left, #4B79A1 , #283E51);
}
.gradient-blue-turquoise {
    background: #00d2ff;
    background: -webkit-linear-gradient(to left, #00d2ff , #3a7bd5);
    background: linear-gradient(to left, #00d2ff , #3a7bd5);
}
 .gradient-turquoise-purple {
    background: #00dbde;
    background-image: -webkit-linear-gradient(to left, #00dbde, #00dbde);
    background-image: linear-gradient(90deg, #00dbde, #943095);
}
.gradient-purple-2 {
    background: #a445a5;
    background-image: -webkit-linear-gradient(to left, #33dcde, #a445a5);
    background-image: linear-gradient(90deg, #33dcde, #a445a5);
}
.gradient-multi {
    background-image: -webkit-linear-gradient(to left, rgba(51,220,222,0.9), rgba(164,69,165,0.9));
    background-image: linear-gradient(90deg, rgba(51,220,222,0.9), rgba(164,69,165,0.9));
   
}
 .gradient-gray {
    background: #8e9eab!important;
    background: -webkit-linear-gradient(to left, #8e9eab , #eef2f3)!important;
    background: linear-gradient(to left, #8e9eab , #eef2f3)!important;
}
 .gradient-orange-purple {
    background: #8f08fd;
    background: -webkit-linear-gradient(to left, #FF512F, #DD2476);
    background: linear-gradient(to top left, #FF512F, #DD2476);
    background: radial-gradient(circle at 1.98% 13.04%, #FF512F, transparent 100%),radial-gradient(circle at 98.02% 28.95%, #DD2476, transparent 100%),radial-gradient(circle at 50% 50%, #ffffff, #ffffff 100%);
}
.gradient-blue {
    background: rgba(39,98,192,1);
    background: -moz-linear-gradient(left, rgba(39,98,192,1) 0%, rgba(28,56,135,1) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(39,98,192,1)), color-stop(100%,rgba(28,56,135,1)));
    background: -webkit-linear-gradient(left, rgba(39,98,192,1) 0%,rgba(28,56,135,1) 100%);
    background: -o-linear-gradient(left, rgba(39,98,192,1) 0%,rgba(28,56,135,1) 100%);
    background: -ms-linear-gradient(left, rgba(39,98,192,1) 0%,rgba(28,56,135,1) 100%);
    background: linear-gradient(to right, rgba(39,98,192,1) 0%,rgba(28,56,135,1) 100%);
}

.gradient-light-to-dark-brown {
	background: linear-gradient(110.3deg, rgb(238, 179, 123) 8.7%, rgb(216, 103, 77) 47.5%, rgb(114, 43, 54) 89.1%);
}
.gradient-maroon {
	background-image: linear-gradient( 135deg, #F05F57 0%, #360940 100%);
	background-color:#A83E4E;
}

.gradient-purple-dark {
    background: #AD5389;
    background: -moz-linear-gradient(left, rgba(173,83,137,1) 0%, rgba(60,16,83,1) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(173,83,137,1)), color-stop(100%,rgba(60,16,83,1)));
    background: -webkit-linear-gradient(left, rgba(173,83,137,1) 0%,rgba(60,16,83,1) 100%);
    background: -o-linear-gradient(left, rgba(173,83,137,1) 0%,rgba(60,16,83,1) 100%);
    background: -ms-linear-gradient(left, rgba(173,83,137,1) 0%,rgba(60,16,83,1) 100%);
    background: linear-gradient(to right, rgba(173,83,137,1) 0%,rgba(60,16,83,1) 100%);
}

.gradient-gold {
    background: #F7971E;
    background: -moz-linear-gradient(left, rgba(247,151,30,1) 0%, rgba(255,210,0,1) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(247,151,30,1)), color-stop(100%,rgba(255,210,0,1)));
    background: -webkit-linear-gradient(left, rgba(247,151,30,1) 0%,rgba(255,210,0,1) 100%);
    background: -o-linear-gradient(left, rgba(247,151,30,1) 0%,rgba(255,210,0) 100%);
    background: -ms-linear-gradient(left, rgba(247,151,30,1) 0%,rgba(255,210,0) 100%);
    background: linear-gradient(to right, rgba(247,151,30,1) 0%,rgba(255,210,0,1) 100%);
}

.gradient-autumn {
	background: linear-gradient(left , rgb(160, 84, 8) 13% , rgb(241, 203, 125) 53%);
	background: -o-linear-gradient(left , rgb(160, 84, 8) 13% , rgb(241, 203, 125) 53%);
	background: -ms-linear-gradient(left , rgb(160, 84, 8) 13% , rgb(241, 203, 125) 53%);
	background: -moz-linear-gradient(left , rgb(160, 84, 8) 13% , rgb(241, 203, 125) 53%);
	background: -webkit-linear-gradient(left , rgb(160, 84, 8) 13% , rgb(241, 203, 125) 53%);
}

.gradient-purple-pink {
	background: linear-gradient(120deg, #5758BB, #FDA7DF);
}


.gradient-blue-radial {
background: #00d2ff;
background: -moz-radial-gradient(center, ellipse cover, #00d2ff 0%, #3a7bd5 100%);
background: -webkit-radial-gradient(center, ellipse cover, #00d2ff 0%, #3a7bd5 100%);
background: radial-gradient(ellipse at center, #00d2ff 0%, #3a7bd5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00d2ff', endColorstr='#3a7bd5',GradientType=1 );
}


.gradient-purple-radial {
background: #AD5389;
background: -moz-radial-gradient(center, ellipse cover, #AD5389 0%, #3C1053 100%);
background: -webkit-radial-gradient(center, ellipse cover, #AD5389 0%, #3C1053 100%);
background: radial-gradient(ellipse at center, #AD5389 0%, #3C1053 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#AD5389', endColorstr='#3C1053',GradientType=1 );
}

.gradient-maroon-radial {
background: #C04848;
background: -moz-radial-gradient(center, ellipse cover, #C04848 0%, #480048 100%);
background: -webkit-radial-gradient(center, ellipse cover, #C04848 0%, #480048 100%);
background: radial-gradient(ellipse at center, #C04848 0%, #480048 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C04848', endColorstr='#480048',GradientType=1 );
}

.gradient-green-radial  {
background: #00ff29;
background: -moz-radial-gradient(center, ellipse cover, #00ff29 0%, #252d1b 100%);
background: -webkit-radial-gradient(center, ellipse cover, #00ff29 0%, #252d1b 100%);
background: radial-gradient(ellipse at center, #00ff29 0%, #252d1b 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ff29', endColorstr='#252d1b',GradientType=1 );
}
/*Gradients from Material Kit*/
.alert-primary{background-image:linear-gradient(310deg, #7928CA 0%, #d6006c 100%)}
.alert-secondary{background-image:linear-gradient(310deg, #627594 0%, #8ca1cb 100%)}
.alert-success{background-image:linear-gradient(310deg, #17ad37 0%, #84dc14 100%)}
.alert-info{background-image:linear-gradient(310deg, #2152ff 0%, #02c6f3 100%)}
.alert-warning{background-image:linear-gradient(310deg, #f53939 0%, #fac60b 100%)}
.alert-danger{background-image:linear-gradient(310deg, #ea0606 0%, #ff3d59 100%)}
.alert-light{background-image:linear-gradient(310deg, #CED4DA 0%, #d1dae6 100%)}
.alert-dark{background-image:linear-gradient(310deg, #141727 0%, #2c3154 100%)}


/*Gradients from Creative Tims Argon*/
.gradient_primary{background:linear-gradient(87deg,#5e72e4 0,#825ee4 100%)}
.gradient_secondary{background:linear-gradient(87deg,#f7fafc 0,#f7f8fc 100%)}
.gradient_success{background:linear-gradient(87deg,#2dce89 0,#2dcecc 100%)}
.gradient_info{background:linear-gradient(87deg,#11cdef 0,#1171ef 100%)}
.gradient_warning{background:linear-gradient(87deg,#fb6340 0,#fbb140 100%)}
.gradient_danger{background:linear-gradient(87deg,#f5365c 0,#f56036 100%)}
.gradient_light{background:linear-gradient(87deg,#adb5bd 0,#adaebd 100%)}
.gradient_dark{background:linear-gradient(87deg,#212529 0,#212229 100%)}
.gradient_default{background:linear-gradient(87deg,#172b4d 0,#1a174d 100%)}
.gradient_white{background:linear-gradient(87deg,#fff 0,#fff 100%)}
.gradient_neutral{background:linear-gradient(87deg,#fff 0,#fff 100%)}
.gradient_darker{background:linear-gradient(87deg,#000 0,#000 100%)}
.gradient_blue{background:linear-gradient(87deg,#5e72e4 0,#825ee4 100%)}
.gradient_indigo{background:linear-gradient(87deg,#5603ad 0,#9d03ad 100%)}
.gradient_purple{background:linear-gradient(87deg,#8965e0 0,#bc65e0 100%)}
.gradient_pink{background:linear-gradient(87deg,#f3a4b5 0,#f3b4a4 100%)}
.gradient_red{background:linear-gradient(87deg,#f5365c 0,#f56036 100%)}
.gradient_orange{background:linear-gradient(87deg,#fb6340 0,#fbb140 100%)}
.gradient_yellow{background:linear-gradient(87deg,#ffd600 0,#beff00 100%)}
.gradient_green{background:linear-gradient(87deg,#2dce89 0,#2dcecc 100%)}
.gradient_teal{background:linear-gradient(87deg,#11cdef 0,#1171ef 100%)}
.gradient_cyan{background:linear-gradient(87deg,#2bffc6 0,#2be0ff 100%)}
.gradient_white{background:linear-gradient(87deg,#fff 0,#fff 100%)}
.gradient_gray{background:linear-gradient(87deg,#8898aa 0,#888aaa 100%)}
.gradient_gray-dark{background:linear-gradient(87deg,#32325d 0,#44325d 100%)}
.gradient_light{background:linear-gradient(87deg,#ced4da 0,#cecfda 100%)}
.gradient_lighter{background:linear-gradient(87deg,#e9ecef 0,#e9eaef 100%)}

.bg-blue-gradient{background:-webkit-linear-gradient(bottom, rgba(12,38,51,0), rgba(12,20,51,0.75));background:linear-gradient(to top, rgba(12,38,51,0), rgba(12,20,51,0.75))}
.bg-dark-horizontal-gradient{background:-webkit-linear-gradient(left, #061623 0%, rgba(16,66,99,0.75) 80%, rgba(16,66,9,0) 100%);background:linear-gradient(to right, #061623 0%, rgba(16,66,99,0.75) 80%, rgba(16,66,9,0) 100%)}
.bg-darker-horizontal-gradient{background:-webkit-linear-gradient(left, rgba(6,22,35,0.9) 0%, rgba(16,66,99,0.9) 49%, rgba(27,112,166,0.8) 100%);background:linear-gradient(to right, rgba(6,22,35,0.9) 0%, rgba(16,66,99,0.9) 49%, rgba(27,112,166,0.8) 100%)}
.bg-dark-horizontal-gradient-opaque{background:-webkit-linear-gradient(left, rgba(6,22,35,0.9) 0%, rgba(16,66,99,0.9) 49%, rgba(6,22,35,0.8) 100%);background:linear-gradient(to right, rgba(6,22,35,0.9) 0%, rgba(16,66,99,0.9) 49%, rgba(6,22,35,0.8) 100%)}

.bg-dark-vertical-gradient{background:-webkit-linear-gradient(top, rgba(6,22,35,0.75) 0%, rgba(6,22,35,0) 48%, rgba(6,22,35,0) 100%);background:linear-gradient(to bottom, rgba(6,22,35,0.75) 0%, rgba(6,22,35,0) 48%, rgba(6,22,35,0) 100%)}
.bg-solutions-gradient{background:-webkit-linear-gradient(top, rgba(12,20,51,0.75) 90px, rgba(12,38,51,0) 90%),-webkit-radial-gradient(50% 100%, circle, rgba(87,158,194,0.4), rgba(23,42,51,0.45) 900px),-webkit-radial-gradient(50% 100%, circle, #2a71bd, #19293b 900px);background:linear-gradient(to bottom, rgba(12,20,51,0.75) 90px, rgba(12,38,51,0) 90%),radial-gradient(circle at 50% 100%, rgba(87,158,194,0.4), rgba(23,42,51,0.45) 900px),radial-gradient(circle at 50% 100%, #2a71bd, #19293b 900px)}


/*PastelGradients with shadow*/
.pink,.purple, .blue, .grey {padding:10px 5px;border-radius:5px;left:-5px;background-image:none}

.pink{border-bottom:1px solid rgba(218,25,132,.6);background-image:linear-gradient(transparent,rgba(218,25,132,.1))}

.pink{box-shadow:5px 5px 5px 0 rgba(218,25,132,.6);border:2px solid rgba(218,25,132,.6)}

.purple{border-bottom:1px solid rgba(150,27,255,.6);background-image:linear-gradient(transparent,rgba(150,27,255,.1))}

.purple{box-shadow:5px 5px 5px 0 rgba(150,27,255,.6);border:2px solid rgba(150,27,255,.6)}


.blue{border-bottom:1px solid rgba(218,25,132,.6);background-image:linear-gradient(transparent,rgba(58,123,213,.1))}

.blue{box-shadow:5px 5px 5px 0 rgba(58,123,213,.6);border:2px solid rgba(58,123,213,.6)}

.blue img {margin-top:20px;}


.grey{border-bottom:1px solid rgba(218,25,132,.6);background-image:linear-gradient(310deg, #CED4DA 0%, #d1dae6 100%)}
.grey{box-shadow:5px 5px 5px 0 rgba(128,128,128,.6);border:2px solid rgba(128,128,128,.6)}

.grey img {margin-top:20px;}


.gradient-yellow {
	background-image: linear-gradient(
                to bottom,
                #ffeb84 20%,
                #8d5f1d 50%,
                #d49a45 72%,
                #c18a39
            )
}