@import url(//fonts.googleapis.com/css?family=Cabin:900,700,600);
@import url(//fonts.googleapis.com/css?family=Open+Sans);
body,html {  width: 100%;  height: 100%;  margin: 0;  padding: 0; background-color:#fff; font-family: 'Open Sans', sans-serif; }
ol, ul {	list-style: none;}

h1,
h2,
h3,
h4, 
#header .info,
.nav-item a,
#carousel .title,
#carousel .strapline,
#udform button,
#reqform button,
#carousel2 .slide .strapline h1,
.listing p.date{font-family: 'Cabin', sans-serif;}

h1 { font-size:2.1em; margin:0px;  letter-spacing:-1px; font-weight:600; text-align:center}
h2 {  font-size:1.7em; margin:20px 0 0 0;color:#797983; letter-spacing:-1px; font-weight:600}
h3 { font-weight:400; font-size:1.1em; margin:10px 0 0 0 ; color:#333; letter-spacing:-1px; }
h4 { font-weight:400; font-size:1.2em; margin:10px 0 0 0 ; color:#333; letter-spacing:-1px; }

hr {clear:both;border:0px; border-bottom:1px solid #ccc; margin:20px 0 20px 0}
.spacer {padding-top:24px;}
p{  color:#333;font-size:1.1em; margin:12px 0 0px 0;  letter-spacing:-1px; }
td{ color:#333; font-size:1.1em;}
strong {color:#333;}
.left {float:left}
.right {float:right; }
.half { width:100%; height:auto; }
.green {color:#A7A7B7; }

.clear {clear:both; }



.holder {margin:0px auto; max-width:960px;  }
.holder:before, .holder:after {	content: "\0020";	display: block;	height: 0;	overflow: hidden;}
.holder:after {	clear: both;}

.fullholder {width:100%;}
.fullholder .holder {margin:0px auto 0;}

#header { width:100%; background-color:#fff; position:relative; z-index:9999; position: fixed; box-shadow: 0 4px 5px -5px gray;}
#header .logo { float:left; width:32%; margin-right:0;height:auto;margin-top:20px;margin-bottom:20px; position:relative; z-index:999; -webkit-transition: all 0.3s;    -moz-transition: all 0.3s; -ms-transition: all 0.3s;    -o-transition: all 0.3s; transition: all 0.3s;}
#header .logo span {display:none}
#header .logo img{ width:100%;  -webkit-transition: all 0.3s;    -moz-transition: all 0.3s; -ms-transition: all 0.3s;    -o-transition: all 0.3s; transition: all 0.3s;}
#header .info {float:right; width:55%; text-align:right; height:15px; color:#A7A7B7; font-weight:900;  font-size:1.8em; line-height:1.3em; margin:13px 0 0 0; position:relative; z-index:999;-webkit-transition: all 0.3s;    -moz-transition: all 0.3s; -ms-transition: all 0.3s;    -o-transition: all 0.3s; transition: all 0.3s;}
#header .info a{ text-decoration:none; letter-spacing: -2px !important;}
.phone-contact-h {margin-left:6px;float:right; color:#A7A7B7 !important;}


@media(min-width:991px){
#header.smaller {    height: 70px;}
#header.smaller .logo {margin-top:15px;margin-bottom:15px; }
#header.smaller .logo img {    width: 220px;    }
#header.smaller .nav {margin:22px 0 0 0;}
#header.smaller .info {display:none; }
}


#carousel {float:left; width:100%; margin:70px 0 30px;  color:#ffffff; text-align:center;  }
#carousel .slide{ width:100%; background-size:cover; background-position:center center;  padding-top: 33%;}



#carousel2 {float:left; width:100%; height:100px !important; margin:70px 0 20px;} 
#carousel2 .slide { height:100px !important; background: #fff url(images/main-image-bg.jpg) no-repeat center -5px; background-size:cover }
#carousel2 .slide .strapline { height:100px !important; }
#carousel2 .slide .strapline h1 { color:#fff; text-align:left; padding:42px 0 0px 0px; text-shadow:3px 3px 10px #333, -3px -3px 10px #333}



.blog {text-align:left !important; } 
.box1, .box2 {float:left; width:31%; margin-right:3.5%; margin-bottom:3%; height:auto; -webkit-box-sizing: border-box; 	-moz-box-sizing: border-box; 	box-sizing: border-box; 	 }
.box2 {margin-right:0%;}
.box1 img, .box2 img,.box3 img, .box4 img{width:100%; }
.box3, .box4 {float:left; width:45%; margin-right:5%; margin-bottom:0%; height:auto; }
.box3 h2, .box4 h2 {width:100%; margin:3% 0 -2% 0; text-align:center !important}
.box3 p, .box4 p {width:100%; text-align:center !important}
.box4 {float:left; width:45%; margin-right:0%; margin-bottom:0%; height:auto; }



#options {background-color: #fff; padding-top:20px; }
#options.fullholder .box1, #options.fullholder .box2{	position:relative; border:0px;  margin-top:0px; padding:0px; text-align:center; }
#options.fullholder .imghold{width:93%; background-color:#CACAD9; position:relative; z-index:10}
#options.fullholder .imghold2{width:100%;height:100%;background-color:#666666; position:absolute; z-index:11; top:20px; left:20px }
#options.fullholder .imghold img{margin:10px 0 -15px 10px;position:relative; z-index:12}

#options.fullholder .box1:hover h2, #options.fullholder .box2:hover h2{    color:#888888;}
#options.fullholder h2{margin:0 0 0 0; padding:35px 0px 0; font-weight:600;  font-size:1.4em; color:#434352}
#options.fullholder p{margin:0 0 0 0; padding:10px 00px 10px; font-weight:normal; font-size:1.1em; color:#333; }





.reasons, .testimonials{	position:relative; border:1px solid #D6D6D6; background-color:#F7F7F7;  margin:0 0 30px 0 ; padding:6px 15px 15px 15px;  -webkit-box-sizing: border-box; 	-moz-box-sizing: border-box; 	box-sizing: border-box; height:150px; }
.reasons h2, .testimonials h2{ text-align:center !important; margin:0; padding:0 0 0px 0; line-height:110%}
.reasons p, .testimonials p{float:right; text-align:center; width:auto;font-size:0.8em ; padding-left:90px}
.reasons .number {position:absolute; left:0px; bottom:0px; width:87px; height:92px; z-index:999;}

#specialistsholder {clear:both; width:100%;   color:#000; background: #757584; padding:30px 0;}
#specialistsholder .box1, #specialistsholder .box2 {margin-bottom:0%; padding:0 0px;}
#specialistsholder h2 {font-size:2.2em; margin: 0px 0 30px 0;color:#ffffff;  letter-spacing:-1px; font-weight:600; text-align:center}
#specialistsholder h3 {letter-spacing:-1px; color:#333; font-weight:600;color:#ffffff; font-size:1.8em; margin:35px 0 0 0; text-align:center}
#specialistsholder .holder { font-weight:normal; margin:0px auto 0px; padding:5px 0}
#specialistsholder .box1:hover h3, #specialistsholder .box2:hover h3{    color:#333333}
#specialistsholder .box1 h3, #specialistsholder .box2 h3{ padding:0px 0px 0; font-weight:600}
#specialistsholder .imghold{width:93%; background-color:#CACAD9; position:relative; z-index:10}
#specialistsholder .imghold2{width:100%;height:100%;background-color:#aaa; position:absolute; z-index:11; top:20px; left:20px }
#specialistsholder .imghold img{margin:10px 0 -15px 10px;position:relative; z-index:12}



#quoteholder {clear:both; width:100%;background: #D3DEEE url(images/quote-bg.jpg) no-repeat center center; background-size:cover;}


.maintextbox {clear:left;float:left; width:65.5%; margin:0% 0 0;height:auto;color:#333; text-align:left; background-color:#fff; padding:0 }
.maintextbox h2, .mainholder h2 {text-align:left;  }
.maintextbox p, .mainholder p{color:#333;  }
.maintextbox a, .mainholder a { text-decoration:none; color: #000; font-weight:700;}
.maintextbox a:hover, .mainholder a:hover {text-decoration:underline;}
.mainholder {clear:left;float:left; width:100%; margin:0% 0 30px;height:auto;color:#333; text-align:left; background-color:#fff; padding:0 0}
/*SECOND LEVEL SETUP*/

.sidebar {float:right; width:31%;float:right; margin:0% 0 0 0 ; }
.sidebar .box1, .sidebar .box2 {float:left; width:100%; margin:0 0% 10% 0%; height:auto; background-color: #fff; padding: 0 0 5% 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0;}
.sidebar img { width:100%}
.sidebar h2 {width:100%; margin:3% 0 -2% 0}
.sidebar .box1 .btn ,.sidebar .box2 .btn,
.sidebar .box1 p, .sidebar .box2 p { color: #333; padding:0 10%}
.mainholder ul ,.maintextbox ul ,.maintextbox ol , .sidebar ul {padding:10px 0% 0}
.mainholder ul li , .maintextbox ul li , .sidebar ul li {list-style-type: none;background: url(images/bbullet.png) no-repeat top left;padding-left: 30px;line-height:1.3em; margin:2% 0 0 0%;font-weight:normal; font-size:1em; }
.maintextbox ol li {list-style-type: default; padding-left: 30px;line-height:1em; margin:2% 0 0 0%;font-weight:normal; font-size:1em; } 
.sidebar ul li {padding-left: 30px;}
.maintextbox ul li a, .sidebar ul li a{ color:#333333; font-weight:normal;}
.maintextbox ul li a, .sidebar ul li a:hover{text-decoration:underline !important; }
.mainholder ul > li > ul > li , .maintextbox ul > li > ul > li {list-style-type: none;background: url(images/bbullet.png) no-repeat top left;padding-left: 60px;line-height:1.3em; margin:2% 0 0 0%;font-weight:normal; font-size:1em; }


blockquote { color:#333; font-size:1.8em;font-family: 'Cabin', sans-serif; text-align:center;margin: 0 0;padding: 70px 70px;line-height: 1.2em;position: relative;z-index:1;}
blockquote:before {display: block;padding-left: 10px;content: "\201C";font-size: 480px;position: absolute;left: -20px;top: 210px;color: rgba(255,255,255,0.7);z-index:-1;}
blockquote:after {display: block;padding-left: 10px;content: "\201D";font-size: 480px;position: absolute;right: -20px;bottom: -22px;color: rgba(255,255,255,0.7);z-index:-1;}
blockquote cite {color: #666;font-size: 1em;display: block;margin-top: 5px;}








#reqformholder {clear:both; width:100%;   color:#000; background:#fff; margin:0 0 20px 0; text-align:center }
#reqformholder h2 {color:#757584; margin:30px 0 30px 0%; text-align:center; font-size:2.3em;}
#reqform fieldset {clear:both;margin:0; padding:0; border:0px; width:100%}
#reqform input{ -webkit-box-sizing: border-box; 	-moz-box-sizing: border-box; 	box-sizing: border-box; 		float:left; color:#333; background-color:#F3F3F3; width:100%; margin:0 0 0px 0%;border:1px solid #EEEEEE; padding: 3% 4%; font-family: 'Open Sans', sans-serif;font-size:1em; border-radius:5px;}
#reqform select { float:left; color:#333; background-color:#F3F3F3; width:100%; margin:0 0 0px 0%;border:1px solid #EEEEEE; padding: 3% 4%; font-family: 'Open Sans', sans-serif;font-size:1em; border-radius:5px;}
#reqform fieldset label { display:none;float:left;width:100%;  }
#reqform button {clear:both; display:inline-block; text-align:center; background-color:#757584;color:#ffffff;  width:190px; margin:10px auto 20px;  border:0px; padding: 1% 0% ; font-size:1.5em;border-radius:5px;}


#contactfooter {clear:both; width:100%; color:#fff; font-size:1.2em; letter-spacing:-1px; background: #757584; }
#contactfooter .box1,#contactfooter .box2 {margin-bottom:0%;padding-top:20px;padding-bottom:30px; text-align:center;}
#contactfooter .box2 {float:right; margin-right:0;}


#contactfooter .holder {  line-height:150%; font-weight:normal; margin:0px auto 0px; padding:0px 0;}
#contactfooter .icons {float:right;width:50%; margin:-20px 0 32px 0 ; }
#contactfooter .icons .icon {float:right;width:20px; height:20px !important;background-color:#D1CFD0; padding:5px; }
#contactfooter .box1 img,#contactfooter .box2 img {width:auto; }
#contactfooter a { color:#fff; text-decoration:none;}
#contactfooter a:hover { color:#fff; text-decoration:underline;}

.email-footer{float:left;color:#fff; text-decoration:none; height:22px; background: transparent url(images/email-icon-w.png) no-repeat 0px 2px; padding-left:36px; font-weight:400 !important; text-align:left;margin-top:10px;margin-bottom:16px; font-size:0.9em; width:80%}
.phone-footer {float:left;color:#fff; text-decoration:none;  height:22px;background: transparent  url(images/phone-icon-w.png) no-repeat 0px 2px; padding-left:36px; font-weight:400 !important; text-align:left;margin-bottom:16px; font-size:0.9em; width:80%}
.loc-footer {float:left;color:#fff; text-decoration:none;  height:22px;background: transparent  url(images/location-icon-w.png) no-repeat 0px 2px; padding-left:36px; font-weight:400 !important; text-align:left; line-height:110%; font-size:0.9em; width:100%}

.linkedin-footer{float:left;color:#fff; text-decoration:none; height:22px; background: transparent url(images/linkedin-logo-w.png) no-repeat 0px 2px; padding-left:36px; font-weight:400 !important; text-align:left; margin-top:10px;margin-bottom:16px; font-size:0.9em; width:80%}
.facebook-footer {float:left;color:#fff; text-decoration:none;  height:22px;background: transparent  url(images/facebook-logo-w.png) no-repeat 0px 2px; padding-left:36px; font-weight:400 !important; text-align:left; margin-bottom:16px; font-size:0.9em; width:80%}
.twitter-footer {float:left;color:#fff; text-decoration:none;  height:22px;background: transparent  url(images/twitter-logo-w.png) no-repeat 0px 2px; padding-left:36px; font-weight:400 !important; text-align:left; line-height:110%; font-size:0.9em; width:80%}

#contactfooter .box2 {margin-top:12px;font-size:0.9em; color:#fff; line-height:110%; text-align:right}
#contactfooter .social{}
#contactfooter .logoholder {margin-top:24px}
	

tr.headings {color:#818181; border-bottom:1px solid #666; font-size:1em;text-align:center; width:20%; box-sizing:border-box; width:20%; font-weight:700;}
td.green {color:#A7A7B7;font-size:1.3em;text-align:center; width:20%; box-sizing:border-box; width:20%; font-weight:700; line-height:1.2em; letter-spacing:-1px;font-family: 'Cabin', sans-serif; }


th {padding:  5px 6px; border-right:0px solid #ccc; text-align:center;border-bottom:1px solid #eee;width:20%;font-weight:700; }
th h2 a, th h2{text-align:center !important; color:#A7A7B7 !important}
th h3 {text-align:center !important; font-size:1.6em; color:#333; margin:0px }
tr {border-bottom:1px solid #ccc;margin:0px}
td {padding: 5px 6px; font-size:1em;border-right:0px solid #ccc;text-align:center; width:20%; box-sizing:border-box}
td:last-child, th:last-child {border-right:0px !important; bottom-bottom:0px !important;}

tr:last-child {bottom-bottom:0px !important;}


th button {clear:both; display:inline-block; text-align:center; background-color:#A7A7B7;color:#ffffff;  width:140px; margin:20px auto 20px;  
border:0px; padding: 3% 1% ; letter-spacing:-1px;font-size:1.0em; font-weight:700;border-radius:5px;}


.listing {clear:both; float:left; width:100%; margin:3% 0% 2% 0%; height:auto; }
.listing img {float:left;  width:31%; border: 0; margin:0% 0% 0% 0%;}
.listing h2  {float:right;width:65%; margin:0 0 3% 0%; text-align:left; }
.listing p{ float:right;width:65%; margin:-1% 0 2% 0%; text-align:left;  font-weight:normal}
.listing p.date{float:right;width:65%; margin:-2% 0 2% 0%; text-align:left;  font-size:1.2em}
img.newsimg {float:right; width:33%; margin:0 0 20px 20px}

/*@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px){ 
ACTIVE WHEN LIVE*/ 
@media only screen 
and (min-width : 0px) 
and (max-width : 991px){

.holder {width:100%;font-size:1em;}
#header { width:100%; margin:0px; height:69px;padding:0px;}
#header .logo { float:left; height:100%;width:24%; margin:0;height:auto; }
	#header .logo img{margin:15px 5% 0 10%; height:36px; width:auto;}
	
	
	#header  .info {width:40%; float:right; margin:13px 60px 0 0; }
	#header  .info a{color:#A7A7B7 !important; }
	
	
	#carousel .title {float:right; width:100%; padding:40px 0px 0px 0px;margin:0px auto 0px auto ;  font-size:2.7em; font-weight:900; line-height:1em;  letter-spacing:-1px; text-align:center; }
	#carousel .strapline{float:right; width:100%; padding:18px 50px;margin:20px auto 20px auto ; font-size:2.1em; font-weight:700;text-align:left; letter-spacing:-1px; text-align:center ; -webkit-box-sizing: border-box; 	-moz-box-sizing: border-box; 	box-sizing: border-box;}
	
	#carousel2 {height:70px !important;} 
#carousel2 .slide { height:70px !important;  }

	
	#carousel2 .slide .strapline h1 { padding-left:20px; padding-top:12px;}

	
	#udform{	display:none;   }
	
	#options.fullholder .box1, #options.fullholder .box2{margin-bottom:3%;}
	#options { width:94%; padding:3%; }
	
	#specialistsholder .holder { width:94%; margin:0 3% 1% 3%;}
	#contactfooter .holder { width:94%; margin:0 3% 1% 3%;  background:url(images/footer-watermark.png) right 25px no-repeat;}
	
	
	.fullholder {clear:both; width:100%; background-color: #fff; padding:0% 0; margin:0 0 0% 0;height:auto; }
	.fullholder .holder {margin:0; }
	
	.maintextbox, .sidebar {clear:left;float:left; width:100%; margin:0% 0%;height:auto;color:#333; text-align:left; background-color:#fff; padding:0 0%}
	.maintextbox h2, .mainholder h2 {text-align:left;  }
	.maintextbox p, .mainholder p{color:#333;  }
	.maintextbox a, .mainholder a, .sidebar a { text-decoration:none; color: #000; font-weight:bold;}
	.maintextbox a:hover, .mainholder a:hover, .sidebar a:hover {text-decoration:underline;}
	.mainholder {clear:left;float:left; width:94%; margin:0% 0 20px;;height:auto;color:#333; text-align:left; background-color:#fff; padding:0 3%}
	



}


@media only screen 
and (min-width : 569px) 
and (max-width : 991px){
	#header {  }
	.box1, .box2 {float:left; width:94%; margin:0 3% 5% 3%; height:auto; text-align:center}
	.half {clear:left; width:48.5%!important; margin:0 0% 0 0%; }
	.half2 {float:right; width:48.5%!important; margin:0 0% 0 0%; }
	.reasons, .testimonials{float:left;  }
	.testimonials{float:right;  }
	
	#options.fullholder h2{margin:20px 0 0 0; padding:20px 0px 0; font-weight:600; color:#A7A7B7 !important}

	
.noxs {display:none; }


	#contactfooter .box1 {width:50%; }
	#contactfooter .policies {width:50%; margin:0px; padding:12px; line-height:120%; }
	#contactfooter .social {display:none;}
	
	#reqformholder .box1{float:left;	text-align:left;  margin:0 0% 3% 3%;   width:45.5% !important; }
	#reqformholder .box2{float:left;	text-align:left;  margin:0 0% 3% 3%;  width:45.5% !important;}


}




@media only screen 
and (min-width : 0px) 
and (max-width : 690px){



	/*SWITCH FOOTER*/
	
	#contactfooter .half, #contactfooter .half2 {width:100%; margin:3% 0% 2% 0; }
	
	#contactfooter .holder {width:94%; position:relative;}
	#contactfooter .box1  {width:100% !important;  text-align:center; margin:0px;}
	#contactfooter .policies {width:100%!important; margin:0px; padding:12px; line-height:120%;   text-align:center!important; overflow:hidden; height:56px;}
	#contactfooter .social {display:block; width:160px!important;  margin:0px auto ;height:60px; float:none !important}

	
	.linkedin-footer, .facebook-footer, .twitter-footer {float:right; width:32px; height:32px;   
	 padding-left:0px; margin-top:8px; margin-left:20px; margin-right:6px; background-color:transparent;background-image:none; color:transparent !important;	position: relative;	overflow: hidden;}
	.twitter-footer { margin-left:0px; }

	 .linkedin-footer:before,  .facebook-footer:before,  .twitter-footer:before{	content: '';	position: absolute;		width: 100%;	height: 100%;	top: -1px;	left:8px;	background: transparent; 
	 background-size:65%;		}	
	
	 .linkedin-footer:before{	background: transparent  url(images/linkedin-logo-w.png) no-repeat -3px 6px; }	
	 .facebook-footer:before{	background: transparent  url(images/facebook-logo-w.png) no-repeat -2px 6px; }	
	 .twitter-footer:before	{	background: transparent  url(images/twitter-logo-w.png) no-repeat -2px 6px;}	
	 
	.email-footer{float:left;color:#ccc; text-decoration:none; height:22px; background: transparent url('') no-repeat 0px 0px; padding-left:0px; font-weight:400 !important; text-align:center;margin-top:10px;margin-bottom:16px; font-size:0.9em; width:100%}
	.phone-footer {float:left;color:#ccc; text-decoration:none;  height:22px;background: transparent  url('') no-repeat 0px 0px; padding-left:0px; font-weight:400 !important; text-align:center;margin-bottom:16px; font-size:0.9em; width:100%}
	.loc-footer {float:left;color:#ccc; text-decoration:none;  height:22px;background: transparent  url('') no-repeat 0px 0px; padding-left:0px; font-weight:400 !important; text-align:center;line-height:110%; font-size:0.9em; width:100%}
	
	#header .info {font-size:1.6em; margin-top:18px }

}


@media only screen 
and (min-width : 0px) 
and (max-width : 568px){
	#header {  }
	.box1, .box2 {float:left; width:94%; margin:0 3% 5% 3%; height:auto; text-align:center}
	.half, .half2 {width:100%; margin:3% 0% 2% 0; }

	#reqformholder .box1{float:left;	 clear:left;text-align:left; width:94%; margin:0 3% 3%}
	#reqformholder .box2{float:left;	 clear:left;	text-align:left; width:94%;margin:0 3% 3%}
	
	#header .info {display:none; font-size:1.2em; margin-top:22px }
}



.showf {display:none; }





.tabs {    position: relative;	margin: 20px auto;	width: 100%; }
.tabs input {	float:left;	margin:0 0 0 -20px !important; height: 40px;		opacity: 0;  cursor: pointer;}


.tabs label { cursor: pointer;	background: #eee;	line-height: 48px;	height: 48px;	position: relative;	
padding: 0 0px;    float: left;	display: block;	width: 25%;	
color: #797983;	font-size:1.5em; font-family:'Cabin', sans-serif;	text-align: center;    
border-radius: 5px;margin:0 0 20px 0;}



.tab-label-2 {    z-index: 3;}
.tab-label-3 {    z-index: 2;}
.tab-label-4 {    z-index: 1;}


.tabs input:checked + label {    background: #797983;	z-index: 6; color:#ffffff;}
.clear-shadow {	clear: both;}

.content {    background: #fff;	position: relative;    width: 100%;	height: 530px;	z-index: 5;    border-radius: 0 3px 3px 3px;}
.content div { position: absolute;	top: 0;	left: 0;	padding: 10px 0px;	z-index: 1;    opacity: 0;-webkit-transition: opacity linear 0.1s;    -moz-transition: opacity linear 0.1s;    -o-transition: opacity linear 0.1s;    -ms-transition: opacity linear 0.1s;    transition: opacity linear 0.1s;}


.tabs input.tab-selector-1:checked ~ .content .content-1,
.tabs input.tab-selector-2:checked ~ .content .content-2,
.tabs input.tab-selector-3:checked ~ .content .content-3,
.tabs input.tab-selector-4:checked ~ .content .content-4 {
	z-index: 100;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;

    -webkit-transition: opacity ease-out 0.2s 0.1s;
    -moz-transition: opacity ease-out 0.2s 0.1s;
    -o-transition: opacity ease-out 0.2s 0.1s;
    -ms-transition: opacity ease-out 0.2s 0.1s;
    transition: opacity ease-out 0.2s 0.1s;
}