@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.6.2');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.6.2') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.6.2') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.6.2') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.6.2') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.6.2#fontawesomeregular') format('svg');font-weight:normal;font-style:normal;}@font-face{font-family:byekan;src:url(../fonts/web_Yekan.woff);src:url(../fonts/web_Yekan.eot?#iefix) format("embedded-opentype"),url(../fonts/web_Yekan.woff) format("woff"),url(../fonts/web_Yekan.ttf) format("truetype"),url(../fonts/web_Yekan.svg#BYekan) format("svg");font-weight:normal;font-style:normal}@font-face{font-family:'roboto_condensedlight';src:url('../fonts/roboto/robotocondensed-light-webfont.eot');src:url('../fonts/roboto/robotocondensed-light-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/roboto/robotocondensed-light-webfont.woff2') format('woff2'),url('../fonts/roboto/robotocondensed-light-webfont.woff') format('woff'),url('../fonts/roboto/robotocondensed-light-webfont.ttf') format('truetype'),url('../fonts/roboto/robotocondensed-light-webfont.svg#roboto_condensedlight') format('svg');font-weight:normal;font-style:normal;}@font-face{font-family:IRANSans;font-style:normal;font-weight:bold;src:url('../fonts/IRANSansWeb_Bold.eot');src:url('../fonts/IRANSansWeb_Bold.eot?#iefix') format('embedded-opentype'),url('../fonts/IRANSansWeb_Bold.woff2') format('woff2'),url('../fonts/IRANSansWeb_Bold.woff') format('woff'),url('../fonts/IRANSansWeb_Bold.ttf') format('truetype');}@font-face{font-family:IRANSans;font-style:normal;font-weight:500;src:url('../fonts/IRANSansWeb_Medium.eot');src:url('../fonts/IRANSansWeb_Medium.eot?#iefix') format('embedded-opentype'),url('../fonts/IRANSansWeb_Medium.woff2') format('woff2'),url('../fonts/IRANSansWeb_Medium.woff') format('woff'),url('../fonts/IRANSansWeb_Medium.ttf') format('truetype');}@font-face{font-family:IRANSans;font-style:normal;font-weight:300;src:url('../fonts/IRANSansWeb_Light.eot');src:url('../fonts/IRANSansWeb_Light.eot?#iefix') format('embedded-opentype'),url('../fonts/IRANSansWeb_Light.woff2') format('woff2'),url('../fonts/IRANSansWeb_Light.woff') format('woff'),url('../fonts/IRANSansWeb_Light.ttf') format('truetype');}@font-face{font-family:IRANSans;font-style:normal;font-weight:200;src:url('../fonts/IRANSansWeb_UltraLight.eot');src:url('../fonts/IRANSansWeb_UltraLight.eot?#iefix') format('embedded-opentype'),url('../fonts/IRANSansWeb_UltraLight.woff2') format('woff2'),url('../fonts/IRANSansWeb_UltraLight.woff') format('woff'),url('../fonts/IRANSansWeb_UltraLight.ttf') format('truetype');}@font-face{font-family:IRANSans;font-style:normal;font-weight:normal;src:url('../fonts/IRANSansWeb.eot');src:url('../fonts/IRANSansWeb.eot?#iefix') format('embedded-opentype'),url('../fonts/IRANSansWeb.woff') format('woff'),url('../fonts/IRANSansWeb.ttf') format('truetype');} 
body,span{font-family:IRANSans!important}.topcat,.topcat a,.topcat ul li ul,.topcat ul li ul li,.topcat ul li:hover ul,.topcat ul.cats,.topcat ul.cats li,body{transition:all ease .4s}.box .box-body ul li a,.ticker ul li a{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#menusearch li,#wikisearch,.banner,.books li,.coms li,.tags,.ticker ul li a{overflow:hidden}@font-face{font-family:FontAwesome;src:url(https://www.sonnat.net/fonts/fontawesome-webfont.eot?v=4.6.2);src:url(https://www.sonnat.net/fonts/fontawesome-webfont.eot?#iefix&v=4.6.2) format('embedded-opentype'),url(https://www.sonnat.net/fonts/fontawesome-webfont.woff2?v=4.6.2) format('woff2'),url(https://www.sonnat.net/fonts/fontawesome-webfont.woff?v=4.6.2) format('woff'),url(https://www.sonnat.net/fonts/fontawesome-webfont.ttf?v=4.6.2) format('truetype'),url(https://www.sonnat.net/fonts/fontawesome-webfont.svg?v=4.6.2#fontawesomeregular) format('svg');font-weight:400;font-style:normal}@font-face{font-family:byekan;src:url(https://www.sonnat.net/fonts/web_Yekan.woff);src:url(https://www.sonnat.net/fonts/web_Yekan.eot?#iefix) format("embedded-opentype"),url(https://www.sonnat.net/fonts/web_Yekan.woff) format("woff"),url(https://www.sonnat.net/fonts/web_Yekan.ttf) format("truetype"),url(https://www.sonnat.net/fonts/web_Yekan.svg#BYekan) format("svg");font-weight:400;font-style:normal}@font-face{font-family:roboto_condensedlight;src:url(https://www.sonnat.net/fonts/roboto/robotocondensed-light-webfont.eot);src:url(https://www.sonnat.net/fonts/roboto/robotocondensed-light-webfont.eot?#iefix) format('embedded-opentype'),url(https://www.sonnat.net/fonts/roboto/robotocondensed-light-webfont.woff2) format('woff2'),url(https://www.sonnat.net/fonts/roboto/robotocondensed-light-webfont.woff) format('woff'),url(https://www.sonnat.net/fonts/roboto/robotocondensed-light-webfont.ttf) format('truetype'),url(https://www.sonnat.net/fonts/roboto/robotocondensed-light-webfont.svg#roboto_condensedlight) format('svg');font-weight:400;font-style:normal}@font-face{font-family:IRANSans;font-style:normal;font-weight:700;src:url(https://www.sonnat.net/fonts/IRANSansWeb_Bold.eot);src:url(https://www.sonnat.net/fonts/IRANSansWeb_Bold.eot?#iefix) format('embedded-opentype'),url(https://www.sonnat.net/fonts/IRANSansWeb_Bold.woff2) format('woff2'),url(https://www.sonnat.net/fonts/IRANSansWeb_Bold.woff) format('woff'),url(https://www.sonnat.net/fonts/IRANSansWeb_Bold.ttf) format('truetype')}@font-face{font-family:IRANSans;font-style:normal;font-weight:500;src:url(https://www.sonnat.net/fonts/IRANSansWeb_Medium.eot);src:url(https://www.sonnat.net/fonts/IRANSansWeb_Medium.eot?#iefix) format('embedded-opentype'),url(https://www.sonnat.net/fonts/IRANSansWeb_Medium.woff2) format('woff2'),url(https://www.sonnat.net/fonts/IRANSansWeb_Medium.woff) format('woff'),url(https://www.sonnat.net/fonts/IRANSansWeb_Medium.ttf) format('truetype')}@font-face{font-family:IRANSans;font-style:normal;font-weight:300;src:url(https://www.sonnat.net/fonts/IRANSansWeb_Light.eot);src:url(https://www.sonnat.net/fonts/IRANSansWeb_Light.eot?#iefix) format('embedded-opentype'),url(https://www.sonnat.net/fonts/IRANSansWeb_Light.woff2) format('woff2'),url(https://www.sonnat.net/fonts/IRANSansWeb_Light.woff) format('woff'),url(https://www.sonnat.net/fonts/IRANSansWeb_Light.ttf) format('truetype')}@font-face{font-family:IRANSans;font-style:normal;font-weight:200;src:url(https://www.sonnat.net/fonts/IRANSansWeb_UltraLight.eot);src:url(https://www.sonnat.net/fonts/IRANSansWeb_UltraLight.eot?#iefix) format('embedded-opentype'),url(https://www.sonnat.net/fonts/IRANSansWeb_UltraLight.woff2) format('woff2'),url(https://www.sonnat.net/fonts/IRANSansWeb_UltraLight.woff) format('woff'),url(https://www.sonnat.net/fonts/IRANSansWeb_UltraLight.ttf) format('truetype')}@font-face{font-family:IRANSans;font-style:normal;font-weight:400;src:url(https://www.sonnat.net/fonts/IRANSansWeb.eot);src:url(https://www.sonnat.net/fonts/IRANSansWeb.eot?#iefix) format('embedded-opentype'),url(https://www.sonnat.net/fonts/IRANSansWeb.woff) format('woff'),url(https://www.sonnat.net/fonts/IRANSansWeb.ttf) format('truetype')}body{background-color:#E9EAEE;direction:rtl}.clear{clear:both}.left{float:left}.right{float:right}h1,h2,h3,h4,h5{font-weight:400}.m-0{margin:0}.m-t-10{margin-top:10px}.m-t-5{margin-top:5px}.p0{padding:0}.p5{padding:0 5px}.p10{padding:0 10px}.fullw{width:100%}a{color:#777}a:hover{color:#111;text-decoration:none}.row-10{margin-right:-10px!important;margin-left:-10px!important}header{background-color:#1E88E5;min-height:125px}header h1,header h2{margin:0;padding:0;font-size:19pt;color:#fff}header h1{padding-bottom:12px;margin-bottom:11px;border-bottom:1px solid #01ACDA}header h2{font-size:9pt!important}header .titlesite{margin-top:25px;margin-right:-15px;padding-left:14px;text-align:center}header .langs .btn,header .langs a{padding:3px 8px;background-color:#535E62;border-radius:4px;font-size:9pt;color:#fff}header .logo{position:relative;top:6px}header .logo img{width:100%;margin-top:33px}header .langs{position:absolute;top:15px;left:15px}header .langs a{margin:5px 0 5px 4.5px}header .langs a:last-child{margin-left:0}header .langs .btn{border:none}header .btn-group{top:45px;width:53%}header .btn-group button{width:50%}header .call{position:relative;text-align:left;top:79px;color:#fff;direction:ltr;left:14px}nav{background-color:#1976D2;height:40px}nav .search .inputs a,nav .search .inputs input{height:40px;border:none;background-color:#1565C0;direction:rtl;color:#fff}nav ul.links li{float:right;list-style-type:none;margin-left:36px;height:40px;padding-top:9px}nav ul.links li a,nav ul.links li a:hover{color:#fff}nav .search{position:relative;width:20%;height:40px;float:left}nav .search .inputs input{text-align:right;padding:0 15px;float:left;width:63%;transition:all ease .4s}.banner h4,.banner i,footer,nav .search .inputs a{text-align:center}nav .search .inputs input:focus{width:70%;outline:0}nav .search .inputs a{padding:6px 10px;float:left}nav .search .inputs a i{text-align:center;position:relative;left:0;top:6px}footer{margin-top:20px;background-color:#404040;padding:10px 0;color:#848484;width:100%}.box,.topcat ul.cats{background-color:#fff}.topcat{box-shadow:0 2px 8px #e4e4e4}.topcat ul.cats{border-radius:5px;margin:10px 0 15px;padding:8px 0}.topcat ul.cats li{display:inline-block;padding:8px 40px;border-left:1px solid #f1f1f1;font-size:16px}.topcat ul li ul{display:none}.topcat ul li:hover ul{display:block;position:absolute;z-index:9999;background-color:#fff;padding:0;margin:0;width:11.2%;right:11.2%;top:212px;outline:transparent solid 100px}.topcat ul li ul li{display:block!important;border-left:0!important;border-bottom:1px solid #eee;font-size:13px}.topcat a{color:#999}.topcat a:hover{color:#333}.box{margin:10px 0;border-radius:5px;border-bottom:3px solid #D4D5D9;padding:10px;font-size:100%}.box .box-title{width:100%;border-bottom:1px solid #eee;padding-bottom:10px;margin-bottom:10px;color:#475488;font-size:110%}.box .box-title h1,.box .box-title h2{font-size:110%;display:inline-block;margin:4px 3px 0 0}.box .box-title h1 i,.box .box-title h2 i{position:relative;top:1.9px;margin-left:4px;color:#ccc}.box .box-title a{margin-right:5px;display:inline-block;left:0;float:left;background:#eee;padding:4px 8px;color:#777;border-radius:3px;font-size:13px;cursor:pointer}.box .box-title a img{width:16px}.box .box-title a:hover{background-color:#63B1F3;color:#fff}.box .box-body{font-size:13px}.box .box-body ul{padding:0 19px 0 0;margin-top:10px}.box .box-body ul li{font-size:12px;color:#9F9F9F}.box .box-body ul li:hover{color:#1E88E5}.box .box-body ul li a{color:#333}.blocks .col-md-3{float:right;padding-right:10px;padding-left:5px}.banner{width:100%;background-color:#8BC34A;color:#fff;vertical-align:middle;margin:3px 0;display:block;border-radius:5px}.banner i{width:20%;font-size:200%;padding:10px 0;background-color:#4CAF50}.banner h4{margin:0;display:inline-block;padding:0;width:77%;font-size:16pt;top:-5px;position:relative}.banner:hover{color:#fff;box-shadow:0 0 5px #eee;border:none}.banner-h{margin:5px;background-color:#fff;border-radius:5px;border-bottom:3px solid #D4D5D9;padding:10px 0;font-size:100%;display:block;transition:all .4s ease}.banner-h .img,.banner-h i{width:100%;margin-bottom:10px;text-align:center}.banner-h i{font-size:36pt;display:block}.banner-h img{width:29%;height:auto}.banner-h h4{margin:0;padding:0;display:block;text-align:center;font-size:11pt}.banner-h:hover{border-bottom:3px solid #3349b7;background-color:#337ab7;color:#fff}.ticker{padding:10px;background-color:#3F51B5;color:#fff;border-radius:4px;margin:10px 10px 0 5px}.ticker ul li{color:#03A9F4}.ticker ul li a,.ticker ul li:hover{color:#fff}#morebuuu{display:none;width:30%;height:43px;background-color:rgba(3,24,117,.38);border:none;color:#a0a2ae;border-radius:5px}.books li,.books li:hover{border-radius:5px}#menusearch{width:100%;padding:4em 2em;text-align:right}#menusearch li{margin:5px 0;text-align:right;display:inline-block;padding:10px;height:31px;font-size:88%;transition:all .5s liners}#menusearch li:hover a{color:#d17c78;border-bottom:1px solid #d17c78;transition:all .5s}.books li,.books li h4,.tags{transition:all .4s ease}.books{padding:0;margin:0}.books li{width:16%;list-style:none;margin:10px 0 10px 5px}.books li:hover h4{top:35%}.books li img{border:1px solid #ddd;border-radius:4px;width:100%;height:auto}.books li h4{top:0;position:relative;font-size:16px;margin:0;padding:8px 0;background-color:#9E9E9E;color:#fff;text-align:center}.books li h4 small{margin-top:5px;color:#efefef;clear:both;display:block}.wiki{background-color:#3f51b5;padding:10px;border-radius:5px;width:100%;margin:10px 0 5px}.wiki .wiki-title{padding-top:10px;border-left:1px solid #586cdc}.wiki .wiki-title h3{font-size:16pt;margin:12px 0;padding:0;color:#fff;text-align:center}.wiki .wiki-title img{width:60%;height:auto;position:relative;margin:0 auto;display:flex}.wiki .wiki-body,.wiki .wiki-body .word{margin-top:10px}.wiki .wiki-body .inp{background-color:#fff;padding:10px;border:none;border-radius:5px;width:100%;box-shadow:0 2px 0 #283477}.wiki .wiki-body i{position:absolute;left:23px;font-size:16pt;top:8px;color:#999}.wiki .wiki-body .word a{width:28px;padding:5px 0;border-radius:5px;background-color:#556AD5;margin:3px 0 4px 2.56px;color:#fff;display:inline-block;text-align:center;vertical-align:middle}.wiki .wiki-body .word a:hover{background-color:#999}.wiki .wiki-body button{width:100%;margin-bottom:3px;padding-bottom:4px;padding-top:4px;background-color:#556AD5;color:#fff}.tags{height:27px}.tags .mores,.tags a{padding:7px 8px;font-size:8px;z-index:200;color:#fff;border-radius:16px;transition:all .1s ease;margin:0 1px 3px;position:relative;display:inline-block}.tags .mores{background:#f94877;cursor:pointer}.tags a{background:#305ae3}.live,.shlink a{border-radius:5px}.tags a:hover{background:#f94877}.shlink{text-align:left;transition:all .2s ease}#wikisearch,.live,.shlink a{transition:all .4s ease}.shlink a{font-size:13px;color:#999;background-color:#fff;padding:5px 10px;font-family:monospace;margin-left:-16px;position:relative;box-shadow:0 1px 0 #f5a8a8}.comments input,.shlink a:hover,.titlecat input,.titlecat input:focus{box-shadow:none}.shlink a i{font-size:11px;position:relative;margin-right:5px;top:2px;color:#FF5722}.shlink a:hover{background-color:#f44336;color:#fff}.shlink a:hover i{color:#fff}.live{cursor:pointer;background-color:#777;padding:15px;text-align:center;font-size:13pt}.live:hover{background-color:#dc0000}.live:hover .cirs{background-color:#fff}.live .cirs{background-color:#dc0000;width:7px;height:7px;border-radius:50%;position:relative;display:inline-block;left:10px;top:.5px}.live a{color:#fff}.element-animation{animation:animationFrames ease 1s;animation-iteration-count:infinite;transform-origin:50% 50%;-webkit-animation:animationFrames ease 1s;-webkit-animation-iteration-count:infinite;-webkit-transform-origin:50% 50%;-moz-animation:animationFrames ease 1s;-moz-animation-iteration-count:infinite;-moz-transform-origin:50% 50%;-o-animation:animationFrames ease 1s;-o-animation-iteration-count:infinite;-o-transform-origin:50% 50%;-ms-animation:animationFrames ease 1s;-ms-animation-iteration-count:infinite;-ms-transform-origin:50% 50%}@keyframes animationFrames{0%,100%{opacity:0}50%{opacity:.96}}@-moz-keyframes animationFrames{0%,100%{opacity:0}50%{opacity:.96}}@-webkit-keyframes animationFrames{0%,100%{opacity:0}50%{opacity:.96}}@-o-keyframes animationFrames{0%,100%{opacity:0}50%{opacity:.96}}@-ms-keyframes animationFrames{0%,100%{opacity:0}50%{opacity:.96}}#wikisearch{width:94.7%;text-align:right;padding:0;top:40px;left:15px}#wikisearch li a{border-bottom:1px solid #eee}#wikisearch li:hover a{background-color:#3598DC;color:#fff}#wikisearch .morew{text-align:center;padding:8px 0;border-bottom:none;background-color:#eee}.comments{background-color:#fff;border-top:3px solid #0D47A1;border-bottom:3px solid #eee;margin-top:10px;padding-top:10px;border-radius:0 0 4px 4px}.comments .langsa{width:100%;margin-top:-8px}.comments .langsa button{width:50%;color:#fff;border:none}.comments .s{margin-top:5px}.comments input{margin-bottom:8px}.comments .regs{background-color:#eee;padding:3px 0;text-align:center}.coms{padding:0}.coms li{border-radius:6px;background-color:#eee;list-style:none;border:1px solid #CFD8DC;margin-bottom:5px}.coms li p{padding:10px}.coms li .com-title{padding:5px;background-color:#78909C;color:#fff}.coms li .com-title a{color:#fff}.coms li .com-title div{border-left:1px solid #90A4AE;text-align:center}.coms li .com-title .rr{border-left:0}.coms li .com-title .rr button:first-child{background-color:#37474F!important;margin:0 5px}.coms li .com-title .rr button:last-child{background:#424242!important}.coms li .com-title button{border:none}.coms li .com-title .col-md-3{float:right}.categories{padding:0;margin:0}.categories li{list-style:none;padding:10px;width:32.8%;display:inline-block;border-right:3px solid #3598dc;margin:4px 1px 0 0;background-color:#fff;font-size:12px}.categories li:hover{background-color:#3598dc;color:#fff}.categories li:hover a,.categories li:hover span{color:#fff}.categories li span{color:#999;font-size:11px;float:left;margin-left:3px;margin-top:3px}.titlecat{padding:10px;margin:10px 0 3px;position:relative;color:#fff;background-color:#3598dc;border-bottom:3px solid #1976D2}.titlecat h4{padding-right:10px;font-size:1.5em;font-weight:500}.titlecat .inputs{position:relative;top:8px;text-align:left}.titlecat input{background:0 0;border:none;border-bottom:1px solid #fff;color:#fff}.titlecat input::placeholder{color:#fff}.titlecat i{color:#fff;float:left;position:relative;top:3px;left:13px}::-webkit-input-placeholder{color:#fff}.otherl{display:inline-block}.otherl .other{display:none}.otherl:hover .other{display:block;width:53%;position:absolute;margin-top:4px}.otherl:hover .other a{width:45%;margin-top:3px;position:relative;display:inline-block;text-align:center;z-index:9999}.soc{position:relative;top:74px;left:15px;text-align:left}.soc a{margin-right:10px}


/* Layout for search container */
 
#txt-search,#sss{
transition: all 0.5s ease;	
    margin-top: 1em;
}
.search {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	background: rgba(18, 23, 56, 0.9);
	transition: all 0.5s;
}

.js .search {
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
		transition: all 0.5s;
}

.search::before,
.search::after {
	content: '';
	position: absolute;
	width: calc(100% + 15px);
	height: calc(100% + 15px);
	pointer-events: none;
	
}

.search::before {
	top: 0;
	left: 0;
	border-right-width: 0;
	border-bottom-width: 0;
}

.search::after {
	right: 0;
	bottom: 0;
	border-top-width: 0;
	border-left-width: 0;
}

.btn--search-close {
	font-size: 2em;
	position: absolute;
	top: 1.25em;
	right: 1.25em;
	display: none;
}

.js .btn--search-close {
	display: block;
}

.search__form {
	margin: 5em 0;
}

.search__input {
	font-family: inherit;
	font-size: 10vw;
	line-height: 1;
	display: inline-block;
	box-sizing: border-box;
	width: 75%;
	padding: 0.05em 0;
	color: #d17c78;
	border-bottom: 2px solid;
}

.search__input::-webkit-input-placeholder {
	/* WebKit, Blink, Edge */
	opacity: 0.3;
	color: #fff;
}

.search__input::-moz-placeholder {
	opacity: 0.3;
	/* Mozilla Firefox 19+ */
	color: #fff;
}

.search__input:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	opacity: 0.3;
	color: #fff;
}

.search__input::-webkit-search-cancel-button,
.search__input::-webkit-search-decoration {
	-webkit-appearance: none;
}

.search__input::-ms-clear {
	display: none;
}

.search__info {
	font-size: 90%;
	font-weight: bold;
	display: block;
	width: 75%;
	margin: 0 auto;
	padding: 0.85em 0;
	text-align: right;
	color: #d17c78;
}

.search__related {
	display: flex;
	width: 75%;
	pointer-events: none;
}

.search__suggestion {
	width: 33.33%;
	text-align: left;
}

.search__suggestion:nth-child(2) {
	margin: 0 3em;
}

.search__suggestion h3 {
	font-size: 1.35em;
	margin: 0;
}

.search__suggestion h3::before {
	content: '\21FE';
	display: inline-block;
	padding: 0 0.5em 0 0;
}

.search__suggestion p {
	font-size: 1.15em;
	line-height: 1.4;
	margin: 0.75em 0 0 0;
}

/************************/
/* Transitions 			*/
/************************/

.js .search {
	pointer-events: none;
	opacity: 0;
	transition: all 0.5s;
}

.js .search--open {
	pointer-events: auto;
	opacity: 1;
}

/* Border */
.search::before,
.search::after {
	transition: all 0.5s;
}

.search::before {
	transform: translate3d(-15px, -15px, 0);
}

.search::after {
	transform: translate3d(15px, 15px, 0);
}

.search--open::before,
.search--open::after {
	transform: translate3d(0, 0, 0);
}

/* Close button */
.btn--search-close {
	opacity: 0;
	transform: scale3d(0.8, 0.8, 1);
	transition: all 0.5s, transform 0.5s;
}

.search--open .btn--search-close {
	opacity: 1;
	transform: scale3d(1, 1, 1);
}

/* Search form with input and description */
.js .search__form {
	opacity: 0;
	transform: scale3d(0.8, 0.8, 1);
	transition: all 0.5s, transform 0.5s;
}

.js .search--open .search__form {
	opacity: 1;
 
}

.search__suggestion {
	opacity: 0;
	transform: translate3d(0, -30px, 0);
	transition: all 0.5s, transform 0.5s;
}

.search--open .search__suggestion {
	opacity: 1;
	transform: translate3d(0, 0, 0);
}

.search--open .search__suggestion:nth-child(2) {
	transition-delay: 0.1s;
}

.search--open .search__suggestion:nth-child(3) {
	transition-delay: 0.2s;
}

@media screen and (max-width:40em) {
	.search__form {
		margin: 5em 0 1em;
	}
	.btn--search-close {
		font-size: 1.25em;
		top: 1.5em;
		right: 1.5em;
	}
	.search__info {
		text-align: left;
	}
	.search__suggestion {
		font-size: 80%;
		width: 100%;
	}
	.search__suggestion:nth-child(2),
	.search__suggestion:nth-child(3) {
		display: none;
	}
}


.callfree{

    background-color: #fff;
    padding: 2px 47px;
    border-radius: 5px;
    color: #F44336;

}


@media(max-width:900px){
	.books li{
		    width: 15.96%;
	}

	.langs a{
margin: 2px;
    text-align: left;
    float: left;
	}

	header .langs {
    position: absolute;
    top: 32px;
    left: 15px;
}

nav ul.links li {
    float: right;
    list-style-type: none;
    margin-left: 23px;
    height: 40px;
    padding-top: 12px;
    font-size: 8pt;
}


}