@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0; border:none; box-sizing: border-box;}
html{ height: 100%;}
body{ font-family:Arial, Helvetica, sans-serif; font-size:13px; margin:2px; padding:0; color:#333333; font-weight:normal;}
.clear:after 			{ content: "."; display: block; height: 0; overflow:hidden; clear: both; visibility: hidden; }
a:link, a:visited {color: #303030; text-decoration: none;}
a:hover {color: #0000cd; text-decoration: none; border-bottom: 1px solid blue}
a:active, a.active {color: #006633;}
.hidden     	 	{ display: none; }
.display     		{ display: block; }
.half			{ width: 48% !important; }
.trio			{ width: 31% !important; }
.quad			{ width: 23% !important; }
.full			{ width: 100%; }
.size-10		{ width: 10px; }
.size-20		{ width: 20px; }
.size-30		{ width: 30px; }
.size-40		{ width: 40px; }
.size-50		{ width: 50px; }
.size-80		{ width: 80px; }
.size-100		{ width: 100px; }
.size-120		{ width: 120px; }
.size-150		{ width: 150px; }
.size-170		{ width: 170px; }
.size-180		{ width: 180px; }
.size-200		{ width: 200px; }
.size-250		{ width: 250px; }
.size-300		{ width: 300px; }
.size-350		{ width: 350px; }
.size-400		{ width: 400px; }
.size-500		{ width: 500px; }
.size-600		{ width: 600px; }
.size-700		{ width: 700px; }
.size-800		{ width: 800px; }

.fl			{ float: left; }
.fr			{ float: right; }
.fc			{ float: inherit; }
.fl-space		{ float: left; margin-right: 5px; }
.fr-space		{ float: right; margin-left: 5px; }
.fl-space2		{ float: left; margin-right: 10px; }
.fr-space2		{ float: right; margin-left: 10px; }
.fl-space3		{ float: left; margin-left: 30px; }
.fr-space3		{ float: right; margin-left: 30px; }

.bt-space0		{ margin-bottom: 0px !important; }
.bt-space5		{ margin-bottom: 5px !important; }
.bt-space10		{ margin-bottom: 10px !important; }
.bt-space15		{ margin-bottom: 15px !important; }
.bt-space20		{ margin-bottom: 20px !important; }
.bt-space30		{ margin-bottom: 30px !important; }
.bt-space40		{ margin-bottom: 40px !important; }

.button		{ display: inline-block; line-height: 16px; border-width: 0px; font-size: 11px; font-family: arial; color: #FFFFFF; font-weight: bold; cursor: pointer; background: url(../images/button_glas1.png) center center repeat-x #333333; padding: 3px 13px 3px 13px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; text-align: center; }
input.button	{ display: inline-block; line-height: 16px; /* IE8 hack */ line-height: 16px\0/; border-width: 0px; font-size: 11px; font-family: arial; color: #FFFFFF; font-weight: bold; cursor: pointer; background: url(../images/button_glas1.png) center center repeat-x #333333; padding: 3px 13px 3px 13px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px;}
.button:hover	{ color: #FFFFFF; text-decoration: none; }
.button.green	{ background-color: #4DB800; }
.button.red	{ background-color: #D80017; }
.button.blue	{ background-color: #00A5C4; }
.button.grey	{ background-color: #BBBBBB; }

form				{ width: 100%; }
label				{ line-height: 22px; cursor: pointer; }
label:hover			{ color: #333333; }
input.checkbox			{ display: inline; position: relative; left: 1px; top: 1px; cursor: pointer;}
input.radio			{ display: inline; position: relative; top: 2px; left: -1px; }
input.text			{ display: inline; border: 1px solid #B8B8B8; font-size: 12px; font-family: arial; color: #333333; height: 16px; padding: 2px 4px 2px 4px; }
input.submit		{ display: inline; border-width: 0px; font-size: 12px; font-family: arial; color: #444444; cursor: pointer; background: url(../images/button.jpg)  no-repeat center center; padding:7px 15px 7px 15px; }
input.submit1		{ display: inline; border-width: 0px; font-size: 12px; font-family: arial; color: #444444; cursor: pointer; background: url(../images/button1.jpg)  no-repeat center center; padding:7px 15px 7px 15px; }
input.form-file     { display: inline; height: auto; font-size: 12px !important; }
select				{ display: inline; border: 1px solid #B8B8B8; font-size: 12px; font-family: arial; color: #333333; height: 22px; padding: 2px; }
textarea			{ display: inline; border: 1px solid #B8B8B8; font-size: 12px; font-family: arial; color: #333333; padding: 4px; }

.form-label			{ display: block; }
.form-field			{ padding-bottom: 5px; }
span.required			{ color: #FF0000; font-weight: bold; }
span.important			{ color: #4DB800; font-weight: bold; }
label.error        		{ color: #FF0000; }

.leftline{ background:url(../images/lbg.jpg) repeat-y 0 0; width:17px; height:100%;}
.rightline{ background:url(../images/rbg.jpg) repeat-y 0 0; width:17px; height:100%;}
.header{ url(../images/hbg.jpg) repeat-x 0 0; height:143px; width:100%; position:relative; border: 2px solid darkblue; border-radius: 10px; background: linear-gradient(360deg, #00a8ff63, #00f3ff12);}
.links{ position:absolute; top:15px; left:15px;}
.links .home{ background:url(../images/links.jpg) no-repeat 0 0; width:10px; height:10px; display:block; float:left; margin-right:10px}
.links .map{ background:url(../images/links.jpg) no-repeat -18px 0; width:12px; height:10px; display:block;float:left; margin-right:10px;}
.links .contact{ background:url(../images/links.jpg) no-repeat -38px 0; width:13px; height:10px; display:block; float:left}
.logo{ position:absolute; top:50px; left:15px}
.flag{ position:absolute; top:50px; right:15px}
.langs{ position:absolute; top:15px; right:15px; color:#999999;}
.langs a{ color:#999999; text-decoration:none; float:left}
.langs a:hover, .langs .active{ color:#333}
.langs .line{ background:#cccccc; height:14px; width:1px; margin-left:10px; margin-right:10px; display:block; float:left; margin-top: 1px;}			
.title{margin:0 auto; width:100%; text-align:center; padding-top:20px;}
.title h2{margin-bottom:10px}
h1{ color:#009933; font-size:20px; font-weight:normal;}
h2{ color:#003366; font-size:24px; font-weight:bold; text-transform:uppercase; text-shadow: 2px 2px 2px rgb(100 124 229 / 75%);}
.menu{	background:url(../images/menubg.jpg) repeat-x 0 0; height:45px}
.menu ul		{ z-index:1000 }
.menu li		{ float: left; position: relative; list-style-type:none; padding-right:10px; }
.btn a	{ background:url(../images/btn.jpg) no-repeat right center;}

.menu li a		{ display: block; padding: 14px 20px 15px 20px; color: #f5f5f5; text-decoration: none; text-transform:uppercase;}
.menu li:hover	{ background: #054b86; }

.menu li.active a	{ background: #ffffff; color: #333333; text-shadow: 1px 1px 1px #BBBBBB;}
.menu ul ul		{ display: none; width: 210px; position: absolute; top: 44px; left: 0px;  padding: 0px 0px 0px 0px;  -moz-box-shadow: 1px 2px 2px #888888; -webkit-box-shadow: 1px 2px 2px #888888; box-shadow: 1px 2px 2px #888888; /* IE7 hack */ *border-right: 1px solid #BBBBBB; *border-bottom: 1px solid #BBBBBB; /* IE8 hack */border-right: 1px solid #BBBBBB\0/; border-bottom: 1px solid #BBBBBB\0/;}

.menu li:hover ul	{ }
.menu li:hover ul ul	{ display: none; position: absolute; top: 0px; left: 210px; }
.menu li li:hover ul	{ }

.menu li li		{ padding: 0px 0px 0px 0px; margin: 0px; float: none; }
.menu li li a		{ padding: 12px 12px 12px 22px !important; background: #054b86 !important;  color: #f5f5f5 !important; text-shadow: none !important; border-top:1px solid #044177;  text-transform:none}
.menu li li a:hover		{ color: #f5f5f5!important; background: #044378 !important; }
.menu li li:hover a		{ color: #f5f5f5!important;  background: #044378 !important; border-top:1px solid #0a5493}
.menu li li:hover li a		{ color: #f5f5f5!important;  background: #044378 !important;}
.menu li .btn2 a{ background:#054b86 url(../images/btn2.jpg) no-repeat 195px center !important;}
.menu li li:hover li a:hover	{color: #f5f5f5!important; background: #043a68 !important; }
.menu li li.active a	{ color: #f5f5f5 !important; background:#044378 !important; }
.menu li li.active li a		{ color: #f5f5f5 !important; background:#044378 !important;  }
.menu li li.active li a:hover	{ color: #f5f5f5 !important;background:#044378 !important; }
.menu li li li.active a		{ color: #f5f5f5 !important; background: #044378 !important;}
.search{ width:300px; height:23px; float:right; text-align:left; margin:0px 10px 0 0; padding:2px}	
.gsc-search-button{ padding:6px !important}
.gsc-input{ padding-right:5px !important}
.search .input{background:#f8f8f8; border:none; height:20px; width:185px }
.breadcrumb{background:url(../images/breadcrumb.jpg) repeat-x 0 0; height:29px; width:100%; color:#666666; padding:10px 0px 0 15px}
.breadcrumb .last{color:#cccccc}
.breadcrumb a{color:#666666; text-decoration:none}
.breadcrumb a:hover{color:#333; text-decoration:underline}
.main{margin:0 auto; width:100%; height: 900px; background:linear-gradient(360deg, #00a8ff63, #00f3ff12);}
.content{ float:left; width:100%;}
.page{padding:30px 10px;}
.second{  margin:10px 10px 0 10px; padding:0 10px; }
h3{ color:#006633; font-size:24px; font-weight:normal; margin:0 0 5px 0}
.left{ width:220px;  float:left; margin-left:-100%;}
.right{ width:220px; float:left; margin-left:-252px;}
.blog .headerblog{background:url(../images/blog.jpg) no-repeat 0 0; padding:10px 0 0 20px; font-size:14px; text-transform:uppercase; color:#FFF; height:28px; font-weight:normal; position:relative}
.blog .con{ border:1px solid #e4e4e4; border-top:none}
.con .a{ display:block;; background:#f8f8f8; border-top:1px solid #e4e4e4; text-decoration:none; color:#242424; padding:10px 4px 2px 10px; font-size:12px}
.con .a img{ float:left; margin:5px 5px 0 0px }
.con .a p{float:left}
.m10{ margin-top:10px;}
.universities{ background:url(../images/universities.jpg) no-repeat 0 0; width:100%; height:49px; display:block; text-decoration:none !important;color:#2f260f }
.universities p{padding:8px 20px 0px 50px;font-weight:bold; width:100px;}
.staff{ background:url(../images/staff1.jpg) no-repeat 0 0; width:100%; height:60px; display:block; text-decoration:none !important;color:#2f260f }
.staff p{padding:7px 20px 0px 50px;font-weight:bold; width:135px;}
.qabul{ background:url(../images/qabul1.jpg) no-repeat 0 0; width:100%; height:60px; display:block; text-decoration:none !important;color:#2f260f }
.qabul p{padding:7px 10px 0px 50px;font-weight:bold; width:135px;}

.repetition{ background:url(../images/testdesigner.png) no-repeat 0 0; width:100%; height:60px; display:block; text-decoration:none !important;color:#2f260f }
.repetition p{padding:7px 10px 0px 50px;font-weight:bold; width:135px;}

.info{ background:url(../images/infoabit.jpg) no-repeat 0 0; width:100%; height:60px; display:block; text-decoration:none !important;color:#2f260f }
.info p{padding:7px 10px 0px 50px;font-weight:bold; width:135px;}

.kvota{ background:url(../images/kvotaabitur.jpg) no-repeat 0 0; width:100%; height:60px; display:block; text-decoration:none !important;color:#2f260f }
.kvota p{padding:7px 10px 0px 60px;font-weight:bold; width:135px;}

.testdesigner{ background:url(../images/testdesigner.jpg) no-repeat 0 0; width:100%; height:60px; display:block; text-decoration:none !important;color:#2f260f }
.testdesigner p{padding:7px 20px 0px 50px;font-weight:bold; width:135px;}

.webmail{ background:url(../images/webmail.jpg) no-repeat 0 0; width:100%; height:42px; display:block; text-decoration:none !important;color:#2f260f }
.webmail p{padding:14px 20px 0px 50px;font-weight:bold; width:120px;}

.abiturient{ background:url(../images/abiturient.jpg) no-repeat 0 0; width:100%; height:60px; display:block; text-decoration:none !important;color:#2f260f }
.abiturient p{padding:7px 20px 0px 50px;font-weight:bold; width:135px;}

.ball{ background:url(../images/abiturient.jpg) no-repeat 0 0; width:100%; height:60px; display:block; text-decoration:none !important;color:#2f260f }
.ball p{padding:4px 5px 4px 50px;font-weight:bold; width:150px; text-align: center}

.feedback{ padding:10px 20px 20px 7px}
.feedback p{ margin-bottom:5px}
.lmenu{  -moz-box-shadow: 1px 2px 2px #888888; -webkit-box-shadow: 1px 2px 2px #888888; box-shadow: 1px 2px 2px #888888; /* IE7 hack */ *border-right: 1px solid #BBBBBB; *border-bottom: 1px solid #BBBBBB; /* IE8 hack */border-right: 1px solid #BBBBBB\0/; border-bottom: 1px solid #BBBBBB\0/;}
.lmenu ul{list-style-type:none}

.lmenu li{background:#fcfcfc url(../images/mainmenu.jpg) repeat-x bottom left; display:block; border-left:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; position: relative;}
.lmenu li a{ display:block;padding:8px 10px 8px 9px; margin-left:4px;  text-decoration:none; color:#292929; font-size:14px; background:url(../images/menuicon.jpg) no-repeat center left}
.lmenu li:hover a{background:none; color:#dfdfdf}
.lmenu li:hover{background:#04487d;}
.lmenu li li{background:#04487d; border-bottom:1px solid #023b68; border-top:1px solid #085a9a; border-left:none}
.lmenu li a:hover{background-image:none; color:#dfdfdf;}
.lmenu ul ul		{ display: none; width: 220px; position: absolute; top: 0px; left: 219px;  padding: 0px 0px 0px 0px; }

.lmenu li:hover ul	{ }
.lmenu li:hover ul ul	{ display: none; position: absolute; top: 0px; left: 220px; }
.lmenu li li:hover	{ background:#034070}
.lmenu li li.active a	{ color: #dfdfdf !important; background:#044378 !important; }
.lmenu li li.active li a		{ color: #dfdfdf !important; background:#044378 !important;  }
.lmenu li li.active li a:hover	{ color: #dfdfdf !important;background:#044378 !important; }
.lmenu li li li.active a		{ color: #dfdfdf !important; background: #044378 !important;}
.footer{background: linear-gradient(360deg, #00a8ff63, #00f3ff12); margin-top:20px; padding:20px; min-height:200px}
.footer h1{color:#313131; font-size:14px; font-weight:normal; text-transform:uppercase;}
.footer ul{list-style-type:none; margin-top:10px;}
.footer ul li{margin:5px 0px}
.mlbg{background:url(../images/mlbg.jpg) no-repeat center right; margin-right:50px; padding-right:50px; min-height:150px; display:block}
.copyright{background:#d0d0d0; height:40px; padding:10px 10px 0 15px}
.half h3{ border-left:3px solid #107d1e; color:#107d1e; padding-left:10px; line-height:40px; margin-left:8px; background:#f1f1f1; width:90%; border-radius:0 5px 5px 0}
.border{border-right:1px dotted #d5d5d5}
.date{ display:block; color:#acacac; font-size:11px}

.paging{float: right;list-style-type: none;padding: 0;margin:0px 20px 25px 0px;}
ul.paging li{margin:0;padding:0;float:left;}
ul.paging a{
color:#5f5f5f;margin:0px;margin-left:6px;padding:5px 12px;font-size:13px;text-decoration:none;background:#eaeaea;-moz-border-radius: 5px;	-webkit-border-radius: 5px;	-khtml-border-radius: 5px;	border-radius: 5px;}
ul.paging a:hover, ul.paging .pactive{color:#FFF;text-decoration:none;background:#04487d;}
.albums{ list-style-type:none; margin:0 !important; padding:0 !important}
.albums a{ text-decoration:underline}
.albums li{ background:url(../images/albums.png) no-repeat 2px 3px; padding:0 0 0 18px; margin:5px 0}
.photos{ list-style-type:none; margin:0 !important; padding:0 !important}
.photos li{ display:inline}
strong{ font-size:18px;}
.line{ border-bottom:1px solid #CCC}
.page h4{ font-size:20px; margin:10px 0; font-weight:normal}
.page p{ margin:10px 0; text-shadow: 2px 2px 3px rgb(55 55 255 / 70%);}
.photos li img{ border:1px solid #003366}
.calendar{border-radius:0 0 5px 5px; border:1px solid #CCC; font-family:Tahoma, Geneva, sans-serif; padding:2px}
.calendar .moth{ text-align:center; font-size:18px; display:block; float: left; width:172px;}
.calendar .big{  font-size:18px; }

.calendar_table{ margin:10px 0 0 0; }
.calendar_table td{padding:4px 4px;}
.calendar_table td a{text-decoration:none}
.calendar_table td a.day{text-decoration:none;color:#6f6f6f;}
.calendar_table td a:hover{text-decoration:underline}

.news_list li { float: left; margin: 0 0 19px; text-align: justify; border-bottom:1px solid #CCC; width:100%; list-style-type:none}
.news_title {font: bold 14px arial;margin: 0 0 5px;display: block;width: 100%;text-align:left}
.pic_news {float: left;}
.date-time {float: left;}
.news_calr {float: left;margin: 0 15px 0 0;width: 125px;display:block;}
.news_list li p { float: left;}
.read_news {float: left;padding: 2px 0 0;margin-left:10px;}
.overflov{ height:80px; overflow:hidden; float:left;  margin:0 0 10px 0}
.all_list{ cursor:pointer}
.natija {width: auto;height: auto;padding-left: 20px;}
.natija ol li {width: auto;height: auto;clear: both;}
result {margin-left: 0px;margin-top: 10px}
.li {width: 350px;float: left;}
.lii {float: left;width: 500px;margin: -14px 0 0 220px;}
.result span {margin-left: 10px;color: #787878;}
.lii span {float: left;margin: 0 0 0 100px;padding: 0;width: 50px;}
.back {background: url(../images/purple.gif) repeat-x;width: 300px;height: 13px;padding-top: 2px;float: right;}
.score {background: #003366;width: auto;height: 8px;}
.natija a {color: #81162a;}
.half img{	border:1px solid #000;width: 50px;	}
.faq{ margin-bottom:10px; display:block }
.faq a{ text-decoration:none; margin-bottom:10px; display:block; cursor:pointer }
.section{}
.section a{ margin:5px 0; display:block}
.page a{ text-decoration:none}
.page a:hover{ text-decoration:none}
.univer{ padding:5px; width:300px; height:30px; margin-bottom:10px; font-size:15px}
.page table{ }
#top {bottom: 50px;right: 10px;cursor: pointer;color: #666666;text-decoration: none;width: 31px;height: 48px;text-align: center;padding: 5px;position: fixed;}
.second {   -webkit-touch-callout: none;   -webkit-user-select: none;   -khtml-user-select: none;   -moz-user-select: none;   -ms-user-select: none;   user-select: none;}

.uz{ background:url(../images/uz.gif) no-repeat left center; padding-left:25px;}
.ru{ background:url(../images/ru.gif) no-repeat left center; padding-left:25px;}
.en{ background:url(../images/en.gif) no-repeat left center; padding-left:25px;}
.emb_menu {position: absolute; right: 10px;top: 10px}
img {vertical-align: middle; border: none; border-radius:5px;}

.radical{
	margin-left: 9px;
	border-top: 1px solid;
	text-indent: -9px;
	font-style: italic;
}
.radical:before{
	content: "√";
	display: inline-block;
}
.vector{
	margin-left: 9px;
	border-top: 1px solid;
	text-indent: -6px;
	font-style: italic;
}
.vector:before{
	display: inline-block;
}

.first {
	margin: 10 auto auto 10;
	border:solid;
    width: 18px;
    height: 18px;
    border-radius: 18px; /* Равен ширине и высоте блока*/
}

.contener {padding: 10px 0px 10px 10px; }
.contener input{margin: 0 0 10px 4px ;  padding: 0 0 0 2px;}
.contener p{margin: 3px 0 0 0 ;  padding: 0 3px 0 0;}
.contener label {margin: 0 0 20px 0;}

/* Kalendar css */
/* input box in default state */ 
.tcalInput {
	background: url('../images/cal.gif') 100% 50% no-repeat;
	padding-right: 20px;
	cursor: pointer;
}

/* additional properties for input boxe in activated state, above still applies unless in conflict */
.tcalActive {
	background-image: url('../images/no_cal.gif');
}
/* container of calendar's pop-up */
#tcal {
	position: absolute;
	visibility: hidden;
	z-index: 100;
	width: 170px;
	background-color: white;
	margin-top: 2px;
	padding: 0 2px 2px 2px;
	border: 1px solid silver;

	-moz-box-shadow: 3px 3px 4px silver;
	-webkit-box-shadow: 3px 3px 4px silver;
	box-shadow: 3px 3px 4px silver;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='silver')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='silver');
}

/* table containing navigation and current month */
#tcalControls {
	border-collapse: collapse;
	border: 0;
	width: 100%;
}
#tcalControls td {
	border-collapse: collapse;
	border: 0;
	padding: 0;
	width: 16px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	cursor: pointer;
}
#tcalControls th {
	border-collapse: collapse;
	border: 0;
	padding: 0;
	line-height: 25px;
	font-size: 10px;
	text-align: center;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	white-space: nowrap;
}
#tcalPrevYear { background-image: url('../images/prev_year.gif'); }
#tcalPrevMonth { background-image: url('../images/prev_mon.gif'); }
#tcalNextMonth { background-image: url('../images/next_mon.gif'); }
#tcalNextYear { background-image: url('../images/next_year.gif'); }

/* table containing week days header and calendar grid */
#tcalGrid {
	border-collapse: collapse;
	border: 1px solid silver;
	width: 100%;
}
#tcalGrid th {
	border: 1px solid silver;
	border-collapse: collapse;
	padding: 3px 0;
	text-align: center;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	background-color: gray;
	color: white;
}
#tcalGrid td {
	border: 0;
	border-collapse: collapse;
	padding: 2px 0;
	text-align: center;
	font-family: Tahoma, Geneva, sans-serif;
	width: 14%;
	font-size: 11px;
	cursor: pointer;
}		
#tcalGrid td.tcalOtherMonth { color: silver; }
#tcalGrid td.tcalWeekend { background-color: #ACD6F5; }
#tcalGrid td.tcalToday { border: 1px solid red; }
#tcalGrid td.tcalSelected { background-color: #FFB3BE; }		

/* Slayder style */
.slider {
 z-index: 9;
 width: 800px;
 height: 400px;
 overflow: hidden;
 margin: 0 0 7px;
 position: relative;
 }
 .slider ul,
 .slider li {
 padding: 0;
 margin: 0;
 list-style-type: none;
 }
 .slider ul {
 width: 9999px; 
 }
 .slider ul li {
 list-style-type: none;
 float: left;
 width: 800px;
 height: 400px;
 }
 .slider .nav {
 position: absolute;
 left: 15px;
 bottom: 12px; 
 }
 .slider .nav span {
 opacity: 0.9;
 background: #fff;
 margin: 0 8px 0 0;
 width: 16px;
 height: 16px;
 border-radius: 8px;
 cursor: pointer;
 overflow: hidden;
 display: block;
 float: left;
 box-shadow: 0 1px 2px #000;
 }
 .slider .nav span.on {
 background: #2e9419;
 }

.headtitle
 {
    background: transparent -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E7F5FF), to(#ABD7FF));
    border-bottom-left-radius: 4px 4px;
    border-bottom-right-radius: 4px 4px;
    border: 1px solid #84BEFF;
    border-top-left-radius: 4px 4px;
    border-top-right-radius: 4px 4px;
    color: black;
    font-size: 16px;
    font-weight: normal;
    height: 100px;
    line-height: 35px;
    margin: 5px 0px 5px 0px;
    padding-right: 10px;
    text-shadow: #FFFFFF 0px 1px;
    text-align:center;
    font-weight:bold;
 }

.box {
    width: 500px;
    height: 500px;
    background: url(https://withjoy-rehearsal-uploads.dexecure.net/uploads/2019/02/fogbostonfall.jpg) ;
    margin: 10px auto;
    box-shadow: 0 0 25px 50px red, 0 0 15px 30px dodgerblue inset; /* x y blur size color */
}