body {
	width: 100%; height: 100%; color: rgb(51, 51, 51); font-family: Lora,"Helvetica Neue",Helvetica,Arial,sans-serif; background-color: rgb(255, 255, 255);
}
html {
	width: 100%; height: 100%;
}
h1 {
	margin: 0px 0px 10px;  letter-spacing: 1px; font-family: "ƒqƒ‰ƒMƒm–¾’© Pro W6", "Hiragino Mincho Pro", "HGS–¾’©E", "‚l‚r ‚o–¾’©", serif; font-size: 60px;
}
h2 {
	background: rgb(22, 24, 73); color: rgb(255, 255, 255);text-align: left;padding: 0px 5px 0px;
	margin: 0px 0px 70px; text-transform: uppercase; letter-spacing: 1px; font-family: "ƒqƒ‰ƒMƒm–¾’© Pro W6", "Hiragino Mincho Pro", "HGS–¾’©E", "‚l‚r ‚o–¾’©", serif; font-size: 60px;
}
h3 {
	margin: 0px 0px 10px;  letter-spacing: 1px; font-family: "ƒqƒ‰ƒMƒm–¾’© Pro W6", "Hiragino Mincho Pro", "HGS–¾’©E", "‚l‚r ‚o–¾’©", serif; font-size: 60px;
}
h4 {
	margin: 0px 0px 70px;  letter-spacing: 1px; font-family: "ƒqƒ‰ƒMƒm–¾’© Pro W6", "Hiragino Mincho Pro", "HGS–¾’©E", "‚l‚r ‚o–¾’©", serif; font-size: 60px;
}
h5 {
	margin: 0px 0px 70px;  letter-spacing: 1px; font-family: "ƒqƒ‰ƒMƒm–¾’© Pro W6", "Hiragino Mincho Pro", "HGS–¾’©E", "‚l‚r ‚o–¾’©", serif; font-size: 60px;
}
h6 {
	margin: 0px 0px 70px;  letter-spacing: 1px; font-family: "ƒqƒ‰ƒMƒm–¾’© Pro W6", "Hiragino Mincho Pro", "HGS–¾’©E", "‚l‚r ‚o–¾’©", serif; font-size: 60px;
}
p {
	margin: 0px 0px 25px; text-align: left; line-height: 1.5; font-size: 18px;
}

