@charset "utf-8";
/* CSS Document */	
@import'bootstrap.min.css';
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css?family=Kavoon');
@import url('https://fonts.googleapis.com/css?family=Tenali+Ramakrishna');

/*-------------------------------------------------------------------------------------------RESET CSS START	s*/
html body { padding:6% 4%; font-family: 'Tenali Ramakrishna', sans-serif; direction: ltr; font-size:16px; color:#292b2c; line-height:1.5; margin:0px; background-color:#000; -webkit-font-smoothing: antialiased; }
html, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, i, center, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0px; padding:0px; }
footer, header, figure, aside { padding:0px; display:block; }
q:before, q:after { content:''; }
abbr, acronym { border:0; font-variant:normal; }
sup { vertical-align:text-top; }
sub { vertical-align:text-bottom; }
input, select, textarea, button { font-family: 'Open Sans', sans-serif; direction: ltr; color:#3e3e3e; font-size:12px; margin:0em; margin:0px; border:1px solid #cecece; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; transition: all 0.4s ease-out; border-radius:0px; box-sizing:border-box; }
input, button { overflow:visible; }
input, textarea{ outline:none; }
input[type=file] + input[type=file] { margin-left:5px; }
input[type=text], input[type=password], textarea { padding:5px 15px; font-size:20px; line-height:12px; }
select + select, input[type=text] + input[type=text], input[type=password] + input[type=password] input[type=text] + select { margin-left:0px; }
input[type=text] + input[type=submit] { margin-left:10px; }
input[type=checkbox] {
    height: 100%;
    width: 45%;
    position: absolute;
    top: 0px;
}
input[type=submit], input[type=button], input[type=reset], a, button { cursor:pointer; }
input[type=submit], input[type=button], input[type=reset], button { overflow:visible; }
input[type=submit] + input[type=submit], input[type=button] + input[type=button], input[type=reset] + input[type=reset], button + button, .btn + .btn, input[type=submit] + input[type=button], input[type=button] + input[type=submit] { margin-left:5px; }
input[type=radio] { margin-right:4px; position:relative; top:1px; }
input[type=radio] + abbr, input[type=checkbox] + abbr { padding-right:0px; }
input[type=file] { padding:4px 5px; display:inline; }
input[type=file] + input { margin-left:5px; }
input, input:focus, input:active, .btn:focus, .btn:active:focus, .btn.active:focus { outline:none; }
abbr + select, abbr + input { margin-left:15px; }
select[class*=col-] { padding:7px 8px; }
select option { padding-left:4px; }
input[type=submit], input[type=button], input[type=reset], button, .btn { font-weight:bold; padding:12px 48px; letter-spacing:1px; text-decoration:none; display:inline-block; text-transform:uppercase; background-color:#4b70fa; border-radius:5px; color:#FFF; }
input[type=submit]:hover, input[type=button]:hover, input[type=reset]:hover, button:hover, .btn:hover, .btn.focus, .btn:focus, .btn:hover { background-color:#2e2e2e; color:#FFF; border-color:#2e2e2e; }
p { margin:0px; padding-bottom:15px; }
a { color:#000; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
a:hover{ text-decoration:underline; }
a:visited { text-decoration:none; }
a, a:hover, a:focus, a:active, a:visited { outline:none; }
a img, a:hover img, img, a input { text-decoration:none; }
a img, img, input[type=checkbox], input[type=radio], iframe { border:none; }
ul { margin:0px; padding:0px; }
del { visibility:hidden; }
textarea { width:100%; max-width:380px; height:160px; resize:none; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
article{ padding:85px 0px 75px 0px; min-height:600px;}
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
del { text-decoration:line-through; }
table { border-collapse:collapse; border-spacing:0; }
td { vertical-align:top; }
select { max-width:100%; }
img { max-width:100%; border:0; -ms-interpolation-mode:bicubic; vertical-align:middle; }
hr { color:#D0D0D0; }
address p { padding-bottom:5px; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
::-webkit-scrollbar { width:8px; }
::-webkit-scrollbar-button { width:8px; height:5px; }
::-webkit-scrollbar-track { background-color:#DDD; border: skinny plain lightgray; box-shadow: 0px 0px 3px #dfdfdf inset; }
::-webkit-scrollbar-thumb { background-color:#999; border: skinny plain gray; }
::-webkit-scrollbar-thumb:hover { background:#1b1e24; }
::-webkit-input-placeholder { font-family: 'Open Sans', sans-serif; font-size:14px; direction: ltr; color:#757575; }
:-ms-input-placeholder { font-family: 'Open Sans', sans-serif; font-size:14px; direction: ltr; color:#757575; opacity:1; }
::selection { background-color:#9e9e9e; color:#FFF; }
::-moz-selection { background-color:#65ac05; color:#FFF; }
h1 { font-size:32px; font-weight:700; margin:0px; }
h2 { font-size:33px; margin:0px; color:#212121; padding-bottom:30px; }
h2 span{ display:block; font-size:16px; color:#757575; padding-top:10px; }
h3 { font-size:25px; font-weight:400; margin:0px; padding-bottom:15px; }
h4 { font-size:18px; line-height:30px; }
h5 { font-size:16px; margin:0px; color:#212121; padding-bottom:20px; }
/*-------------------------------------------------------------------------------------------RESET CSS CLOSE	*/	
/*-------------------------------------------------------------------------------------------COMMON CSS START	*/	
/*-------------------------------------------------------------------------------------------COMMON CSS CLOSE	*/	

.main-section {
	background: #000;
	position:relative;
/*	padding: 30px 0px;*/
}
.box-img  {
	border: 2px solid #fff;
	display: block;
/*	height: 450px;*/
	overflow: hidden;
}
.box-img img,.box-img img.clicked {
	width: 100%;
	height: 100%;
	transform: scale(1.0);
	 transition: transform 2s;
}

html body .box-img:hover img,html body .box-img:hover img.clicked {
	border-color: #6fa8dc;
	 transform: scale(1.1);
	 transition: transform 1s;
}

/************************switch bottun css*/

.center-btn {
	position: absolute;
	top:50%;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 330px;
	height: 92px;
	margin-top:-60px;
	border-radius: 5px;
}
.switch {
	border-radius:12px;
	position: relative;
	display: block;
	vertical-align: top;
	width: 100%;
	height: 100%;
	border-radius: 5px;
/*	background: linear-gradient(to bottom, #eeeeee, #FFFFFF 25px);
	background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF 25px);*/
	border: 2px solid #000;
	cursor: pointer;
  box-shadow: 0px 0px 10px rgba(255,255,255,0.7);
}
.switch-input {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
  box-sizing:content-box;
}
.switch-label {
	border-radius: 5px;
	position: relative;
	display: block;
	height: inherit;
	font-size: 32px;
	font-weight: 700;
	text-transform: capitalize;
	letter-spacing:0px;
	background:#ddd;
}
.switch-label:before, .switch-label:after {
	position: absolute;
	top: 0;
	/*margin-top: -.5em;*/
	-webkit-transition: inherit;
	-moz-transition: inherit;
	-o-transition: inherit;
	transition: inherit;
  box-sizing:content-box;
}
.switch-label:before {
	content: "\Solunar";
	right: 0px;
	color: #000;
	top: 0px;
	width:164px;
	height: 100%;
	/*background:rgba(111,168,220,1);*/
	line-height:78px;
	text-shadow: 0 1px rgba(255, 255, 255, 0.5);
	text-align: right;
	padding-left:0px;
	text-align:center;
	border-radius:0px 5px 5px 0px;
	background:#ddd;
}
.switch-label:after {
	content: "\Tide";
	left: 0px;
	width:164px;
	height: 100%;
	color: #000s;
	text-shadow: 0 1px rgba(0, 0, 0, 0.2);
	opacity: 1;
	line-height:78px;
	padding-left:0px;
	text-align:center;
	border-radius: 5px 0px 0px 5px;	
	/*text-decoration-style:*/
	padding-left:0px;
	background:#ddd;
}

.switch a{

font-size: 32px;
	font-weight: 700;
	position: absolute;
	top: 0;
	/*margin-top: -.5em;*/
	-webkit-transition: inherit;
	-moz-transition: inherit;
	-o-transition: inherit;
	transition: inherit;
  box-sizing:content-box;
}

.switch a:nth-child(1) {
	left: 0px;
	width:164px;
	height: 100%;
	color: #000;
	text-shadow: 0 1px rgba(0, 0, 0, 0.2);
	opacity: 1;
	line-height:78px;
	padding-left:0px;
	text-align:center;
	border-radius: 5px 0px 0px 5px;
	/*text-decoration-style:*/
	padding-left:0px;
	background:#ddd;
}

.switch a:nth-child(1):hover{
	background:rgba(111,168,220,1);
}

.switch a:nth-child(2) {
	right: 0px;
	color: #000;
	top: 0px;
	width:164px;
	height: 100%;
	/*background:rgba(111,168,220,1);*/
	line-height:78px;
	text-shadow: 0 1px rgba(255, 255, 255, 0.5);
	text-align: right;
	padding-left:0px;
	text-align:center;
	border-radius:0px 5px 5px 0px;
	background:#ddd;
}

.switch a:nth-child(2):hover{
	background:rgba(111,168,220,1);
}


.switch-label:hover:before {
	background:rgba(111,168,220,1);
}
.switch-label:hover:after {
	background:rgba(111,168,220,1);
}

.switch-label:hover {
	background:#ddd;
}



/*
.switch-input:checked ~ .switch-label {
	border-radius: 5px
	/*background: #6fa8dc;*//*
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
	width: 100%;
	height: 100%;

}
.switch-input:checked ~ .switch-label:after {
		background:rgba(111,168,220,0.7);
}
.switch-input:checked ~ .switch-label:before {
	opacity: 1;
	background: transparent;	

}
*/
/*
.switch-input:checked ~ .switch-handle {
	left: 74px;
	box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
	opacity: 1;
    /* width: 100%; */
    /* display: inline-block; *//*
    right: -160px;
    text-align: right;
    background: #fff;
}
*/

.switch-light .switch-handle {
	top: 6px;
	left: 72px;
	background: #dadada;
	width: 22px;
	height: 22px;
	box-shadow: none;
}
.switch-light .switch-handle:before {
	background: #eceeef;
}
.switch-light .switch-input:checked ~ .switch-label {
	background: #FFF;
	border-color: #9370DB;
}
.switch-light .switch-input:checked ~ .switch-handle {
	left: 72px;
	box-shadow: none;
	background: #9370DB;
}
.switch-light .switch-input:checked ~ .switch-handle:before {
	background: rgba(255,255,255,0.7);
}
/* Transition
============================================================ */
.switch-label, .switch-handle {
	transition: All 0.3s ease;
	-webkit-transition: All 0.4s ease;
	-moz-transition: All 0.4s ease;
	-o-transition: All 0.4s ease;
	height: 100%;
}
.or-box {
    font-size:22px;
    font-weight: 700;
    line-height:34px;
    text-align: center;
    position: absolute;
    top:13px;
    left:0px;
		right:0px;
		margin:0px auto;
    width: 45px;
    height: 45px;
    background: #fff;
    border: 2px solid #000;
    border: 2px solid #000;
    border-radius: 100px;
		padding-right:5px;
}
.or-box em {
	font-family: 'Kavoon', cursive;	
	}
.or-box strong {
	font-size: 10px;
	margin-left: -4px;
	margin-top: 2px;
	display: inherit;
}
.choose-box{
	background-color:#2a2a2a;
	text-align:center;
	color:#fff;
	max-width:180px;
	margin:0px auto;
  padding:2px 0px;
	border-radius:5px 5px 0px 0px;
  box-shadow:1px 1px 4px rgba(0,0,0,0.3) inset;
	}
.domin-name{
	background-color:#2a2a2a;
	text-align:center;
	color:#fff;
	padding:3px 3px 1px;
	width:100%;
	font-size:12px;
	letter-spacing:1px;
	bottom:0;
	position:absolute;
	/*display:inline-block;*/
	}
.switch-input:hover{
	background-color:#000;
	}
/************************switch bottun css*/



@media (max-width:1080px){
html .container{ width:100%;}
}
@media (max-width:767px){
	.center-btn{ top:50%; margin-top:-65px;}
	.box-img{ height:100%;}
	.main-section [class="col-"] + [class="col-"]{ margin-top:20px;}
}
@media (max-width:480px){
	.switch-label{ font-size:25px;}
.center-btn{ width:270px;}
.switch-label:after{ width:134px;}
.switch-label:before{ width:134px;}
.or-box{ height:35px; width:35px; padding-right:3px; font-size:19px; line-height:27px; top:18px;}
}


/*@media (max-width: 414px) {
	.center-btn {left: 57px;}
	.switch {width: 285px; height: 77px; }
	.switch-label {font-size: 24px; }
	.switch-label:before {line-height: 66px; right: 23px;}
	.switch-label:after {top: 20px; left: 45px;}
	.or-box {width: 40px; height: 40px; top: 12px; left: 118px; }
	.or-box strong {margin-left: -10px; margin-top: -4px;}
}
@media (max-width: 375px) {
	.center-btn {left: 40px;}
}
@media (max-width: 360px) {.switch-label:after {width: unset;}
}

@media (max-width: 320px) {
	.center-btn {left: 0px; right: 0px;}
	.switch {width: 220px; height: 60px;}
	.switch {left: 0px;}
	.or-box {width: 30px; height: 30px; top: 8px;left: 92px; font-size: 18px; line-height: 23px;}
	.or-box strong {margin-top: -1px;}
	.switch-label {font-size: 18px;}
	.switch-label:before {line-height: 45px; right: 14px; }
		.switch-label:after {width: unset; top: 15px; left:30px;}
}*/