@charset "utf-8";
/* CSS Document */
@import url("font-awesome.css");
@import url("font-awesome.min.css");



body { width:100%; margin:0px; padding:0px;  font-family:Arial, Helvetica, sans-serif; color:#666; font-size:13px;}
/* container */
.container { max-width:1170px; margin:0px auto; width:100%; padding:0px;}

.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}
@media screen and (min-width:978px){
	.container{max-width:1170px;}
}


.row::after {
    content: "";
    clear: both;
    display: table;
}
[class*="col-"] {
    float: left;
    padding: 15px;
}
html {
    font-family: "Lucida Sans", sans-serif;
}/* heading */

h2 { font-size:24px; border-bottom:1px solid #666; margin-bottom:10px; margin-top:10px;}
h1 {
	font-size: 32px;
	color: #666;
	margin-top: 10px; margin-bottom:10px;
	border-bottom: 1px solid #CCC;
	text-align: center;
}
h4 { font-size:22px;}
/* table */
table { border:1px solid #ccc; border-collapse:collapse; max-width:98% ; margin:10px 0px;}
td { border:1px solid #ccc; padding:5px 10px;}
.table-responsive{min-height:.01%;overflow-x:auto}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}}
/* text align */
.text-center { text-align:center;}
.text-left { text-align:left;}
.text-right { text-align:right;}

/* header */
*{margin:0;padding:0;text-decoration:none}

header{position:relative;width:100%;background:#333; margin:0px !important; height:auto; float:left;}
header { max-width:1170; margin:0px auto; width:100%; padding:0px;}


.logo img { max-width:100%; height:auto;}
.logo{ width:38%;padding:0px;float:left; margin:0px; z-index:999;}
.top-bar { background:#eff1f1 !important; width:100%; float:left; padding:5px;}}
/* email */
.email { width:60%; float:left; margin-top:10px;}
.email p { color:#666; float:left; width:auto; text-decoration:none; border-left:1px solid #999; border-right: 1px solid #999; padding:5px 10px;}
.email p a { color:#666;width:auto; text-decoration:none;}
/* follow*/
.follow { width:25%; float:right;}
.follow p { width:auto !important; float:left; border:none !important; line-height:28px;}
.list-inline { border:none !important;}
.list-inline i { color:#666;border-left:1px solid #CCC; width:30px !important; padding:5px 0px; text-align:center; }
.list-inline li { display:inline; }
nav{ background:#333; width:100%; float:left; z-index:999; position:relative;}
/*cssmenu*/

#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; 
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu #menu-button {
  display: none;
}
#cssmenu {
  font-family: Montserrat, sans-serif; margin-top:8px; float:right; width:57%; z-index:999;
}
#cssmenu > ul > li {
  float: left;
}
#cssmenu.align-center > ul {
  font-size: 0;
  text-align: center;
}
#cssmenu.align-center > ul > li {
  display: inline-block;
  float: none;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu > ul > li > a { 
  padding: 17px 12px;
  font-size: 16px;
  letter-spacing: 1px;
  text-decoration: none;
  color: #dddddd;
  font-weight: 700;
  text-transform: uppercase;
}

#cssmenu > ul > li:hover > a, #cssmenu > ul > li.active {
  color: #ffffff;
}
#cssmenu > ul > li.has-sub > a {
  padding-right: 30px;
}
#cssmenu > ul > li.has-sub > a:after {
  position: absolute;
  top: 22px;
  right: 11px;
  width: 8px;
  height: 2px;
  display: block;
  background: #dddddd;
  content: '';
}
#cssmenu > ul > li.has-sub > a:before {
  position: absolute;
  top: 19px;
  right: 14px;
  display: block;
  width: 2px;
  height: 8px;
  background: #dddddd;
  content: '';
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
#cssmenu > ul > li.has-sub:hover > a:before {
  top: 23px;
  height: 0;
}
#cssmenu ul ul {
  position: absolute;
  left: -9999px;
}
#cssmenu.align-right ul ul {
  text-align: right;
}
#cssmenu ul ul li {
  height: 0;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