@media all and (min-width:768px)
{
	h1 {
		margin: 0px 0px 70px;  letter-spacing: 1px; font-family: "ƒqƒ‰ƒMƒm–¾’© Pro W6", "Hiragino Mincho Pro", "HGS–¾’©E", "‚l‚r ‚o–¾’©", serif; font-size: 40px;
	}
	h2 {
		margin: 0px 0px 10px;  letter-spacing: 1px; font-family: "ƒqƒ‰ƒMƒm–¾’© Pro W6", "Hiragino Mincho Pro", "HGS–¾’©E", "‚l‚r ‚o–¾’©", serif; font-size: 40px;
	}
	h3 {
		margin: 0px 0px 70px;  letter-spacing: 1px; font-family: "ƒqƒ‰ƒMƒm–¾’© Pro W6", "Hiragino Mincho Pro", "HGS–¾’©E", "‚l‚r ‚o–¾’©", serif; font-size: 40px;
	}
	h4 {
		margin: 0px 0px 70px;  letter-spacing: 1px; font-family: "ƒqƒ‰ƒMƒm–¾’© Pro W6", "Hiragino Mincho Pro", "HGS–¾’©E", "‚l‚r ‚o–¾’©", serif; font-size: 40px;
	}
	h5 {
		margin: 0px 0px 70px;  letter-spacing: 1px; font-family: "ƒqƒ‰ƒMƒm–¾’© Pro W6", "Hiragino Mincho Pro", "HGS–¾’©E", "‚l‚r ‚o–¾’©", serif; font-size: 40px;
	}
	h6 {
		margin: 0px 0px 70px;  letter-spacing: 1px; font-family: "ƒqƒ‰ƒMƒm–¾’© Pro W6", "Hiragino Mincho Pro", "HGS–¾’©E", "‚l‚r ‚o–¾’©", serif; font-size: 40px;
	}
	p {
		margin: 0px 0px 5px; line-height: 1.6; font-size: 18px;
	}
}
@media all and (max-width:767px)
{
	h1 {
		margin: 0px 0px 10px;  letter-spacing: 1px; font-family: "ƒqƒ‰ƒMƒm–¾’© Pro W6", "Hiragino Mincho Pro", "HGS–¾’©E", "‚l‚r ‚o–¾’©", serif; font-size: 24px;
	}
	h2 {
		margin: 0px 0px 10px;  letter-spacing: 1px; font-family: "ƒqƒ‰ƒMƒm–¾’© Pro W6", "Hiragino Mincho Pro", "HGS–¾’©E", "‚l‚r ‚o–¾’©", serif; font-size: 24px;
	}
	h3 {
		margin: 0px 0px 10px;  letter-spacing: 1px; font-family: "ƒqƒ‰ƒMƒm–¾’© Pro W6", "Hiragino Mincho Pro", "HGS–¾’©E", "‚l‚r ‚o–¾’©", serif; font-size: 24px;
	}
	h4 {
		margin: 0px 0px 10px;  letter-spacing: 1px; font-family: "ƒqƒ‰ƒMƒm–¾’© Pro W6", "Hiragino Mincho Pro", "HGS–¾’©E", "‚l‚r ‚o–¾’©", serif; font-size: 24px;
	}
	h5 {
		margin: 0px 0px 10px;  letter-spacing: 1px; font-family: "ƒqƒ‰ƒMƒm–¾’© Pro W6", "Hiragino Mincho Pro", "HGS–¾’©E", "‚l‚r ‚o–¾’©", serif; font-size: 24px;
	}
	h6 {
		margin: 0px 0px 10px;  letter-spacing: 1px; font-family: "ƒqƒ‰ƒMƒm–¾’© Pro W6", "Hiragino Mincho Pro", "HGS–¾’©E", "‚l‚r ‚o–¾’©", serif; font-size: 24px;
	}
	ul.banner-social-buttons li {
		padding: 0px; margin-bottom: 20px; display: block;
	}
	ul.banner-social-buttons li:last-child {
		margin-bottom: 0px;
	}
}


a {
	transition:0.2s ease-in-out; color: rgb(51, 122, 183); -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out;
}
a:hover {
	color: rgb(29, 155, 108); text-decoration: none;
}
a:focus {
	color: rgb(29, 155, 108); text-decoration: none;
}
.light {
	font-weight: 400;
}
.navbar-custom {
	background: rgba(87, 193, 217, 0.3); color: rgb(200,200,200); font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; margin-bottom: 0px; border-bottom-color: rgba(255, 255, 255, 0.3); border-bottom-width: 1px; border-bottom-style: solid;
}
.navbar-custom .navbar-brand {
	background-position: left; padding-left: 40px; font-weight: 500; background-image: url("../spic/logo.png"); background-repeat: no-repeat;
}
.navbar-custom .navbar-brand:focus {
	outline: 0px;
}
.navbar-custom .navbar-brand .navbar-toggle {
	padding: 4px 6px; color: rgb(255, 255, 255); font-size: 16px;
}
.navbar-custom .navbar-brand .navbar-toggle:focus {
	outline: 0px;
}
.navbar-custom .navbar-brand .navbar-toggle:active {
	outline: 0px;
}
.navbar-custom a {
	color: rgb(200, 200, 200);
}
.navbar-custom a:hover {
	color: rgb(0, 153, 0) !important;
}
.navbar-custom .nav li a {
	transition:background 0.3s ease-in-out; -webkit-transition: background .3s ease-in-out; -moz-transition: background .3s ease-in-out;
}
.navbar-custom .nav li a:hover {
	outline: 0px; color: rgba(255, 255, 255, 0.8); background-color: transparent;
}
.navbar-custom .nav li a:focus {
	outline: 0px; background-color: transparent;
}
.navbar-custom .nav li a:active {
	outline: 0px; background-color: transparent;
}
.navbar-custom .nav li.active {
	outline: 0px;
}
.navbar-custom .nav li.active a {
	background-color: rgba(255, 255, 255, 0.3);
}
.navbar-custom .nav li.active a:hover {
	color: rgb(255, 255, 255);
}
#page-top {
	
}
@media all and (min-width:768px)
{
	.navbar-custom {
		background: 0px 0px; padding: 20px 0px; transition:background 0.5s ease-in-out, padding 0.5s ease-in-out; letter-spacing: 1px; border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none; -webkit-transition: background .5s ease-in-out, padding .5s ease-in-out; -moz-transition: background .5s ease-in-out, padding .5s ease-in-out;
	}
	.top-nav-collapse.navbar-custom {
		background: rgba(87, 193, 217, 0.3); padding: 0px; border-bottom-color: rgba(255, 255, 255, 0.3); border-bottom-width: 1px; border-bottom-style: solid;
	}
}














