@keyframes zoomIn {
 from {
 opacity: 0;
 transform: scale3d(0.1, 0.1, 0.1);
}
 50% {
 opacity: 0;
}
}
.zoomIn {
	animation-name: zoomIn;
}
 @keyframes slideInDown {
 from {
 transform: translate3d(0, -50%, 0);
 visibility: visible;
}
to {
	transform: translate3d(0, 0, 0);
}
}
.slideInDown {
	animation-name: slideInDown;
}
 @keyframes slideInUp {
 from {
 transform: translate3d(0, 50%, 0);
 visibility: visible;
}
to {
	transform: translate3d(0, 0, 0);
}
}
.slideInUp {
	animation-name: slideInUp;
}
 @keyframes slideInLeft {
 from {
 transform: translate3d(-30%, 0, 0);
 visibility: visible;
}
to {
	transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
	animation-name: slideInLeft;
}
 @keyframes slideInRight {
 from {
 transform: translate3d(30%, 0, 0);
 visibility: visible;
}
to {
	transform: translate3d(0, 0, 0);
}
}
.slideInRight {
	animation-name: slideInRight;
}
 @keyframes fadeIn {
 from {
 opacity: 0.9;
}
to {
	opacity: 1;
}
}
.fadeIn {
	animation-name: fadeIn;
}
 @keyframes flipInX {
 from {
 transform: perspective(400px) rotate3d(1, 0, 0, 20deg);
 animation-timing-function: ease-in;
 opacity: 0;
}
 40% {
 transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 animation-timing-function: ease-in;
}
 60% {
 transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
 opacity: 1;
}
 80% {
 transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
	transform: perspective(40px);
}
}
.flipInX {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	animation-name: flipInX;
}
 @keyframes fadeInUp {
 from {
 opacity: 0;
 transform: translate3d(0, 30%, 0);
}
to {
	opacity: 1;
	transform: none;
}
}
.fadeInUp {
	animation-name: fadeInUp;
}
 @keyframes fadeInDown {
 from {
 opacity: 0;
 transform: translate3d(0, -30%, 0);
}
to {
	opacity: 1;
	transform: none;
}
}
.fadeInDown {
	animation-name: fadeInDown;
}
 @keyframes fadeInLeft {
 10% {
 opacity: 0.0;
 transform: translate3d(-5%, 0, 0);
}
 20% {
 opacity: 0.1;
}
 30% {
 opacity: 0.2;
}
 40% {
 opacity: 0.3;
}
 50% {
 opacity: 0.5;
}
 60% {
 opacity: 0.6;
}
 70% {
 opacity: 0.7;
}
 80% {
 opacity: 0.8;
}
 90% {
 opacity: 0.9;
}
 100% {
 opacity: 1;
}
}
.fadeInLeft {
	animation-name: fadeInLeft;
}
html, body {
	height: 100%;
}
body {
	font-family: 'Play-Regular';
	font-size: 15px;
	color: #3f444a;
	line-height: 1.4em;
	margin: 0;
	padding: 0;/*overflow: hidden;*/
}
body h1 {
	font-family: 'PirulenRg-Regular';
	font-size: 38px;
	line-height: 1.3em;
	color: #fff;
	padding: 0;
	display: block;
	margin-bottom: 18px;
}
body h2 {
	font-family: 'Montserrat-Bold';
	font-size: 26px;
	line-height: 1.3em;
	color: #3f444a;
	padding: 0;
	display: block;
	margin-bottom: 12px;
}
body h3 {
	font-family: 'AgencyFB-Bold';
	font-size: 23px;
	line-height: 1.3em;
	color: #000;
	padding: 0;
	display: block;
	margin-bottom: 14px;
}
div, img, p, table, tr, td, ul, li, h1, h2, h3, h4, h5, article, aside, figcaption, nav, figure, footer {
	margin: 0;
	padding: 0;
}
a, button {
	text-decoration: none;
 -webkit-transition: all .25s;
 transition: all .25s;
	color: #044c74;
	outline: none;
}
a i {
 -webkit-transition: all .25s;
 transition: all .25s;
}
a {
	color: inherit;
 -webkit-transition: all .25s;
 transition: all .25s;
	outline: none;
}
a:hover, a:active, a:focus {
	text-decoration: none;
	color: inherit;
	outline: none;
}
body input {
 -webkit-transition: all .25s;
 transition: all .25s;
}
#wrapper {
	height:auto;
	width:100%;
	text-align: center;
	display: table;/*position:absolute;*/
}
#title {
	display: table-cell;
	vertical-align: middle;
	z-index: 999;
}
#title h2, .slider_text h2 {
	color: #fff;
	font-size: 22px;
	font-family: 'PirulenRg-Regular';
	margin-bottom: 15px;
	position:relative;
	padding-bottom:15px;
	display: inline-block;
    vertical-align: top;
    width: 100%;
}
#title h3 {
	color: #fff;
	font-size: 16px;
	font-family: 'Play-Regular';
	font-weight: 300;
	    font-family: 'PirulenRg-Regular';
}
#title h3 a{color:#fff; margin:0}
#wrapper canvas {
	position: absolute;
	top: 0;
	left: 0;
	width: 1950px;
	height: auto;
}
#canvas {
	z-index: 1;
}
#canvasbg {
	z-index: -10;
	-webkit-filter: blur(3px);
	-moz-filter: blur(3px);
	-o-filter: blur(3px);
	filter: blur(3px);
	opacity: 0.6;
}
.main-header {
	width: 100%;
	position: fixed;
	z-index: 999999999;
	padding: 2em 0;
	top: 0px;
	display: block;
	width: 100%;
	/* height: auto; */
    -webkit-transition: height 0.1s;
	-moz-transition: height 0.1s;
	transition: height 0.1s;
 transition: all .1s;
	background-color: transparent;
}
.nav-header {
	display: inline-block;
}
.profile-card {
	background: #FFB300;
	width: 56px;
	height: 56px;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 2;
	overflow: hidden;
	opacity: 0;
	margin-top: 70px;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16), 0px 3px 6px rgba(0, 0, 0, 0.23);
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16), 0px 3px 6px rgba(0, 0, 0, 0.23);
	-webkit-animation: init 0.5s 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19) forwards, moveDown 1s 0.8s cubic-bezier(0.6, -0.28, 0.735, 0.045) forwards, moveUp 1s 1.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards, materia 0.5s 2.7s cubic-bezier(0.86, 0, 0.07, 1) forwards;
	animation: init 0.5s 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19) forwards, moveDown 1s 0.8s cubic-bezier(0.6, -0.28, 0.735, 0.045) forwards, moveUp 1s 1.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards, materia 0.5s 2.7s cubic-bezier(0.86, 0, 0.07, 1) forwards;
}
.profile-card header {
	width: 1179px;
	height: 280px;
	padding: 40px 20px 30px 20px;
	display: inline-block;
	float: left;
	border-right: 2px dashed #EEEEEE;
	background: #FFFFFF;
	color: #000000;
	margin-top: 50px;
	opacity: 0;
	text-align: center;
	-webkit-animation: moveIn 1s 3.1s ease forwards;
	animation: moveIn 1s 3.1s ease forwards;
}
.profile-card header h1 {
	color: #FF5722;
}
.profile-card header a {
	display: inline-block;
	text-align: center;
	position: relative;
	margin: 25px 30px;
}
.profile-card header a:after {
	position: absolute;
	content: "";
	bottom: 3px;
	right: 3px;
	width: 20px;
	height: 20px;
	border: 4px solid #FFFFFF;
	-webkit-transform: scale(0);
	transform: scale(0);
	background: -webkit-linear-gradient(top, #2196F3 0%, #2196F3 50%, #FFC107 50%, #FFC107 100%);
	background: linear-gradient(#2196F3 0%, #2196F3 50%, #FFC107 50%, #FFC107 100%);
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
	-webkit-animation: scaleIn 0.3s 3.5s ease forwards;
	animation: scaleIn 0.3s 3.5s ease forwards;
}
.profile-card header a > img {
	width: 120px;
	max-width: 100%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: -webkit-box-shadow 0.3s ease;
	transition: box-shadow 0.3s ease;
	-webkit-box-shadow: 0px 0px 0px 8px rgba(0, 0, 0, 0.06);
	box-shadow: 0px 0px 0px 8px rgba(0, 0, 0, 0.06);
}
.profile-card header a:hover > img {
	-webkit-box-shadow: 0px 0px 0px 12px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 0px 12px rgba(0, 0, 0, 0.1);
}
.profile-card .profile-bio {
	display: inline-block;
	float: right;
	color: #333333;
	margin-top: 0;
	text-align: center;
	opacity: 0;
	-webkit-animation: moveIn 1s 3.1s ease forwards;
	animation: moveIn 1s 3.1s ease forwards;
}
.profile-social-links {
	width: 1218px;
	display: inline-block;
	float: right;
	margin: 0px;
	margin-top: 50px;
	text-align: center;
	opacity: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-animation: moveIn 1s 3.1s ease forwards;
	animation: moveIn 1s 3.1s ease forwards;
}
.profile-social-links li {
	list-style: none;
	margin: -5px 0px 0px 0px;
	padding: 0px;
	float: left;
	width: 25%;
	text-align: center;
}
.profile-social-links li a {
	display: inline-block;
	color: red;
	width: 24px;
	height: 24px;
	padding: 6px;
	position: relative;
	overflow: hidden!important;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.profile-social-links li a i {
	position: relative;
	z-index: 1;
}
.profile-social-links li a img, .profile-social-links li a svg {
	width: 24px;
}
 @-webkit-keyframes init {
 0% {
 width: 0px;
 height: 0px;
}
 100% {
 width: 56px;
 height: 56px;
 margin-top: 0px;
 opacity: 1;
}
}
 @keyframes init {
 0% {
 width: 0px;
 height: 0px;
}
 100% {
 width: 56px;
 height: 56px;
 margin-top: 0px;
 opacity: 1;
}
}
 @-webkit-keyframes puff {
 0% {
 top: 100%;
 height: 0px;
 padding: 0px;
}
 100% {
 top: 50%;
 height: 100%;
 padding: 0px 100%;
}
}
 @keyframes puff {
 0% {
 top: 100%;
 height: 0px;
 padding: 0px;
}
 100% {
 top: 50%;
 height: 100%;
 padding: 0px 100%;
}
}
 @-webkit-keyframes borderRadius {
 0% {
 -webkit-border-radius: 50%;
}
 100% {
 -webkit-border-radius: 0px;
}
}
 @keyframes borderRadius {
 0% {
 -webkit-border-radius: 50%;
}
 100% {
 border-radius: 0px;
}
}
 @-webkit-keyframes moveDown {
 0% {
 top: 50%;
}
 50% {
 top: 40%;
}
 100% {
 top: 100%;
}
}
 @keyframes moveDown {
 0% {
 top: 50%;
}
 50% {
 top: 40%;
}
 100% {
 top: 100%;
}
}
 @-webkit-keyframes moveUp {
 0% {
 top: 100%;
}
 50% {
 top: 40%;
}
 100% {
 top: 50%;
 background: #E0E0E0;
}
}
 @keyframes moveUp {
 0% {
 background: #FFB300;
 top: 100%;
}
 50% {
 top: 40%;
}
 100% {
 top: 50%;
 background: #E0E0E0;
}
}
 @-webkit-keyframes materia {
 0% {
 background: #E0E0E0;
}
 50% {
 -webkit-border-radius: 4px;
}
 100% {
 width: 440px;
 height: 280px;
 -webkit-border-radius: 4px;
}
}
 @keyframes materia {
 0% {
 background: #E0E0E0;
}
 50% {
 border-radius: 4px;
}
 100% {
 width: 440px;
 height: 280px;
 border-radius: 4px;
}
}
 @-webkit-keyframes moveIn {
 0% {
 margin-top: 50px;
 opacity: 0;
}
 100% {
 opacity: 1;
 margin-top:0;
}
}
 @keyframes moveIn {
 0% {
 margin-top: 50px;
 opacity: 0;
}
 100% {
 opacity: 1;
 margin-top: 0;
}
}
 @-webkit-keyframes scaleIn {
 0% {
 -webkit-transform: scale(0);
}
 100% {
 -webkit-transform: scale(1);
}
}
 @keyframes scaleIn {
 0% {
 transform: scale(0);
}
 100% {
 transform: scale(1);
}
}
 @-webkit-keyframes ripple {
 0% {
 transform: scale3d(0, 0, 0);
}
 50%,  100% {
 -webkit-transform: scale3d(1, 1, 1);
}
 100% {
 opacity: 0;
}
}
 @keyframes ripple {
 0% {
 transform: scale3d(0, 0, 0);
}
 50%,  100% {
 transform: scale3d(1, 1, 1);
}
 100% {
 opacity: 0;
}
}
 @media screen and (min-aspect-ratio: 4/3) {
 body {
 background-size: cover;
}
 body:before {
 width: 0px;
}
 @ -webkit-keyframes puff {
 0% {
 top: 100%;
 width: 0px;
 padding-bottom: 0px;
}
 100% {
 top: 50%;
 width: 100%;
 padding-bottom: 100%;
}
}
 @keyframes puff {
 0% {
 top: 100%;
 width: 0px;
 padding-bottom: 0px;
}
 100% {
 top: 50%;
 width: 100%;
 padding-bottom: 100%;
}
}
}
 @media screen and (min-height: 480px) {
 .profile-card header {
 width: auto;
 height: auto;
 padding: 30px 20px;
 display: block;
 float: none;
 border-right: none;
}
 .profile-card .profile-bio {
 width: auto;
 height: auto;
    /*padding: 15px 20px 30px 20px;*/
    display: block;
 float: none;
}
 .profile-social-links {
 width: 100%;
 display: block;
 float: none;
}
 @ -webkit-keyframes materia {
 0% {
 background: #E0E0E0;
}
 50% {
 -webkit-border-radius: 4px;
}
 100% {
 width: 1280px;
 height: 440px;
 background: #FFFFFF;
 -webkit-border-radius:0px;
}
}
 @keyframes materia {
 0% {
 background: #E0E0E0;
}
 50% {
 border-radius: 0px;
}
 100% {
 width: 1024px;
 height: 500px;
 background: #FFFFFF;
 border-radius: 0px;
}
}
}
 @keyframes move-twink-back {
 from {
background-position:0 0;
}
to {
	background-position:-10000px 5000px;
}
}
@-webkit-keyframes move-twink-back {
 from {
background-position:0 0;
}
to {
	background-position:-10000px 5000px;
}
}
@-moz-keyframes move-twink-back {
 from {
background-position:0 0;
}
to {
	background-position:-10000px 5000px;
}
}
@-ms-keyframes move-twink-back {
 from {
background-position:0 0;
}
to {
	background-position:-10000px 5000px;
}
}
.twinkling, .stars {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	display:block;
}
.stars {
	background:#000 url(../img/stars.png) repeat top center;
	z-index:-1;
}
.twinkling {
	background:transparent url(../img/twinkling.png) repeat top center;
	z-index:-1;
	-moz-animation:move-twink-back 300s linear infinite;
	-ms-animation:move-twink-back 300s linear infinite;
	-o-animation:move-twink-back 300s linear infinite;
	-webkit-animation:move-twink-back 300s linear infinite;
	animation:move-twink-back 300s linear infinite;
}
#parallax-container {
	width: 100%;
	height: 100%;
	overflow: hidden;
	min-height: 200px;
	min-width: 300px;
	position: relative;
}
.parallax-portfolio .bx-viewport, .blogpost, .post_format, .overlay span, .parallax-page .member, .blog-post, .widget, .bx-viewport .recent-item-list li, .widget tfoot td a, .comment-meta, #comments, .portfolio_item, .hentry, .content-box {
	overflow: hidden;
	background:transparent;
}
.parallax-portfolio .bx-viewport, .blogpost, .post_format, .overlay span, .parallax-page .member, .blog-post, .widget, .bx-viewport .recent-item-list li, .widget tfoot td a, .comment-meta, #comments, .btn-group-expand a, .portfolio_item, .hentry, #commentform #author, #commentform #email, #commentform #url, #commentform textarea, .search-form .search-field, #portfolio-cat-filter, .content-box, .comment-respond {
	border-radius: 3px !important
}
.overlay {
	position: relative;
	display: block;
	overflow: hidden
}
.overlay img {
	opacity: 1;
	width: 100%;
	height: auto
}
.overlay:hover img {
	opacity: .3 !important
}
.overlay i {
	width: 50px;
	height: 50px;
	font-size: 22px;
	line-height: 50px;
	text-align: center
}
.bx-wrapper {
	position: relative
}
.bx-pager {
	text-align: center
}
.disabled {
	display: none
}
html.template-parallax, html.template-parallax body {
	height: 100%;
	width: 100%;
	overflow: hidden;
	margin: 0 !important;
	padding: 0
}
.template-parallax #masthead {
	position: fixed;
	z-index: 999;
	top: 0;
	left: 0;
	right: 0;
	margin: 0
}
#parallax-container {
	width: 100%;
	height: 100%;
	overflow: hidden;
	min-height: 200px;
	min-width: 300px;
	position: relative
}
.parallaxItem {
	position: absolute;
	bottom: 0;
	left: 0;
	-webkit-backface-visibility: hidden
}
.template-parallax body {
	-webkit-transform: translate3d(0, 0, 0)
}
.nano {
	height: 300px;
	margin-top:0
}
.nano .nano-content {
	padding: 0 30px
}
.parallax-portfolio.nano-content, .parallax-blog.nano-content, .parallax-aboutus.nano-content {
	padding: 0
}
.nano .nano-pane {
	background: transparent
}
/*.parallax-page .page-title h1,
.parallax-page .page-title h2,
.parallax-page .page-title h3,
.parallax-page .page-title h4 {
    margin: 0
}*/