#cssmenu li:hover > ul {
  left: auto;
}
#cssmenu.align-right li:hover > ul {
  left: auto;
  right: 0;
}
#cssmenu li:hover > ul > li {
  height: 35px;
}
#cssmenu ul ul ul {
  margin-left: 100%;
  top: 0;
}
#cssmenu.align-right ul ul ul {
  margin-left: 0;
  margin-right: 100%;
}
#cssmenu ul ul li a {
  border-bottom: 1px solid rgba(150, 150, 150, 0.15);
  padding: 11px 12px;
  width: 200px;
  font-size: 12px;
  text-decoration: none;
  color: #dddddd;
  font-weight: 400;
  background: #333333;
}
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li.last-item > a {
  border-bottom: 0;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
  color: #ffffff;
}
#cssmenu ul ul li.has-sub > a:after {
  position: absolute;
  top: 16px;
  right: 11px;
  width: 8px;
  height: 2px;
  display: block;
  background: #dddddd;
  content: '';
}
#cssmenu.align-right ul ul li.has-sub > a:after {
  right: auto;
  left: 11px;
}
#cssmenu ul ul li.has-sub > a:before {
  position: absolute;
  top: 13px;
  right: 14px;
  display: block;
  width: 2px;
  height: 8px;
  background: #dddddd;
  content: '';
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
#cssmenu.align-right ul ul li.has-sub > a:before {
  right: auto;
  left: 14px;
}
#cssmenu ul ul > li.has-sub:hover > a:before {
  top: 17px;
  height: 0;
}
@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  #cssmenu {
    width: 100%;
  }
  #cssmenu ul {
    width: 100%;
    display: none;
  }
  #cssmenu.align-center > ul {
    text-align: left;
  }
  #cssmenu ul li {
    width: 100%;
    border-top: 1px solid rgba(120, 120, 120, 0.2);
  }
  #cssmenu ul ul li,
  #cssmenu li:hover > ul > li {
    height: auto;
  }
  #cssmenu ul li a,
  #cssmenu ul ul li a {
    width: 100%;
    border-bottom: 0;
  }
  #cssmenu > ul > li {
    float: none;
  }
  #cssmenu ul ul li a {
    padding-left: 25px;
  }
  #cssmenu ul ul ul li a {
    padding-left: 35px;
  }
  #cssmenu ul ul li a {
    color: #dddddd;
    background: none;
  }
  #cssmenu ul ul li:hover > a,
  #cssmenu ul ul li.active > a {
    color: #ffffff;
  }
  #cssmenu ul ul,
  #cssmenu ul ul ul,
  #cssmenu.align-right ul ul {
    position: relative;
    left: 0;
    width: 100%;
    margin: 0;
    text-align: left;
  }
  #cssmenu > ul > li.has-sub > a:after,
  #cssmenu > ul > li.has-sub > a:before,
  #cssmenu ul ul > li.has-sub > a:after,
  #cssmenu ul ul > li.has-sub > a:before {
    display: none;
  }
  #cssmenu #menu-button {
    display: block;
    padding: 17px;
    color: #dddddd;
    cursor: pointer;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
  }
  #cssmenu #menu-button:after {
    position: absolute;
    top: 22px;
    right: 17px;
    display: block;
    height: 4px;
    width: 20px;
    border-top: 2px solid #dddddd;
    border-bottom: 2px solid #dddddd;
    content: '';
  }
  #cssmenu #menu-button:before {
    position: absolute;
    top: 16px;
    right: 17px;
    display: block;
    height: 2px;
    width: 20px;
    background: #dddddd;
    content: '';
  }
  #cssmenu #menu-button.menu-opened:after {
    top: 23px;
    border: 0;
    height: 2px;
    width: 15px;
    background: #ffffff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  #cssmenu #menu-button.menu-opened:before {
    top: 23px;
    background: #ffffff;
    width: 15px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  #cssmenu .submenu-button {
    position: absolute;
    z-index: 99;
    right: 0;
    top: 0;
    display: block;
    border-left: 1px solid rgba(120, 120, 120, 0.2);
    height: 46px;
    width: 46px;
    cursor: pointer;
  }
  #cssmenu .submenu-button.submenu-opened {
    background: #262626;
  }
  #cssmenu ul ul .submenu-button {
    height: 34px;
    width: 34px;
  }
  #cssmenu .submenu-button:after {
    position: absolute;
    top: 22px;
    right: 19px;
    width: 8px;
    height: 2px;
    display: block;
    background: #dddddd;
    content: '';
  }
  #cssmenu ul ul .submenu-button:after {
    top: 15px;
    right: 13px;
  }
  #cssmenu .submenu-button.submenu-opened:after {
    background: #ffffff;
  }
  #cssmenu .submenu-button:before {
    position: absolute;
    top: 19px;
    right: 22px;
    display: block;
    width: 2px;
    height: 8px;
    background: #dddddd;
    content: '';
  }
  #cssmenu ul ul .submenu-button:before {
    top: 12px;
    right: 16px;
  }
  #cssmenu .submenu-button.submenu-opened:before {
    display: none;
  }
}



}