.intro {
	background: no-repeat bottom / cover; padding: 150px 0px; width: 100%; height: auto; text-align: center; color: rgb(51, 51, 51); display: table; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
}
.intro .intro-body {
	vertical-align: middle; display: table-cell;
}
.intro .intro-body .brand-heading {
	font-size: 40px;
}
.intro .intro-body .intro-text {
	font-size: 18px;
}

@media all and (min-width:768px)
{
	.head-bg {
		height: 975px; background-color: rgb(247, 247, 247);
	}
	.intro {
		  margin: 0px auto; padding: 0px; height: 100%; max-height: 975px; max-width: 1500px; 
	}




	.bn {
		margin: 0px auto; width: 70%;
	}

	.intro .intro-body .brand-heading {
		font-size: 100px;
	}
	.intro .intro-body .intro-text {
		font-size: 26px;
	}
}
	

@media all and (max-width:480px)
{
	.head-bg {
		
	}
	.intro {
	background:  no-repeat bottom / cover; padding: 100px 0px; width: 100%; height: auto; text-align: center; color: rgb(255, 255, 255); display: table; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;	}




	.navbar-brand {
		font-size: 14px;
	}
}




















.btn-circle {
	background: 0px 0px; padding: 7px 16px; border-radius: 100% !important; border: 2px solid rgb(255, 255, 255); transition:background 0.3s ease-in-out; border-image: none; width: 70px; height: 70px; color: rgb(255, 255, 255); font-size: 40px; margin-top: 15px; -webkit-transition: background .3s ease-in-out; -moz-transition: background .3s ease-in-out;
}
.btn-circle:hover {
	background: rgba(255, 255, 255, 0.1); outline: 0px; color: rgb(255, 255, 255);
}
.btn-circle:focus {
	background: rgba(255, 255, 255, 0.1); outline: 0px; color: rgb(255, 255, 255);
}
.btn-circle i.animated {
	-webkit-transition-duration: 1s; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -moz-transition-duration: 1s;
}
.btn-circle:hover i.animated {
	-webkit-animation-name: pulse; -moz-animation-name: pulse; -webkit-animation-duration: 1.5s; -moz-animation-duration: 1.5s; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear;
}
.content-section {
	    text-align: center;
}



.contents-section {
	background: rgb(0, 0, 0); padding: 20px 0px; width: 100%; color: rgb(255, 255, 255); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
}
.categoly-section {
	background: rgb(0, 0, 0); padding: 0px 0px; width: 100%;  text-align: left; color: rgb(255, 255, 255); 
}

.result-section {
	background: rgb(250, 250, 250); padding: 0px 0px; width: 100%;  text-align: left; color: rgb(0, 0, 0);
}


.profile-section {
	background: url("../spic/bg.jpg") no-repeat center / cover rgb(54, 35, 4); padding: 50px 0px; width: 100%; color: rgb(255, 255, 255); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
}