.page-title p {
	font-size: 18px;
	color: #fff;
	line-height: 1.3em;
}
.template-parallax .site-footer {
	position: fixed;
	bottom: 0;
	z-index: 499;
	width: 100%
}
.parallax-page {
	position: absolute;
	width: 100%;
	max-width: 790px
}
.parallax-page:hover {
	z-index: 999 !important;
	border: none
}
.parallax-page .link {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 20px;
	border: none
}
.parallax-portfolio {
	position: relative
}
.parallax-page .page-contents img {
	max-width: 100%;
	height: auto
}
.parallax-portfolio h2 a:hover {
	text-decoration: none
}
.parallax-portfolio .slider {
	margin: 0;
	padding: 0;
	display: block
}
.parallax-portfolio .slider li {
	text-align: center;
	background: #FFF
}
.parallax-portfolio .slider li img {
	float: left;
	width: 500px;
	margin-right: 25px;
	max-width: 400px;
	height: auto
}
.parallax-portfolio #pager {
	width: 500px;
	max-width: 400px;
	text-align: center;
	position: absolute;
	bottom: 20px;
	z-index: 998
}
.parallax-portfolio #pager img {
	width: 45px;
	height: auto;
	border: 2px solid #FFF
}
.parallax-portfolio #pager a {
	padding: 5px;
	opacity: .4
}
.parallax-portfolio #pager a.active {
	opacity: 1
}
.parallax-portfolio .btn-group {
	position: absolute;
	top: 30px;
	right: 30px;
	z-index: 999
}
.parallax-portfolio .contents {
	position: relative;
	z-index: 99999;
	text-align: left;
	padding: 60px 40px 40px 40px
}
.parallax-portfolio .contents p {
	padding: 20px 0
}
#tree-right0, #tree21, #tree32, #boat3, #cloud4, #cloud15, #boat26, #dance7, #mohini8, #katahakali9, #cloud10, #cloud311, #cloud412, #cloud513, #cloud614, #land115, #land816, #land217, #land318, #land419, #land520, #land621, #land722, #buildings23, #leaf24, #temple25, #elephant26, #chenda27, #leaves28, #puli29, #onam30, #thiru31, #templebg32 {
	display: none;
}
.home_top_img {
	display: inline-block;
	width: 100%;
	margin-top: 202px;
	padding: 0;
}
.navbar-default .navbar-nav > li > a:after, #title h2:after , .slider_text h2:after {
	display: block;
	position: absolute;
	content: '';
	height: 1px;
	/* width: 0; */
    -webkit-transition: 0.5s;
	transition: 0.5s;
	/* margin: 0 auto; */
    left: 50%;
	right: 50%;
	background: -webkit-linear-gradient(right, transparent, #d0d0d0, transparent);
	background: linear-gradient(to left, transparent, #d0d0d0, transparent);
	transition: 0.5s 0.1s;
}
#title h2:after, .slider_text h2:after {
	left: 50%;
	margin-left:-100px;
	width:200px;
	bottom:0px;
}
.navbar-default .navbar-nav > li > a:hover:after {
	/* width: 100%; */
    left: 5px;
	right: 5px;
}
.section-header > i.diamond-icon {
	display: inline-block;
	height: 37px;
	width: 37px;
	background: url(../img/diamond-icon.png) no-repeat center center;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%; display:none
}
.main-header.fixed_top {
	background:#000;
	    padding-bottom: 0;
}
.form-control{
    background: transparent;
    border: 1px solid #333;
    border-radius: 0px;
}
.btn{
    border-radius: 0px;
    background: transparent;
    color: #000;
    font: 14px/14px "Pirulen Rg";
    padding: 15px 30px;
    border: 1px solid #1f1f1f;
	background:#c5c5c5;
}
.slider_text_top{margin-top: -25%;margin-bottom: 65px;position: relative;margin-top:0%!important;margin-top:195px!important;}
.slider_text {
    margin: 0 auto;
    width: 40%;
    /* display: inline-block; */
    vertical-align: top;
    color: #fff;
    text-align: center;
    /* margin-top: -91px; */
    /* position: absolute; */
    /* top: 58%; */
    /* left: 50%; */
    /* margin-left: -20%; */
    font-size: 18px;
    font-family: 'PirulenRg-Regular';
    line-height: 32px;
    border: 1px solid #333;
    padding: 20px;
    margin-top:8px;
    
    
}
.slider_text_dreams {
    margin: 0 auto;
    width: 100%;
    /* display: inline-block; */
    vertical-align: top;
    color: #fff;
    text-align: center;
    /* margin-top: -91px; */
    /* position: absolute; */
    /* top: 58%; */
    /* left: 50%; */
    /* margin-left: -20%; */
    font-size: 18px;
    font-family: 'PirulenRg-Regular';
    line-height: 32px;
    border: 1px solid #333;
    padding: 20px;
    margin-top:8px;
    
    margin-top: 45px;
    margin-bottom: 45px;
}
#title h3.align-center_apolllo{margin-top:0}
.align-center{text-align:center}
.align-center a{
    margin-top: 25px;
    display: inline-block;
    vertical-align: top;
}
#title h2 span, #title h3 span
{
    display: inline-block;
    width: 100%;
    font-size: 11px;
    line-height: 14px;
    vertical-align: top;
    margin-top: 5px;
    float: left;
    font-weight: 300;
	font-family: 'PirulenRg-Regular';
}
.nav_fixed_rightside{position:fixed; right:20px; display:inline-block;  vertical-align:top; width:15px; text-align:center; top:50%; margin-top:-65px; z-index:99999999999}
.nav_fixed_rightside li{display:block; width:100%;}
.nav_fixed_rightside li a{display:inline-block; vertical-align:top; text-indent:-99999px;     -webkit-transition: all .25s !important;
    -o-transition: all .25s !important;
    transition: all .25s !important;
    width: 12px;
    height: 12px;
    border: 1px solid #333;
    /*border-radius: 50%;*/ font-size:0px!important;}