.parallax p {
	color: #FFF;
	font-size: 33px;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}
.parallax {
	/* The image used */
	background-image: url(../images/banner.jpg);
	/* Full height */ height:400px;
	
	/* Create the parallax scrolling effect */
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

/* Turn off parallax scrolling for tablets and phones. Increase the pixels if needed */
@media only screen and (max-device-width: 1024px) {
.parallax {
	background-attachment: scroll;
}
}

/* box */
.bg-black {background:#222 !important;  padding:0px 0 15px; width:100%; margin:0px; }
.touchtop { margin:20px auto 0px;}

/* content */
.bg-gradiant { background:url(../images/bg.jpg) no-repeat  center #ebeae9; width:100%; float:left;}
.bg-grey { background: #f3f3f3; float:left; margin:0px 0px; padding:0px; width:100%;}
.content {  float:left;  width:100%; margin:20px 0; padding:5px 15px;	background-color: #fff;
	-moz-box-shadow:  0 1px 4px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); text-align:justify;}
	
.right-part h2 { margin-top:0px; font-size:26px !important; color:#fff !important;}
.right-part { max-width:54.5%; float:right; min-height:310px; padding:10px 20px 20px; color:#fff; background:#207ed1; margin-left:0px; }
.right-part p {color:#fff;}
.left-part { max-width:45%; float:left; padding:0px;}
.left-part img, img { max-width:100%; height:auto; margin:0px !important;}
.img  { max-width:100%; height:auto; float:right; border:1px solid #ccc; margin:0px 0px 10px 10px !important;padding:2px;}
.bg-black { background:#333; width:100%; float:left;}
.content p, .content ul { margin-bottom:8px !important; float:none !important;}.content p a { color:#0d8cdb; text-decoration:none;}
.content p a:hover { text-decoration:underline;}
/* why us */
.Why-us  { margin-top:25px; margin-bottom:25px; clear:both; border:1px solid #CCC; width:98%; padding:15px 15px 25px;}
.Why-us h1 { margin-bottom:10px; margin-top:0px; }
/* social */
.social-icon { width:74%; text-align:center !important; float:left; margin:0px 0 0 13.5%; border-top: solid 2px #4b4a4a !important ;}
/* ul */
ul { margin-left:30px;}


/* line */
.line { width:100%; border-bottom:1px dashed #CCC; margin:18px 0px; float:left;}
/* strip */
.strip { width:100%; height:30px; background:#0d8cdb; float:left;}



/* button */
 .btn-default { border:1px solid #0d8cdb; color:#0d8cdb; padding:5px 10px; transition:2s;}
  .btn-default:hover { color:#fff; border:1px solid #666; background:#0d8cdb;}


/* contact */
#contact {
	margin: 20px 0px 0px 20px; max-width:45%;
	padding: 0px 0px 0px 0px; float:right;
}

#contact h3 {
	
	max-width: 100%;
	margin: 5px 0px 15px 0px;
	
	padding: 0px 0px 0px 0px;
	
	text-align: left; text-decoration:underline;
	color: #0d8cdb !important;
	font-size: 22px;
	font-weight: bold;
}
#contact td i {
	color: #0d8cdb; font-size:16px;
}
#contact td a {
	color: #666;
	Width: auto;
	text-decoration: none;
	margin: 0px 0px 0px 2px;
}
#contact td { line-height:30px;
	font-size: 14px;
}
#contact td a:hover {
	text-decoration: underline;
	color: #1a3346;
}

.map { max-width:97%; min-height:270px; margin-bottom:20px;s}
.map iframe { max-width:100%; width:500px; height:300px;}


/* footer */

footer { width:100%; background:#111 !important; margin:0px; padding:0px; float:left;}
.foot-main { width:100%; margin:0px auto; padding:0px;}
.foot-main p {width:70%; color:#fff; margin:10px 0px 5px; float:left;}
.f-logo { width:30%; float:right; margin:10px 0 0px;}
.f-logo a img { float:right;}
/* Back to Top */
#backtotop {
	z-index: 999;
	display: inline-block;
	position: fixed;
	visibility: hidden;
	bottom: 20px;
	right: 20px;
	width: 36px;
	height: 32px;
	line-height: 26px;
	font-size: 16px;
	text-align: center;
	opacity: 0.2;
	text-decoration: none;
	background: #018dda; opacity:0.8;
	color: #fff;
}
#backtotop i {
	display: block;
	width: 100%;
	height: 100%;
	line-height: inherit;
}
#backtotop.visible {
	visibility: visible;
	opacity: .5;
}
#backtotop:hover {
	opacity: 1;}	
/* footer */

* {
    box-sizing: border-box;
}
.row::after {
    content: "";
    clear: both;
    display: table;
}
[class*="col-"] {
    float: left;
    padding: 15px;
}
html {
    font-family: "Lucida Sans", sans-serif;
}
.aside {
    background-color: #33b5e5;
    padding: 15px;
    color: #ffffff;
    text-align: center;
    font-size: 14px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.footer {
    background-color: #111;
    color: #ffffff;
    text-align: center;
    font-size: 12px;
    padding: 15px;
}
/* For mobile phones: */
[class*="col-"] {
    width: 100%;
}@media screen and (max-width: 980px) {
	
	#cssmenu { width:100%;}
	#cssmenu > ul > li > a { 
  padding: 17px 28px !important;}
.follow { width:40%; float:right; margin-top:0px !important;}
.follow p { width:auto !important; margin-top:0px; float:left; border:none !important;}
.list-inline { border:none !important;}
		.left-part { max-width:40%; float:left; padding:0px;}
.right-part { max-width:58%; float:right; padding:10px 15px 15px; margin-left:0px !important; color:#fff;}
.right-part p { color:#fff;}
.right-part h2 { font-size:21px !important;}
.foot-main p { padding:10px 0px; width:65%;}
.f-logo {  padding: 10px 20px; width:35%; }
.logo{ width:52%;padding:0px;float:left; margin:0px;}
/* email */
.email { width:43%; }.email p { margin-top:10px;}

.product2, .product, .product3 { padding:20px 10px !important;} 
.product2:after { left:42% !important;}
		#cssmenu > ul > li > a {
  padding: 17px 12px;}
  .right-part h2 { font-size:23px;}.product1 {  width:99% !important; }
  	
}
	@media screen and (max-width: 840px) {

					
.foot-main p { padding:10px 20px; width:65%;}
.f-logo {  padding: 10px 20px; width:35%; }
#cssmenu {
  font-family: Montserrat, sans-serif; margin-top:0px;
  background: #333333; float:left; width:100% !important;
}.product1 {  width:99% !important; }	}
	
/* Mobile */


	@media screen and (max-width: 768px) {
		
					#cssmenu {
  font-family: Montserrat, sans-serif; margin-top:0px;
  background: #333333; float:left; width:100% !important;
  
}.product1 {  width:99% !important; }}
		
		
	@media screen and (max-width: 736px) {

					
					#cssmenu {
  font-family: Montserrat, sans-serif; margin-top:0px;
  background: #333333; float:left; width:100%;
}.follow { width:100%; float:right; margin-top:20px !important;}
.follow p { width:auto !important; margin-top:0px; float:left; border:none !important;}
	}

/* Mobile (Portrait) */

	@media screen and (max-width: 480px) {


	.left-part {max-width:100%; padding:5px;}
.right-part {max-width:100%; padding:5px;}
/*footer*/
.foot-main p {width:96%; color:#fff; margin:10px 0px 5px; float:left; padding:10px 20px;}
.f-logo { width:96%; float:right; margin:10px 0 0px; padding: 10px 20px;}
.logo{ width:100%;padding:0px;float:left; margin:10px 0 0px !important;}
/* email */
.email {width:100%; float:right;}
.email p { margin-top:10px;}
#contact {max-width:100%;}
.map {width:98%; margin:10px !important;}
.img { float:none; margin:10px; }.social-icon { width:100%; text-align:center !important;  margin:0px 0 0 0; border-top: solid 2px #4b4a4a !important ;}

 .panel {margin:20px 10px;   max-width:45%; background:#fff;  }
	}
	@media screen and (max-width: 480px) {

	 .panel {margin: 15px 0px 15px 15px;   max-width:90%; background:#fff;  }
	 .col-4 { width:100% !important;  margin:auto; }.right-part { margin-left:0px; padding:20px;}
	 .img { margin:auto; float:none;}
	 .product3:after, .product:after, .product2:after  { font-size:110px !important;} 
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9,
.col-10, .col-11, .col-12 {width: 100% !important;}	}
	 
	 .button1 {
    position: relative; border:2px solid #fff; background:none;

    font-size: 14px;
    color: #FFFFFF;
    padding:5px 10px;
    text-align: center;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    text-decoration: none;
    overflow: hidden;
    cursor: pointer;
}

.button1:after {
    content: "";
    background: #f1f1f1;
    display: block;
    position: absolute;
    padding-top: 300%;
    padding-left: 350%;
    margin-left: -20px !important;
    margin-top: -120%;
    opacity: 0;
    transition: all 0.8s
}

.button1:active:after {
    padding: 0;
    margin: 0;
    opacity: 1;
    transition: 0s
}
/*column*/

.col-4 { width:33.3%;  margin:auto; }
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}

/*product*/
.product1 { padding:30px 0px 30px 15px; margin:auto ; width:98%; float:left;}
.product1 p {  float:left; font-size:15px; color:#000; }
.product1 p b {color:#FFF;}
.product1 p img { float:right; }
.product2 { padding:30px; background:#626161; position:relative;}
.product2:after {
  content: "\f24d"; 
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  position: absolute;color:#807e7e;
  font-size: 130px;
 top: 10%;
  left: 50%;
  margin: -00px 0 0 -00px;
  z-index: 1;
}
.product2 p, .product2 h4 {   position: relative;color:#fff;
  z-index: 2;}
  .product { padding:30px; background:#207ed1; position:relative; margin:0px;}
.product:after {
  content: "\f087"; 
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  position: absolute;
  
  color:#489de7;
font-size: 130px;
    top: 10%;
  left: 50%;
  margin: -00px 0 0 -00px;
  z-index: 1;
}
.product p, .product h4 {   position: relative; color:#fff;
  z-index: 2;}
  .product3 { padding:30px; background:#141414; position:relative;}
.product3:after {
  content: "\f2c0 "; 
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  position: absolute;
  color:#313131;
 font-size: 130px;
    top: 10%;
  left: 50%;
  margin: -00px 0 0 -00px;
  z-index: 1;
}
.product3 p, .product3 h4 {   position: relative;
  z-index: 2;color:#fff;}

/*       */

.repeat-linear{
  background: linear-gradient(-45deg, grey 33%, black 20%,  grey 43% );
  width:100%; float:left;
  height:100px;
}

/*bg-black*/

.bg-black { background:#666; border-top:1px solid #333;}
.bg-black h4 { border-bottom:1px solid #CCC; color:#fff;}
.bg-black p, .bg-black p b, .bg-black p a { color:#fff;}

  td { padding:5px 4px; text-align:left;}
  table { margin:10px 10px 20px;}
   p b, p, li ,td { color:#666;}
  .sitemap ul { margin-left:5px !important; padding:0px !important;}
  .client ul li, .sitemap ul li, .sitemap ul li a { text-decoration:none; list-style:none !important; color:#fff; line-height:28px; font-family:Arial, Helvetica, sans-serif; }
  .sitemap ul li { margin-right:10px;}
  .sitemap ul li a:hover, .sitemap ul li:hover, .bg-grey p a:hover { color:#0CF !important; margin-right:0px;}
  .sitemap ul li a span { float:right;  font-size:18px;}
  .sitemap li a i { border:1px solid #FFF; color:#fff; width:28px; height:32px; padding:0px; line-height:32px !important; margin:13px 0px 0px  !important; transition:2s; text-align:center; }
	.sitemap li a i:hover { border-radius:40%; background:#018dda;margin-right:10px !important;}