.works-section {
	padding: 50px 0px; width: 100%; color: rgb(2, 76, 138); background-color: rgb(246, 246, 246);
}
.mail-section {
	background: url("../spic/mail-bg.jpg") no-repeat center / cover rgb(254, 237, 211); padding: 50px 0px; width: 100%; color: rgb(63, 50, 30); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
}
.advertisement-section {
	background: url("../spic/advertisement-bg.jpg") no-repeat center / cover rgb(255, 255, 255); padding: 50px 0px; width: 100%; color: rgb(63, 50, 30); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
}
.download-section {
	background: url("../spic/downloads-bg.jpg") no-repeat center / cover rgb(0, 0, 0); padding: 50px 0px; width: 100%; color: rgb(255, 255, 255); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
}
.input-section {
	padding: 20px 0px; width: 100%; color: rgb(0, 0, 0); background-color: rgb(246, 246, 246);
}


@media all and (min-width:767px)
{
	.content-section {
	    text-align: center;
		
	}
	.download-section {
		padding: 100px 0px;
	}
	#map {
		height: 400px; margin-top: 250px;
	}
}


.btn {
	padding: 9px 15px; border-radius: 6px; transition:0.3s ease-in-out;  font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 105%; font-weight: 400; background-color: rgb(61, 152, 61); -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out;
}
.btn-default {
	border: 1px solid rgb(51, 122, 183); border-image: none; color: rgb(51, 122, 183); background-color: transparent;
}
.btn-default:hover {
	outline: 0px; border: 1px solid rgb(51, 122, 183); border-image: none; color: rgb(255, 255, 255); background-color: rgb(51, 122, 183);
}
.btn-default:focus {
	outline: 0px; border: 1px solid rgb(51, 122, 183); border-image: none; color: rgb(255, 255, 255); background-color: rgb(51, 122, 183);
}
ul.banner-social-buttons {
	margin-top: 0px;
}

@media all and (max-width:1199px)
	{
	ul.banner-social-buttons {
		margin-top: 15px;
	}
}




footer {
	padding: 50px 0px;
}
footer p {
	margin: 0px;
}
::selection {
	background: rgba(255, 255, 255, 0.2); text-shadow: none;
}
img::selection {
	background: 0px 0px;
}
body {
	webkit-tap-highlight-color: rgba(255, 255, 255, .2);
}

.min {
	font-family: "ƒqƒ‰ƒMƒm–¾’© Pro W6", "Hiragino Mincho Pro", "HGS–¾’©E", "‚l‚r ‚o–¾’©", serif;
}
#news {
	margin: 20px auto; width: 100%;
}
#news  li {
	 text-align: left; font-weight: bold;  font-size: 105%; 
}

#news p {
	 padding: 0px 0px 0px 0px; font-size: 90%;
}

#news .info {
	  padding: 0px 0px 5px 20px; font-size: 90%;
}

#news .question {
	 width:auto; height:auto; padding: 5px ; border:solid thin; overflow: auto;
}
#news .answer {
	 width:auto; height:auto; padding: 5px;  border:solid thin pink; overflow: auto;
}
#news .answer img{
	 display: block;   margin:5px auto 10px; width:80% ;  
}
#news .question img{
	  margin:5px; width:40% ;  
}

#info {
	padding: 10% 0px;
}
.youtube-container {
	margin: 10px 0px; height: 0px; overflow: hidden; padding-top: 30px; padding-bottom: 56.25%; position: relative;
}
.youtube-container iframe {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
.book {
	padding: 10px 10px 20px;
}
.space {
	margin-bottom: 30px;
}
.paddingL {
	padding: 10px 5px 0px 5px; margin:2px 0px 0px 0px; background-color:#e0e0e0;
}
.paddingI {
	padding: 0px 5px 0px 5px; margin:2px 0px 0px 0px;
}
.paddingS {
	padding: 0px 5px 0px 5px; margin:8px 0px 10px 0px;
}
.paddingC {
	padding: 0px 0px 0px 0px; margin:8px 0px 10px 0px;
}

.alpha a:hover img {
	opacity: 0.7;
}



.form-box {
	width: 100%;
}
::selection {
	background: rgba(87, 193, 217, 0.3);
}