.nav_fixed_rightside li.active a{background:rgba(255,255,255,.5);}	
.form-group_captcha{position:relative;}
.form-group_captcha .captacha_code{
    width: 70px;
    /* background: #000; */
    color: #fff;
    font-family: Lobster;
    position: absolute;
    right: 1px;
    top: 7px;
    font-size: 19px;
}
.form-group_captcha input{ /*text-indent:58px;*/}
div.help-block-error{display:none!important;}
input.help-block-error, textarea.help-block-error{border-bottom:1px solid #F00;}
.success_message p{margin-top: 10px;
    text-align: center;}
div.contact_form{margin-bottom:60px;}	
#title .namira.align-center{border:1px solid #333; margin-bottom:15px; text-align:center; background:#000; padding:50px;}
#title .namira.align-center.mar_gin{margin-bottom:65px;}
.namira.align-center img{text-align:center; max-width:100%; display:inline-block; vertical-align:top;}
iframe{border:1px solid #333;margin-top: 5px; background:#000; }
.margin_p{
    margin: 0 0 0px;
    text-align: justify;
    background: #000;
    line-height: 18px;
    font-size: 12px;
    padding: 8px 0;
}
.margin_p_h{margin-bottom:15px}
video{
    width: 100%;
    margin-top: 15px;
    border: 1px solid #333;
}
.tbr_btn {
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 34px;
    height: 34px;
    text-align: center;
    line-height: 30px;
    font-size: 16px;
   /* -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;*/
    color: #333;
    border: 1px solid #000;
    cursor: pointer;
    -ms-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background: #000;
	border:1px solid #333;
	display:none;
	z-index:99999; font-size:14px;
}
.tbr_btn:hover{background: #c5c5c5; color:#000;}
.tbr_btn.active{display:block}
img{max-width:100%;}
.form-control:focus{border:1px solid #fff;box-shadow: none;}

@media only screen and (min-width: 771px){
#title h3.align-center.align-center_margin{margin-top: 15px;}	
.align-center a.founder_a {margin-top:0px;}
}
@media only screen and (max-width: 770px){
	.namira.align-center img{max-width:60%}
iframe{height:auto}
.align-center a{margin-top:15px;}	
.align-center a.founder_a{margin-top:-5px;}
#title h3{margin-top:35px!important;}
#title h3.star_pol{
    margin-top: 20px!important;
}
#title h3.momnet_heading{margin-top:40px!important;}
#title h3.align-center_margin{margin-top:0px!important;}
#title .namira.align-center{padding:15px;}
.main-header{padding:0.5em 0}
.nav-header {
    display: inline-block;
    width: 100%;
	vertical-align:top
}	
.navbar-default .navbar-collapse, .navbar-default .navbar-form{background:#000}
.logo_top_m {
    float: left;
    margin-left: -65px!important;
    margin: 0 auto;
    left: 50%;
    position: relative;
}
.navbar-default .navbar-toggle .icon-bar{background:#fff}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{background:none}
.navbar-toggle{border:none; margin-right:0;    padding: 10px 0px;}

.navbar-toggle .icon-bar{height:1px;}
.navbar-toggle .icon-bar + .icon-bar{    margin-top: 5px;}
.nav-header a h1 {
    margin-top: 5px!important; margin-bottom:0
}
.navbar{margin-bottom:10px;}
#title p.namira, #title div.namira{width: 75%!important;margin-bottom: 45px!important;}
.home_top_img{margin-top:80px;}
.slider_text_top{margin-bottom:45px;margin-top: -24%;}
.slider_text{
    position: relative;
    top: 0;
    width: 75%;
    left: 0;
    margin: 10px auto 0px;
    font-size: 10px;
    line-height: 20px;
    padding: 15px;
}
#title .namira.align-center.mar_gin {
    margin-bottom: 45px;
}
.grid{padding:0}
div.contact_form {
    margin-bottom: 45px;
    width: 81%;
    margin-left: 9%;
}
.nav_fixed_rightside{right: 13px;        top: 0;
    margin-top: 214px;margin-top: 250px;}
.btn{
    font-size: 9px;
    padding: 5px 10px;
}
.nav-header a h1 img{
    max-height: 38px;
}
#title .namira.align-center{margin-bottom:15px!important}
#title .namira.align-center.mar_gin {
    margin-bottom: 55px!important;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #333;
}
video{margin-top: 40px; margin-bottom:10px}
.tbr_btn{right:2px}

.navbar-default .navbar-nav > li > a:hover:after {
    /* width: 100%; */
    left: 20%;
    right: 20%;
}
}
@media only screen and (max-width: 766px){
	.logo_top{display:none!important}
	#title h3.align-center_apolllo {
    margin-top: 8px!important;
}
.slider_text_dreams{font-size:10px;line-height: 20px;}
}
@media only screen and (min-width: 767px){
.logo_top_m{display:none}	
.img_plo_str{
    margin-bottom: 30px;
}
}
@media only screen and (min-width: 767px) and (max-width: 780px){
.home_top_img {
    margin-top: 120px;
}
.nav_fixed_rightside {

    margin-top: 361px;
}
.main-header {
    padding: 0; background:#000
}
#navbar{text-align:center}
.navbar-nav {
    float: none;
    margin: 0;
    display: inline-block;
}
}
