@import url('https://fonts.googleapis.com/css2?family=Secular+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Tamil:wght@400;700&display=swap');
* {
margin: 0;
padding: 0
}
body {
position: relative;
background: #fff;
color: #000;
font-family: 'Secular One', sans-serif;
}
dt {
font-weight: 700;
}
img {
border: none;
vertical-align: middle;
}
ul[class] {
list-style: none;
}
a {
color: #c32143;
-moz-transition: color 0.5s;
-webkit-transition: color 0.5s;
-o-transition: color 0.5s;
transition: color 0.5s;
text-decoration: none;
}
a:hover {
color: #ff8400;
text-decoration: none;
}
a * {
cursor: pointer;
}
textarea,
input,
select,
option,
optgroup,
button {
font-family: inherit;
font-size: inherit;
vertical-align: middle;
}
textarea {
min-width: 100%;
max-width: 97%;
min-height: 150px;
padding: 5px 1%;
}
button,
[type="radio"],
[type="checkbox"],
[type="submit"],
[type="button"],
[type="reset"],
label,
select {
cursor: pointer;
vertical-align: middle;
}
/*input, select, textarea {
outline: none;
}
*/
select option {
padding: 0 10px;
}
fieldset {
overflow: hidden;
border: none;
}
legend {
display: none;
}
option {
padding: 0 5px;
}
table {
border-collapse: collapse;
}
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"]>input[type="button"]::-moz-focus-inner {
padding: 0;
border: none;
}
h1 {
margin: 1em 0 0.5em;
color: #3f3f3f;
font: 400 2.308em Secular One;
}
h1:first-child {
margin: 0.5em 0 0.3em;
font-size: 2em;
}
h2 {
margin: 1em 0 0.5em;
color: #060606;
font: 400 2.154em Secular One;
}
/*h2 span {
display: inline-block;
margin-bottom: -1px;
padding: 8px 0;
border-bottom: 2px solid #ff8400;
}*/
h3 {
margin: 1.5em 0 1em;
color: #3f3f3f;
font: 400 1.846em Secular One;
}
h4 {
margin: 1.5em 0 1em;
color: #3f3f3f;
font: 400 1.538em Secular One;
}
h5 {
margin: 1.5em 0 1em;
color: #3f3f3f;
font: 400 1.385em Secular One;
}
h6 {
margin: 1.5em 0 1em;
color: #3f3f3f;
font: 400 1.231em Secular One;
}
p {
margin: 1em 0;
color: #000;
font-size: 16px;
}
ul,
ol {
/*margin: 1em 0;
*/
padding: 0;
list-style-type: none;
}

.alignleft {
float: left;
margin: 0 20px 20px 0;
}
.alignright {
float: right;
margin: 0 20px 20px 0;
}
label {
display: block;
color: #3f3f3f;
}
input,
textarea,
select {
padding: 10px 3%;
color: #000;
border: 1px solid #ccc;
border-radius: 2px;
background: #fff;
}
input.error,
textarea.error,
select.error {
border-color: #e65842;
background-color: #ffe6dc;
box-shadow: 0 0 2px 1px #ffece6;
color: #ef4437;
}
select {
padding: 10px 3%;
color: #000;
/*width: 100%;
*/
}
blockquote {
margin: 1.5em 0 1.5em 1em;
padding: 1px 0 1px 1.5em;
border-left: 2px solid #ff8400;
font-style: italic;
}
.clear {
clear: both;
height: 0;
overflow: hidden;
}
/* Main layout ------------------------------------------ */
.root {
overflow: hidden;
}
body.boxed .root {
/*max-width: 1170px;
margin: 0 auto;
background: #fff;
width: 100%;*/
}
@media (max-width: 980px) {
.root {
margin: 0;
padding: 0 20px;
}
/*.boxed .root .content {
padding: 0;
}
*/
header,
footer,
.breadcrumb {
margin: 0 0px;
}
footer,
.breadcrumb {
padding-left: 20px;
padding-right: 20px;
}
}
@media (max-width: 800px) {
    
    h1:first-child{
        margin: 0em 0 0.3em;
    font-size: 1.5em;
    }
    
    .content-slider article p{
      min-height: auto !important  
    }
    
    .pt-4{
        padding-top:10px !important;
    }
.root {
margin: 0;
padding: 0 0px;
}
.makefull {
width: 100% !important
}
.floatnone {
float: none !important;
}
footer {
padding-left: 10px;
padding-right: 10px;
}
}
/*body.boxed.shadow .root {
box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}*/
header {
position: relative;
z-index: 50;
background: #fff;
/*box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);*/
}
header>section.top {
position: relative;
z-index: 20;
height: 22px;
margin: 0;
box-shadow: inset 0 -2px 2px rgba(0, 0, 0, 0.05);
background: #006afe;
color: #fff;
font-size: 0.846em;
text-align: right;
}
header>section.top>div {
max-width: 940px;
margin: 0 auto;
}
header>section.top p {
float: left;
margin: 0;
padding: 0;
line-height: 30px;
}
header>section.top nav {
display: inline-block;
}
header>section.top nav>ul {
height: 30px;
margin: 0;
list-style: none;
text-align: left;
}
header>section.top nav>ul>li {
float: left;
position: relative;
margin: 0;
}
header>section.top nav>ul>li>a {
display: inline-block;
height: 30px;
padding: 0 10px;
color: #fff;
line-height: 30px;
}
header>section.top nav>ul>li:hover>a {
background-color: #060;
color: #fff;
}
header>section.top nav>ul>li.current-menu-item>a,
header>section.top nav>ul>li.current-menu-item:hover>a {
color: #fff;
background-color: #ff8400;
}
header>section.top nav>ul>ul {
font-size: 1.182em;
line-height: 1em;
}

header nav.utils a:hover {
background-color: #555;
}
header>section.main-header {
position: relative;
z-index: 0;
max-width: 100%;
margin: 0 auto;
background: #fff;
width: 100%;
}










header nav a {
-moz-transition: none;
-webkit-transition: none;
-o-transition: none;
transition: none;
}
header nav .select {
display: none;
}
header p.title {
float: left;
margin: 3px 10px;
color: #999;
font: 400 1.154em Secular One;
}
header p.title a {
display: block;
color: #3f3f3f;
font-size: 2.267em;
font-weight: 400;
}
header p.title a:hover {
color: #3f3f3f;
}
header p.title img {
vertical-align: middle;
}
header .searchform {
float: right;
margin-top: 18px;
}
header .searchform fieldset,
aside .searchform fieldset {
border: 1px solid #ccc;
border-radius: 2px;
}
header .searchform input,
aside .searchform input {
margin: 0;
padding: 3px 10px;
border: none;
box-shadow: none;
background: #fff;
font-size: 0.917em;
}
header .searchform input {
color: #000;
}

header .top .searchform {
display: inline-block;
width: 220px;
margin-top: 8px;
font-size: 1.091em;
}
header .top .searchform fieldset {
background: #fff;
}
header .top .searchform input {
width: 170px;
}
@media (max-width: 980px) {
header>section {
padding: 0 20px;
}
}
@media (max-width: 800px) {

	.no-pad1 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.member-login{
	box-shadow: 0px 0px 0px 6px rgb(250 255 249);
border: solid 1px #d5f6d1 !important;
    margin-bottom: 10px;
    padding: 10px;
    /*background-color: #d5f6d1;*/
    margin-top: 5px !important;
}
.ui-corner-all{
width: 100% !important
}
.forget a{
float: none !important;
text-align: center;
padding: 20px;
clear: both;
}
#username{
width: 100% !important
}
.logostyle img{
width: 300px !important;
padding-left:20px;
}
.logostyle{
width: 100% !important
}
.landing-form{
top: 330px !important;
}

.form-horizontal .control-label {
   font-size: 14px !important;
}

#CaptchaInput{
    font-size:11px !important;
}

.root {
margin: 0;
padding: 0 0px;
}
header>section {
margin: 0 -20px;
padding: 5px 20px 0;
}
header>section.top {
height: auto;
padding: 5px 20px 0;
text-align: right;
}
header>section.top nav {
width: 280px;
}
header>section.top .searchform {
margin: 0;
}
header>section.main-header nav .select {
width: 350px;
}
/*header nav>ul {
display: none;
}
*/
header nav.social {
text-align: left;
}
header nav.social>ul {
display: block;
height: 24px;
margin: 15px 0;
padding: 0;
line-height: 24px;
}
header nav .select {
display: block;
margin: 10px auto;
text-align: left;
}
header>section.main-header nav .select {
margin: 0 0 10px;
}
header .top nav .select {
margin: 2px 0 5px;
}
header nav .select select {
width: 100%;
}
header nav {
padding-bottom: 1px;
text-align: center;
width: 70%!important;
}
}
@media (max-width: 645px) {
header p.title strong {
text-align: center;
}
header p.title {
float: none;
margin: 10px auto;
text-align: center;
width: 100% !important;
}
header .searchform {
float: none;
width: 220px;
margin: 20px auto 0;
text-align: center
}
header .searchform input {
width: 180px;
padding: 3px 5px;
}
header nav.social {
text-align: center;
}
header>section.main-header nav {
float: none;
clear: left;
}
header>section.main-header nav .select {
width: auto;
}
}
@media (max-width: 620px) {
header>section.top p {
float: none;
text-align: center;
}
header>section.top {
text-align: center;
}
header>section.top nav {
clear: both;
width: 100%;
margin: 0 auto;
}
}
@media (max-width: 800px) {
header>section {
padding: 5px 10px 0;
}
header>section.top p {
float: none;
text-align: center;
}
header>section.top {
text-align: center;
}
header nav {
padding: 0 0px 1px;
}
header>section.top nav {
display: block;
clear: both;
width: auto;
margin: 0 auto;
padding: 0 0 5px;
}
header>section.top nav .select {
display: block;
width: auto;
margin: 2px 0 5px;
}
}
.breadcrumb {
border-bottom: 1px solid #e6e6e6;
background-color: #ececec;
}
.breadcrumb p {
max-width: 940px;
margin: 0 auto;
padding: 1em 0;
color: #999;
font-size: 0.846em;
}
.breadcrumb p a {
display: inline-block;
margin-right: 5px;
padding-right: 14px;
background: url("../images/bcrumb-arrow.gif") 100% 50% no-repeat;
color: #3f3f3f;
}
.breadcrumb p a:hover {
color: #999;
}
.content {
position: relative;
/*overflow: hidden;
*/
clear: both;
max-width: 940px;
margin: 0 auto;
padding: 11px 0 40px;
}
/*.boxed .content {
max-width: 100%;
padding: 1px 30px 40px;
}
*/
.boxed .content {
max-width: 100%;
/*padding: 1px 10px 0px;*/
/*min-height: 700px;
*/
}
@media (max-width: 980px) {
.content {
max-width: 100%;
}
}
aside {
margin-top: 3em;
}
aside h3 {
margin-bottom: 1em;
font-weight: normal;
border-bottom: 1px solid #dfdfdf;
color: #3f3f3f;
font-size: 1.5em;
font-weight: 400;
margin-top: 1%;
}
aside h3 span {
display: inline-block;
margin-bottom: -1px;
padding: 8px 0;
border-bottom: 2px solid #ff8400;
}
.social ul,
ul.social {
overflow: hidden;
margin: 10px 0;
}
.social ul li,
ul.social li {
display: inline-block;
margin: 0 0 0 5px;
list-style: none;
width: 24px;
height: 24px;
}
.social ul li a,
ul.social li a {
display: inline-block;
overflow: hidden;
width: 24px;
height: 24px;
background: url("../images/social.png");
text-indent: -500em;
opacity: 0.3;
}
.social ul li a:hover,
ul.social li a:hover {
opacity: 1;
}
footer {
margin: 0 -7px;
padding: 25px 7px 0;
background: url("../images/footer.png");
box-shadow: inset 0 3px 7px rgba(0, 0, 0, 0.2);
color: #aeaeae;
}
footer a {
color: #ebebeb;
}
footer a:hover {
color: #aeaeae;
}
footer section {
overflow: hidden;
margin: 0 auto;
padding: 30px 0px;
/*max-width: 1020px;*/
}
footer section.bottom {
overflow: hidden;
padding: 20px 0;
border-top: 1px solid #f3e7e7;
color: #999;
font-size: 1.1em;
}
.boxed footer section.bottom {
padding: 20px 0;
}
footer section.bottom p {
float: left;
margin: 0 0 1em;
font-size: 0.917em;
}
.para{
	color: #fff
}
footer nav.social {
float: right;
margin: 0;
}
footer nav.social ul {
float: right;
overflow: hidden;
margin: 0;
}
footer nav.social ul li {
float: left;
margin-left: 8px;
}
footer article {
display: inline-block;
width: 29%;
margin: 0 0 25px 3%;
font-size: 0.923em;
vertical-align: top;
}
footer article:nth-of-type(4n-3) {
margin-left: 0;
}
footer article h3 {
margin-bottom: 1em;
font-weight: normal;
border-bottom: 1px solid #fff;
color: #ffffff;
font-size: 1.5em;
font-weight: bold;
}
footer article h3 span {
display: inline-block;
margin-bottom: -1px;
padding: 8px 0;
border-bottom: unset !important;
}
footer article ul {
list-style: none;
}
footer article ul li {
margin: 0 0 0.5em;
font-size: 18px;
line-height: 32px;
}
footer article.widget_photos ul li {
display: inline-block;
margin: 0 3px 6px 0;
}
footer article.widget_links ul li:before {
float: left;
overflow: hidden;
width: 7px;
margin-right: 7px;
color: #fff;
}
footer article.tagcloud a {
padding: 0 2px;
}
footer article input {
width: 66.3%;
margin-right: 5px;
padding: 5px 3%;
border: 1 px solid #ccc;
border-radius: 2px;
font-size: 1.167em;
vertical-align: top;
color: #777;
}
footer article button {
width: 40px;
height: 28px;
padding: 0;
border-radius: 3px;
line-height: 17px;
vertical-align: top;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.18);
text-align: center;
}
@media (max-width: 980px) {
footer {
margin: 0 -20px;
padding: 25px 20px 0;
}
}
@media (max-width: 800px) {
footer article {
width: 48.5%;
float: left;
}
footer article:nth-of-type(2n-1) {
margin-left: 0;
}
}
@media (max-width:1024px) {
.makehide {
display: none !important;
}
.reverse .main {
float: left !important;
}
.prowidth {
width: 60% !important;
}
.nopromargin {
margin-left: 0px !important;
}
.makesmallfont {
font-size: 16px !important
}
}
@media (max-width: 800px) {
.makesmallfont {
font-size: 18px !important;
}
.columnsevai.no-space.sevaithird {
width: 100% !important;
border: none !important;
height: auto !important;
min-height: auto !important;
}
header p.title {
float: none;
margin: 10px auto;
text-align: center;
width: 100% !important;
}
footer article {
width: 100% !important;
margin-left: 10px;
}
.main-header nav {
width: 100% !important;
}
.makeheadin {
float: none !important;
}
.r-content-right-top {
width: 100% !important;
}
/*.login {*/
/*width: 100% !important;*/
/*}*/

.login {
    width: 47% !important;
    float: none !important;
    display: table-cell;
    text-align: center;
}


#slider2_container {
width: 100% !important;
}
.slider11 {
width: 100% !important;
}
.content>aside {
display: none;
}
.reverse .main {
float: left !important;
width: 100% !important;
}
.main .content-slider article {
width: 165px !important;
height: 230px !important;
margin-right: 0px;
}
.makewidth {
width: 100% !important;
}
.main .content-slider>div.slider-box {
height: auto !important;
}
.feature_title {
font-size: 17px !important
}
body.boxed {
background-color: #fff !important;
background-image: none !important;
}

.landing-form form {
position: static;
float: none;
margin: 0em auto !important;
height: auto !important;
}
/*.landing-form{
display: none;
}
*/
.headertop {
margin-top: 0px !important;
width: 100% !important;
margin-bottom: 0px;
}
.makebig {
font-size: 18px;
}
.col-md-6 {
width: 100% !important;
}
.fullwidth {
width: 100% !important;
}
.makeleft {
padding-left: 20px;
margin-top: 10px;
padding-bottom: 10px;
}
.makeclear {
clear: both;
}
select {
width: 100% !important;
}
.makehalf {
width: 100px !important;
float: left !important;
}
.needpadin {
padding-top: 10px;
padding-bottom: 10px;
}
.profilein{
text-align: center !important;
}
.nopads{
padding-left: 0px !important;
padding-right: 0px !important;
line-height: 28px;
}
.nomargin {
margin-left: 0px !important
}
.fontsmall {
font-size: 11px !important;
}
#accordion-container h2 {
font-size: 18px !important;
}
.photo-content img {
width: 100% !important;
height: auto;
}
.h2,
h2 {
font-size: 25px !important;
}
#age_from,
#age_to {
padding: 0px !important
}
.fontsmall1 {
font-size: 16px !important;
}
.footer-top{
background-color: #bd114b !important;
background-image: none !important;
}
.noright {
padding-right: 0px !important
}
.makevisible {
display: block !important;
}
.makehide {
display: none;
}
.r-content-top-2 {
height: auto !important;
width: 100% !important;
}
.first {
margin-top: 10px;
}
.nopad {
padding-left: 0px !important;
padding-bottom: 10px;
}
.r-content-left {
height: auto !important;
border-right: none !important;
width: 100% !important;
text-align: center;
}
.mobilogin {
display: block !important;
}
/*table, th {
width: 100%;
}
*/
/*footer article:nth-of-type(2n-1) {
margin-left: 10px !important;
}*/
.headertop li {
padding-top: 5px !important;
text-align: center;
float: none !important;
margin-left: 5px;
margin-right: 0px;
display: inline-block;
margin-bottom: 5px;
}

.makemybutton {
padding: 10px !important;
padding-left: 15px !important;
padding-right: 15px !important;
}
header p.title img {
vertical-align: middle;
width: 90%;
margin: 0px auto;
float: none;
}
.columns {
overflow: hidden;
margin: 30px 0;
width: 95% !important;
margin-left: 10px !important;
}
.con {
width: 95% !important;
margin-left: 0px !important;
}
#information-area-1a {
width: 60% !important
}
#info-3-title-middle {
width: 200px !important
}
#result-box-top-middle {
width: 280px !important
}
#info-4-title-middle {
width: 200px !important
}
#result-box-bottom-middle {
width: 100% !important;
}
#result-box-bottom-left {
display: none;
}
#result-box-bottom-right {
display: none;
}
/*.r-content-photo img{
width: 100% !important;
height: 100% !important 
}*/
.box-match-data-actions {
margin-top: 10px;
margin-bottom: 10px;
}
}
@media (max-width: 645px) {
header .social {
text-align: center;
}
}
@media (max-width: 550px) {
footer nav.social {
float: none;
clear: both;
}
footer nav.social ul {
float: none;
text-align: center;
}
footer nav.social ul li {
float: none;
display: inline-block;
}
footer nav.social ul li a {
display: inline-block;
float: none;
}
footer section.bottom p {
float: none;
text-align: center;
}
}
/* Column system ------------------------------------------ */
.columns {
/*overflow: hidden;*/
margin: 0px 0;
}
.columns>article,
.columns>div,
.columns>section {
display: inline-block;
margin: 0 0 20px 3%;
vertical-align: top;
}
.columns>article.col1,
.columns>div.col1,
.columns>section.col1 {
margin: 0 0 50px 0;
}
.columns>article.col6,
.columns>div.col6,
.columns>section.col6 {
margin-left: 2%;
}
.columns>h2:first-child,
.why-us h2 {
margin: 0 0 1.5em;
border-bottom: 1px solid #dfdfdf;
font-weight: 400;
font-size: 1.846em;
}
.columns>h2:first-child {
margin-bottom: 1em;
}
.columns>h2:first-child,
.home section .columns h2:first-child,
.home section .latest h2:first-child,
.why-us h2 {

border-bottom: 1px solid #dfdfdf;
font-weight: 400;
font-size: 1.846em;
}
.columns>h2:first-child {
margin-bottom: 1em;
}
.columns h2:first-child span,
.columns .more:first-child+h2 span,
section h2:first-child span {
display: inline-block;
margin-bottom: -1px;
padding: 10px 0;
border-bottom: 2px solid #ff8400;
}
.columns .more:first-child+h2 {
clear: none;
margin: 0 0 1em;
}
.columns .more:first-child {
float: right;
margin: 1em 0 0;
}
.why-us h2 {
margin-top: 0.5em;
}
.col1 {
width: 100%;
margin-left: 0;
}
.col2 {
width: 48.5%;
}
.columns>.col2:nth-of-type(2n-1) {
margin-left: 0;
}
.col3 {
width: 31.3%;
margin-left: 3%;
}
.columns>.col3:nth-of-type(3n-2) {
margin-left: 0;
}
.col4 {
width: 22.5%;
}
.columns>.col4:nth-of-type(4n-3) {
margin-left: 0;
}
.columns>.col23 {
width: 64%;
margin-left: 0;
}
.col23+.col3 {
margin-left: 3%;
}
.col3+.col23 {
margin-left: 3%;
}
.col34 {
width: 73%;
}
.col34+.col4,
.col4+.col34 {
margin-left: 3%;
}
.col5 {
width: 17.5%;
margin-left: 3%;
}
.columns>.col5:nth-of-type(5n-4) {
margin-left: 0;
}
.col6 {
width: 15%;
}
.columns>.col6:nth-of-type(6n-5) {
margin-left: 0;
}
.col1,
.col2,
.col3,
.col4,
.col23,
.col6,
.col34 {
overflow: hidden;
}
.col4+.col2 {
margin-left: 3% !important;
}
.col2 img.post-thumbnail {
width: 100%;
max-width: 455px;
}
.home .col2 h2,
.home .col3 h2,
.post>h2 {
font-size: 1.846em;
font-weight: 400;
}
.col2 h2 a,
.col3 h2 a,
.col2 h2 a,
.col3 h2 a {
color: #3f3f3f;
}
.col2 h2 a:hover,
.col3 h2 a:hover,
.col2 h2 a:hover,
.col3 h2 a:hover {
color: #ff8400;
}
.columns .post h2 {
font-weight: 400;
}
.columns h2:first-child {
margin-top: 0;
}
.columns .col3 h3:first-child {
margin-top: 0;
font-size: 1.385em;
}
.col1 .img img {
width: 100%;
}
.col2 img,
.col3 img,
.col4 img,
.col6 img,
.col5 img {
width: 100%;
}
.col2 img {
max-width: 455px;
}
.col3 img {
max-width: 300px;
}
.col4 img {
max-width: 220px;
}
.col6 img {
max-width: 140px;
}
.col34 img {
max-width: 705px;
}
.col2.post {
margin-bottom: 40px;
}
.col3.post h2,
.col2.post h2 {
margin: 0.5em 0 0;
}
.col3 h3 {
margin-bottom: 0.5em;
font-size: 1.538em;
}
.col3 h3 img,
.col4 h3 img {
width: auto;
margin-right: 5px;
}
.col3 p {
margin: 0.5em 0;
}
.img-border {
max-width: 100%;
width: auto;
}
/*a:hover span.img-border {
opacity: 0.7;
}
*/
.post>p>img,
.single>article>p>img,
.post>p>.img-border img,
.single>article>p>.img-border img,
.post .img-border img {
max-width: 100%;
}
*>.img-border>img {
margin: 0;
}
@media (max-width: 800px) {
.columns>.col23,
.columns>.col2,
.columns>.col3,
.columns>.col3:nth-of-type(3n-2),
.columns>.col4,
.columns>.col34 {
width: 48%;
margin-left: 4%;
}
.columns>.col23+.col3 {
margin-left: 3%;
}
.columns>.col2:nth-of-type(2n-1),
.columns>.col3:nth-of-type(2n-1),
.columns>.col4:nth-of-type(2n-1),
.columns>.col34:nth-of-type(2n-1),
.columns>.col23:nth-of-type(2n-1) {
margin-left: 0;
}
.col23 .img,
.col2 .img,
.col3 .img,
.col23 .img img,
.col2 .img img,
.col3 .img img,
.col1 .img img,
.col4 .img img {
width: 100%;
}
.col23 .img img,
.col2 .img img,
.col3 .img img,
.col4 .img img {
max-width: 100%;
}
.col2 .img-border,
.col3 .img-border,
.col4 .img-border {
width: 100%;
}
.columns>.col4+.col4+.col2 {
margin-left: 0 !important;
}
}
@media (max-width: 800px) {
.columns>.col23,
.columns>.col2,
.columns>.col3,
.columns>.col4,
.columns>.col34 {
width: 98%;
margin-left: 0;
}
.col23+.col3 {
width: 98%;
margin-left: 0;
}
.col6 {
width: 48%;
}
.col5 {
width: 48%;
}
.col5:nth-of-type(2n-1) {
margin-left: 0;
}
.columns>.col6:nth-of-type(2n-1),
.columns>.col2:nth-of-type(2n-1),
.columns>.col3:nth-of-type(2n-1),
.columns>.col4:nth-of-type(2n-1) {
margin-left: 0;
}
.col23 .img,
.col2 .img,
.col3 .img,
.col23 .img img,
.col2 .img img,
.col3 .img img,
.col1 .img img,
.col4 .img img {
width: 100%;
}
.col23 .img img,
.col2 .img img,
.col3 .img img,
.col4 .img img {
max-width: 100%;
}
.col2 .img-border,
.col3 .img-border,
.col4 .img-border {
width: 100%;
}
.columns>.col23,
.columns>.col2,
.columns>.col3,
.columns>.col3:nth-of-type(3n-2) {
margin-left: 0;
width: 100%;
}
}
/* overwrite portfolio item margins */
.first-item {
margin-left: 0 !important;
}
.next-item {
margin-left: 3% !important;
}
@media (max-width: 800px) {
.first-item {
margin-left: 0 !important;
}
.next-item {
margin-left: 0 !important;
}
}
/* Widely used classes and styles ------------------------------------------ */
.more a {
padding-left: 15px;
background: url("../images/more.png") 0 50% no-repeat;
color: #3f3f3f;
}
.more a:hover {
color: #ff8400;
}
a.go-top {
position: fixed;
right: 0;
bottom: 50px;
display: block;
overflow: hidden;
width: 44px;
height: 40px;
background: #ff8400 url("../images/go-top.png") 50% 50% no-repeat;
text-indent: -50em;
}
@media (max-width: 960px) {
a.go-top {
display: none;
}
}
h2.alt {
border-bottom: 1px solid #dfdfdf;
font-weight: 400;
font-size: 1.846em;
}
h2.alt span {
display: inline-block;
margin-bottom: -1px;
padding: 10px 0;
border-bottom: 2px solid #ff8400;
}
.dc,
.dc-alt {
float: left;
margin: 0.3em 10px 5px 0;
color: #3f3f3f;
font-size: 4em;
}
.dc-alt {
color: #ff8400;
}
ul.tick li {
margin-left: 0;
padding-left: 25px;
background: url("../images/tick.png") 0 1px no-repeat;
}
ul.tick li:before {
display: none;
}
ul.dash li {
margin-left: 0;
}
ul.dash li:before {
overflow: hidden;
float: left;
width: 7px;
margin-right: 10px;
content: "—";
}
div.video {
position: relative;
padding-bottom: 45%;
padding-top: 25px;
height: 0;
}
div.video iframe {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
iframe {
border: none;
}
.img-border {
display: inline-block;
/*position: relative;*/
cursor: pointer;
}
/*.img-border:before {
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 2;
box-shadow: inset 0 0 0 4px rgba(0, 0, 0, 0.1);
content: " ";
}*/
.posts .img-border {
width: auto;
}
.table {
overflow-x: auto;
}
/* tabs */
ul.tabs {
margin: 0 0 1em;
border-bottom: 1px solid #dfdfdf;
}
ul.tabs:after {
clear: both;
display: block;
height: 0;
content: ' ';
}
ul.tabs li {
float: left;
margin: 2px 4px 0 0;
}
ul.tabs li a {
float: left;
border: 1px solid #dfdfdf;
color: #3f3f3f;
margin: 0 0 -1px;
padding: 0 10px;
font: 300 1.231em/35px Secular One;
}
ul.tabs a.selected {
padding-bottom: 2px;
border: 1px solid #ff8400;
border-bottom: 3px solid #d97000;
background: #ff8400;
color: #fff;
line-height: 31px;
}
.tab-content h2 {
font-weight: 400;
font-size: 1.538em;
}
@media (max-width: 600px) {
ul.tabs li {
float: none;
margin: 0;
}
ul.tabs li a {
float: none;
display: block;
margin: 0;
}
ul.tabs li a.selected {
border-bottom-color: #d97000;
}
ul.tabs {
height: auto;
}
}
.tabbed.alt ul.tabs {
float: left;
width: 25%;
height: auto;
margin: 0;
}
.tabbed.alt ul.tabs li {
float: none;
margin: 0;
}
.tabbed.alt ul.tabs li a {
float: none;
display: block;
border-right: none;
border-top: none;
}
.tabbed.alt ul.tabs li:first-child a {
border-top: 1px solid #dfdfdf;
}
.tabbed.alt ul.tabs li:first-child a.selected {
border-top: none;
}
.tabbed.alt .tab-content {
overflow: hidden;
width: 74%;
padding: 0 0 0 5%;
border-left: 1px solid #dfdfdf;
}
/* pagination */
.wp-pagenavi {
display: block;
clear: both;
margin: 1em 0;
font-size: 1.308em;
}
.wp-pagenavi span.current {
display: inline-block;
margin-right: 5px;
padding: 0 5px;
color: #ff8400;
}
.wp-pagenavi a {
display: inline-block;
margin-right: 5px;
padding: 0 5px;
color: #3f3f3f;
}
.wp-pagenavi a:hover {
color: #ff8400;
}
.wp-pagenavi a.nextpostslink {
padding-right: 20px;
background: url("../images/more.png") right center no-repeat;
font-size: 0.706em;
}
.wp-pagenavi a.previouspostslink {
padding-left: 20px;
background: url("../images/back.png") left center no-repeat;
font-size: 0.706em;
}
/* accordion */
ul.accordion {
border-top: 1px solid #e5e5e5;
}
ul.accordion li {
margin: 0;
border-bottom: 1px solid #e5e5e5;
}
ul.accordion li>a {
display: block;
padding: 5px 0 5px 25px;
color: #3f3f3f;
font: 300 1.333em Secular One;
outline: none;
}
ul.accordion li>a:before {
float: left;
position: relative;
margin: -3px -20px 0;
color: #ff8400;
font: 400 1.308em Secular One;
content: "+";
}
ul.accordion li>a.expanded:before {
color: #aeaeae;
content: "-";
}
ul.accordion li>div {
display: none;
}
/* sliders in content */
/*.content-slider {
overflow: hidden;
}*/
.content-slider>h2:first-child {
margin-bottom: 1.2em;
border-bottom: 1px solid #dfdfdf;
font-weight: 400;
}
.content-slider.related>h2:first-child {
font-size: 1.846em;
}
.content-slider>div.slider-box {
/*position: relative;*/
/*overflow: hidden;*/
width: 100%;
/*height: 250px;*/
margin: 0;
padding: 0;
}
.content-slider .next-prev {
position: relative;
top: -50px;
float: right;
overflow: hidden;
margin: 0 0 -15px;
padding: 0;
}
.content-slider h2+.next-prev {
top: -65px;
}
.content-slider .next-prev li {
float: left;
margin: 0;
width: 22px;
}
.content-slider .next-prev a {
float: left;
overflow: hidden;
width: 22px;
height: 22px;
/*background: url("../images/slider2-controls.png");
*/
text-indent: -1000px;
outline: none;
}
.content-slider .next-prev .prev a {
background-position: 0 0;
}
.content-slider .next-prev .next a {
background-position: -22px 0;
}
.content-slider>div {
padding: 0;
}
.content-slider>div>div {
/* overflow: hidden;
position: absolute;*/
left: 0;
top: 0;
padding: 0;
}
.content-slider article {
display: inline-block;
width: 215px;
margin: 0 10px 0 0;
vertical-align: top;
}
.content-slider article:last-child{
margin: 0 0px 0 0 !important;
}
.content-slider article h3 {
margin: 0.5em 0;
font-size: 1.231em
}
.content-slider.related article h3 {
font-size: 1.385em;
}
.content-slider article h3 a {
color: #3f3f3f;
}
.content-slider article h3 a:hover {
color: #ff8400;
}
.content-slider article p {
margin: 0;max-width: 215px;
padding: 5px 5px;width: 215px;
color: #ffdb12;
line-height: 1.5;
background-color: #03a84e;
max-width: 215px;
border-bottom: 2px solid #e00c64;
}
.content-slider article img {
width: 100%;width: 215px;
/*max-width: 215px;*/
}
.content-slider.related>div {
height: 250px;
}
.content-slider.related article>div {
position: relative;
overflow: hidden;
}
.content-slider.related article div div {
display: none;
}
.content-slider.related article div:hover div {
display: block;
position: absolute;
left: 0;
top: 0;
z-index: 2;
width: 100%;
height: 100%;
background: rgba(255, 132, 0, 0.8);
}
.content-slider.related article div ul {
overflow: hidden;
position: relative;
z-index: 3;
top: 60px;
list-style: none;
width: 70px;
margin: 0 auto;
padding: 5px;
border-radius: 20px;
background: rgba(255, 255, 255, 0.3);
text-align: center;
}
.content-slider.related article div ul li {
display: inline-block;
margin: 0 0 0 5px;
padding: 0;
}
.content-slider.related article div ul li:first-child {
margin-left: 0;
}
.content-slider.related article div ul li a {
display: inline-block;
overflow: hidden;
width: 30px;
height: 30px;
margin: 0;
background: url("../images/actions.png");
text-indent: -500em;
vertical-align: middle;
}
.content-slider.related article div ul li a.view {
background-position: 0 0;
}
.content-slider.related article div ul li a.go {
background-position: -34px 0;
}
/*.main .content-slider>div.slider-box {
height: 220px;
}
*/
.main .content-slider>div.slider-box {
height: auto;
}
/*.main .content-slider article {
width: 155px;
height: 210px;
}
*/
.main .content-slider article {
width: 145px;
height: 230px;
padding-top: 15px;
}
.main .content-slider article p {
margin-top: 0.1em;
line-height: 1.3em;
color: #3f3f3f;
}
.main .content-slider.big>div.slider-box {
height: 280px;
}
.main .content-slider.big article {
width: 210px;
height: 280px;
font: 300 1.231em Secular One;
}
/* comment or remove this line to show navigation arrows */
/* Home page styles ------------------------------------------ */
.hp-quote {
clear: both;
width: 70%;
margin: 25px auto;
padding: 15px 0 15px 55px;
background: url("../images/quote.png") 0 30px no-repeat;
color: #000;
}
.hp-quote blockquote,
blockquote.hp-quote {
margin: 0;
padding: 0;
border: none;
}
article .hp-quote {
width: auto;
padding: 0 0 0 55px;
background-position: 0 0;
}
.hp-quote p {
margin: 0.5em 0;
font: 300 1.846em/1.1em Secular One;
}
.hp-quote p.signature {
font: normal 1em Secular One;
text-align: right;
}
.hp-quote p.signature span {
color: #3f3f3f;
}
.why-us ul {
margin-top: 0;
color: #3f3f3f;
font-size: 0.923em;
}
.why-us li {
margin-left: 0;
padding-left: 25px;
background: url("../images/tick.png") 0 1px no-repeat;
}
.home section .why-us h2 {
margin-bottom: 1em;
}
.home .hp-latest2 .col2 h2 {
font-size: 1.538em;
}
.home .tabbed .tab-content h2 {
font-weight: 400;
}
.home .tabbed .img-border:before {
box-shadow: inset 0 0 0 3px rgba(0, 0, 0, 0.1);
}
/* intro */
.hp-intro {
overflow: hidden;
margin: 0;
padding: 20px 0;
}
.boxed .hp-intro {
margin: 0 -30px;
padding: 20px;
}
.hp-intro p.cta {
float: right;
height: 79px;
margin: 0;
padding: 0 20px 0 50px;
background: url("../images/cta.png") left center no-repeat;
font-size: 1.231em;
line-height: 79px;
}
.hp-intro p.slogan {
float: left;
width: 60%;
margin: 0;
color: #3f3f3f;
font: 300 2em/1.3em Secular One;
}
.boxed .hp-intro p.slogan {
margin-left: 2%;
}
.intro {
margin-bottom: 3em;
}
.intro h1 {
font-weight: 400;
font-size: 2.462em;
line-height: 1.2em;
}
.intro h1 strong {
color: #ff8400;
font-weight: 400;
}
@media (max-width: 820px) {
.hp-intro p.cta,
.hp-intro p.slogan,
.boxed .hp-intro p.slogan {
float: none;
width: 90%;
margin: 1em auto;
padding: 0;
background: none;
text-align: center;
}
.hp-intro p.cta a {
display: block;
padding: 10px;
text-align: center;
}
}
/* services list */
ul.hp-services {
margin: -1.5em 0 0;
padding: 0;
list-style: none;
}
ul.hp-services li {
overflow: hidden;
margin: 0;
padding: 20px 0;
border-top: 1px solid #dfdfdf;
}
ul.hp-services li:first-child {
border-top: none;
}
ul.hp-services li img {
float: left;
width: auto;
margin-right: 25px;
}
ul.hp-services li div {
overflow: hidden;
}
ul.hp-services li h3 {
margin: 0 0 0.5em;
font-size: 1.846em;
}
ul.hp-services li h3 a {
color: #3f3f3f;
}
ul.hp-services li h3 a:hover {
color: #ff8400;
}
/* recent work */
.columns.hp-recent-work>h2:first-child {
margin-bottom: 0.75em;
}
.hp-recent-work>div {
padding: 0;
height: 270px;
}
.hp-recent-work>div>div {
overflow: hidden;
position: absolute;
left: 0;
top: 0;
}
.hp-recent-work article {
display: inline-block;
width: 220px;
margin: 0 20px 0 0;
}
.hp-recent-work article h3 {
margin: 0.5em 0;
font-size: 1.538em;
}
.hp-recent-work article h3 a {
color: #3f3f3f;
}
.hp-recent-work article h3 a:hover {
color: #ff8400;
}
.hp-recent-work article p {
margin: 0;
color: #999;
}
.hp-recent-work article>div {
position: relative;
overflow: hidden;
}
.hp-recent-work article div div {
display: none;
}
.hp-recent-work article div:hover div {
display: block;
position: absolute;
left: 0;
top: 0;
z-index: 2;
width: 100%;
height: 100%;
background: rgba(255, 132, 0, 0.8);
}
.hp-recent-work article div ul {
overflow: hidden;
position: relative;
z-index: 3;
top: 60px;
list-style: none;
width: 70px;
margin: 0 auto;
padding: 5px;
border-radius: 20px;
background: rgba(255, 255, 255, 0.3);
text-align: center;
}
.hp-recent-work article div ul li {
display: inline-block;
margin: 0 0 0 5px;
padding: 0;
}
.hp-recent-work article div ul li:first-child {
margin-left: 0;
}
.hp-recent-work article div ul li a {
display: inline-block;
overflow: hidden;
width: 30px;
height: 30px;
margin: 0;
background: url("../images/actions.png");
text-indent: -500em;
vertical-align: middle;
}
.hp-recent-work article div ul li a.view {
background-position: 0 0;
}
.hp-recent-work article div ul li a.go {
background-position: -34px 0;
}
.hp-recent-work article img {
width: 100%;
max-width: 220px;
}
/* Our clients logo list */
.hp-our-clients>div.slider-box {
height: 100px;
}
.hp-our-clients>div ul {
position: absolute;
left: -10px;
top: 0;
list-style: none;
width: 1000em;
margin: 0;
padding: 0;
}
.hp-our-clients>div ul li {
float: left;
width: 140px;
margin: 0 10px;
}
.home .col3 h3 {
margin-bottom: 1.5em;
border-bottom: 1px solid #dfdfdf;
font-size: 1.846em;
}
.home .col3 h3 span {
display: inline-block;
margin-bottom: -1px;
padding: 8px 0;
border-bottom: 2px solid #ff8400;
}
.home .col4 h3,
.home .with-icons .col3 h3 {
margin: 0.5em 0;
border-bottom: none;
font-size: 1.538em;
}
.home .col4 h3 a,
.home .col3 h3 a {
color: #3f3f3f;
}
.home .col4 h3 a:hover,
.home .col3 h3 a:hover {
color: #ff8400;
}
.home h2+p {
margin-top: 0;
}
.home .latest h3 {
margin-bottom: 0;
font-size: 1.538em;
font-weight: 400;
}
.home .latest h3 a {
color: #3f3f3f;
}
.home .latest h3 a:hover {
color: #ff8400;
}
.home .latest article {
clear: both;
}
.cat-archive {
padding-left: 6px;
}
.cat-archive>section {
position: relative;
overflow: visible;
margin-bottom: 30px;
}
.cat-archive>section>h3:first-child {
position: absolute;
left: -6px;
top: 10px;
z-index: 5;
padding: 0 10px;
border: none;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
background: #ff8400;
color: #fff;
font-size: 1.538em;
font-weight: 400;
line-height: 40px;
}
.cat-archive>section>h3:first-child:before {
position: absolute;
left: 0;
top: 40px;
width: 0;
height: 0;
border-right: 3px solid #c76700;
border-top: 3px solid #c76700;
border-left: 3px solid #fff;
border-bottom: 3px solid #fff;
content: " ";
}
.cat-archive ul {
list-style: none;
}
.cat-archive ul li {
margin: 0.75em 0;
font: 300 1.231em Secular One;
}
.cat-archive ul li p {
margin: 1em 0 2em;
font: 400 0.813em/1.3em Secular One;
}
.cat-archive ul li a {
color: #3f3f3f;
}
.cat-archive ul li a:hover {
color: #ff8400;
text-decoration: none;
}
.cat-archive ul li:first-child {
margin-bottom: 1em;
border-bottom: 1px solid #dfdfdf;
}
.cat-archive ul li:first-child h4 {
margin: 0.5em 0;
font-size: 1.25em;
}
.cat-list li {
margin: 0;
padding: 0;
font-size: 0.923em;
}
.cat-list a {
color: #3f3f3f;
font-size: 1.083em;
}
.cat-list a:hover {
color: #ff8400;
}
.product-list-full h2:first-child {
margin-bottom: 1.5em;
border-bottom: 1px solid #dfdfdf;
font-size: 1.846em
}
.product-list-full ul {
list-style: none;
}
.product-list-full ul li {
overflow: hidden;
margin: 0em 0;
}
.product-list-full ul li .img {
float: left;
margin: 0 20px 20px 0;
}
.product-list-full ul li p {
overflow: hidden;
}
.product-list-full ul li h3 {
margin: 0;
font-size: 1.538em;
}
.product-list-full ul li h3 a {
color: #3f3f3f;
}
.product-list-full ul li h3 a:hover {
color: #ff8400;
}
.product-list-full ul li dl {
margin: 1em 0;
font-size: 0.923em;
line-height: 1em;
}
.product-list-full ul li dl dt {
padding: 0 5px 0 10px;
}
.product-list-full ul li dl dd {
padding: 0 10px 0 5px;
color: #000;
}
/* portfolio ------------------------------------------*/
h1+.columns.portfolio {
margin-top: 0;
}
.portfolio h2 {
border-bottom: 1px solid #dfdfdf;
font-weight: 400;
font-size: 1.846em;
}
.columns.portfolio {
margin-bottom: 0;
}
.columns.portfolio>div.filters {
display: block;
overflow: hidden;
width: 100%;
margin: 0 0 2em;
color: #999;
font-size: 0.923em;
}
.columns.portfolio>div.filters:first-child {
margin-top: 0;
}
.columns.portfolio>h2:first-child {
margin-top: 0;
}
.columns.portfolio+.columns.portfolio {
margin-top: 0;
}
.portfolio .filters p {
float: left;
margin: 0 5px 0 0;
}
.portfolio .filters ul {
float: left;
overflow: hidden;
margin: 0;
padding: 0;
list-style: none;
}
.portfolio .filters ul li {
float: left;
margin: 0;
}
.portfolio .filters ul a {
float: left;
padding: 0 5px;
color: #3f3f3f;
}
.portfolio .filters ul a:hover {
color: #ff8400;
}
.portfolio .filters ul a.selected {
background: #ff8400;
color: #fff;
}
.portfolio article {
display: inline-block;
margin-bottom: 30px;
}
.portfolio article h3,
.home .portfolio article h3 {
margin: 0.5em 0;
border-bottom: none;
font-size: 1.385em;
}
.portfolio article h3 a {
color: #3f3f3f;
}
.portfolio article h3 a:hover {
color: #ff8400;
}
.portfolio article p {
margin: 0;
color: #999;
}
.portfolio article>div {
position: relative;
overflow: hidden;
}
.portfolio article div div {
display: none;
}
.portfolio article div:hover div {
display: block;
position: absolute;
left: 0;
top: 0;
z-index: 2;
width: 100%;
height: 100%;
background: rgba(255, 132, 0, 0.8);
text-align: center;
}
.portfolio article div ul {
display: inline-block;
overflow: hidden;
position: relative;
z-index: 3;
top: 50%;
list-style: none;
margin: -20px auto 0;
padding: 5px;
border-radius: 20px;
background: rgba(255, 255, 255, 0.3);
text-align: center;
}
.portfolio article div ul li {
display: inline-block;
margin: 0 0 0 5px;
padding: 0;
}
.portfolio article div ul li:first-child {
margin-left: 0;
}
.portfolio article div ul li a {
display: inline-block;
overflow: hidden;
width: 30px;
height: 30px;
margin: 0;
background: url("../images/actions.png");
text-indent: -500em;
vertical-align: middle;
}
.portfolio article div ul li a.view {
background-position: 0 0;
}
.portfolio article div ul li a.go {
background-position: -34px 0;
}
.portfolio article p {
line-height: 1.3em;
}
.col1 .img {
float: left;
width: 64%;
margin-right: 4%;
}
.portfolio article.col1 h3 {
font-size: 1.538em;
}
.portfolio article.col1 p {
margin: 1.5em 0;
}
.slider.portfolio-slider {
overflow: hidden;
max-width: 940px;
height: 410px;
margin: 30px auto;
}
.slider.portfolio-slider article {
position: absolute;
left: 0;
top: 0;
z-index: 1;
overflow: hidden;
}
.slider.portfolio-slider img {
position: static;
width: 100%;
}
.slider.portfolio-slider div {
position: absolute;
left: 0;
bottom: 15px;
width: 280px;
padding: 10px 20px;
background: rgba(0, 0, 0, 0.70);
}
.slider.portfolio-slider div p {
color: #fff;
}
.slider.portfolio-slider div h3 {
margin: 0.5em 0;
color: #fff;
font-size: 1.385em;
}
.slider.portfolio-slider .next-prev {
display: none;
}
.slider.portfolio-slider .slider-pager {
position: absolute;
left: auto;
right: 20px;
bottom: 15px;
z-index: 3;
overflow: hidden;
margin: 0;
padding: 8px;
border-radius: 13px;
background: rgba(0, 0, 0, 0.5);
line-height: 26px;
}
.slider.portfolio-slider .slider-pager li {
float: left;
margin: 0 0 0 7px;
padding: 0;
}
.slider.portfolio-slider .slider-pager li:first-child {
float: left;
margin: 0;
}
.slider.portfolio-slider .slider-pager li a {
float: left;
overflow: hidden;
width: 10px;
height: 10px;
border-radius: 6px;
background: #b6b4b2;
text-indent: -50em;
}
.slider.portfolio-slider .slider-pager li a.selected {
background: #fff;
}
@media (max-width: 550px) {
.slider.portfolio-slider div {
padding: 5px 10px;
}
.slider.portfolio-slider div p {
font-size: 0.923em;
line-height: 1.2em;
}
.slider.portfolio-slider div h3 {
margin: 0;
}
}
.with-icons>h2 {
border-bottom: 1px solid #dfdfdf;
}
/* single project */
.project {
overflow: hidden;
margin-bottom: 1.5em;
padding-bottom: 40px;
border-bottom: 1px solid #dfdfdf;
}
.project .img {
float: left;
width: 60%;
max-width: 600px;
margin-right: 2%;
}
.project img {
width: 100%;
}
.project .descr {
float: right;
width: 36%;
}
.project p.copyright {
margin-top: 0;
color: #999;
font-size: 1.077em;
}
.project p.copyright a {
color: #3f3f3f;
}
.project p.copyright a:hover {
color: #ff8400;
}
.project dl {
overflow: hidden;
margin: 1.5em 0;
padding: 0 0 0 20px;
border-left: 2px solid #ff8400;
}
.project dt {
margin-top: 1.5em;
color: #999;
font-weight: 400;
font-size: 0.846em;
}
.project dt:first-child {
margin-top: 0;
}
.project dd {
color: #3f3f3f;
font-size: 0.923em;
}
.project.wide p.copyright {
margin: 1.5em 0;
}
.project.wide p.copyright span {
padding: 0 5px;
}
.project.wide .descr {
float: left;
width: 70%;
}
.project.wide .descr p:first-child {
margin-top: 0;
}
.project.wide dl {
float: right;
width: 25%;
margin: 0;
}
@media (max-width: 560px) {
.project.wide .descr,
.project.wide dl {
float: none;
width: 100%;
}
}
.project-nav {
overflow: hidden;
width: 60%;
margin: 0 0 3em;
font-size: 0.923em;
}
.project-nav a {
color: #3f3f3f;
}
.project-nav a:hover {
color: #ff8400;
}
.project-nav .prev {
display: inline-block;
margin: 0 20px 0 0;
padding-left: 15px;
background: url("../images/back.png") 0 50% no-repeat;
}
.project-nav .next {
display: inline-block;
padding-right: 15px;
background: url("../images/more.png") 100% 50% no-repeat;
}
@media (max-width: 550px) {
.project .img {
float: none;
width: 98%;
margin: 0 1% 1.5em;
text-align: center;
}
.project .descr {
float: none;
width: 98%;
margin: 1.5em 1%;
}
.project.wide dl {
float: none;
width: 98%;
margin: 1.5em 1%;
}
.project-nav {
width: 98%;
margin: 0 1%;
}
}
/* blog page ------------------------------------------*/
/*.main {
float: left;
width: 74%;
max-width: 680px;
}*/
aside {
float: right;
width: 24%;
max-width: 220px;
}
/*.home .main {
width: 100%;
max-width: 850px;
}*/
.home aside {
width: 25%;
max-width: 250px;
margin-top: 1em;
}
.home aside {
width: 30%;
max-width: 280px;
margin-top: 1em;
}
.home aside section:first-child h3 {
margin-top: 0;
}
aside section:first-child {
margin-top: 0;
}
/*.reverse .main {
float: right;
}*/
.reverse aside {
float: left;
}
.postlist article h2 {
font-weight: 400;
line-height: 1.2em;
}
.postlist article h2 a {
color: #3f3f3f;
}
.postlist article h2 a:hover {
color: #ff8400;
}
.post-meta {
margin: 0.5em 0 1.5em;
font-size: 0.846em;
}
.post-meta a,
.tags a {
color: #3f3f3f;
}
.post-meta a:hover,
.tags a:hover {
color: #ff8400;
}
.post-meta a.comment-link {
padding-left: 25px;
background: url("../images/icon-comment.png") 10px 50% no-repeat;
white-space: nowrap;
}
.post-meta span {
padding: 0 5px;
color: #ccc;
}
.postlist>article p.more {
float: right;
}
.postlist .post p.tags {
float: left;
clear: left;
margin-right: 30px;
font-size: 0.846em;
}
.postlist>article {
overflow: hidden;
margin: 0 0 20px;
padding: 0 0 20px;
border-bottom: 1px solid #dfdfdf;
}
.postlist>article:first-child {
padding-top: 0;
}
.postlist h2 {
margin-bottom: 0;
border-bottom: 0;
}
.postlist .columns .posts h2 {
font-size: 1.385em;
}
.postlist .columns .col23.posts article {
overflow: hidden;
margin-bottom: 3em;
}
.postlist .columns .col23.posts article h2 {
font-size: 1.538em;
}
.postlist .columns .col3.posts article {
overflow: hidden;
margin-bottom: 2em;
}
.postlist .columns .col3.posts article img {
width: auto;
}
.postlist .columns .posts .img-border {
float: left;
margin-right: 15px;
}
.postlist .columns .posts img+div {
overflow: hidden;
}
.postlist p.post-meta+p .img-border:first-child {
margin: 10px 0 15px;
}
.main .post img,
.main .page img {
width: 100%;
max-width: 680px;
}
.main .post .img.medium,
.main .page .img.medium {
float: left;
width: 50%;
max-width: 300px;
margin-right: 4%;
}
@media (max-width: 800px) {
#result-content {
height: auto !important;
}
.makesmallfont span {
display: inline-block;
}
.r-content-top-1 {
padding: 0px !important
}
.makeblock {
display: block;
width: 80%;
margin: 0px auto;
}
.notop {
margin-top: 0px !important
}
.lookgood {
font-size: 22px !important;
color: #007300;
}
.promar {
margin-top: 15px;
}
.profilein span {
display: inline-block;
}
.main {
float: none;
width: auto;
max-width: auto;
margin: 0 0 20px;
}
aside {
float: none;
width: auto;
max-width: auto;
margin: 0 0 20px;
}
.home .main {
width: auto;
max-width: 100%;
margin-top: 0px !important;
}
.home aside {
width: 100%;
max-width: 100%;
}
}
/* single page/post content */
.single h1 {
margin-bottom: 0;
}
.single blockquote p {
margin: 0.5em 0;
}
.single p.tags {
margin: 2em 0;
font-size: 0.846em;
}
.single p.share {
padding: 1em 0;
border-top: 1px solid #e5e5e5;
}
.single p>img:first-child,
.single p>.img-border:first-child {
margin: 10px 0 15px;
}
/* author box */
.post-author {
margin: 2em 0;
padding: 30px;
border: 1px solid #dfdfdf;
border-top: 2px solid #000;
box-shadow: inset 0 0 10px #f2f2f2;
}
.post-author .img-border {
float: left;
margin-right: 20px;
}
.post-author div {
overflow: hidden;
font-size: 0.923em;
}
.post-author h3 {
margin-top: 0;
color: #999;
font-size: 1.5em;
}
.post-author h3 a {
color: #3f3f3f;
}
.post-author h3 a:hover {
color: #ff8400;
}
/* comments */
ul.commentlist {
list-style: none;
padding: 0;
}
ul.commentlist li {
margin: 0;
padding: 15px 0 0 50px;
}
ul.commentlist .comment-body {
padding: 0 0 15px;
border-bottom: 1px solid #e5e5e5;
}
.comment-author {
overflow: hidden;
margin-left: -50px;
color: #999;
font-size: 0.923em;
}
.comment-author .img-border {
float: left;
margin: 0 20px 0 0;
}
.comment-author .fn {
color: #3f3f3f;
font-style: normal;
font-size: 1.083em;
font-weight: bold;
}
.comment-author a {
color: #999;
}
.comment-author a.comment-reply-link {
color: #3f3f3f;
}
.comment-author a:hover {
color: #ff8400;
}
.comment-author .sep {
padding: 0 5px;
}
p.comment-meta {
margin: 0;
}
.comment-form {
margin: 2em 0;
}
.comment-form input,
.comment-form textarea {
width: 44%;
padding: 5px 3%;
border: 1px solid #ccc;
border-radius: 2px;
}
.comment-form textarea {
width: 92%;
min-width: 92%;
}
.comment-form label {
padding: 1em 0 0.5em;
}
.comments>h2,
.comment-form>h2 {
border-bottom: 1px solid #dfdfdf;
}
.tag-link-1 {
font-size: 8pt;
}
.tag-link-2 {
font-size: 11.405405405405pt;
}
.tag-link-3 {
font-size: 22pt;
}
/* Contact page ------------------------------------------ */
.contact {
overflow: hidden;
}
.contact>article {
float: left;
width: 64%;
}
.contact>aside {
float: right;
width: 25%;
max-width: 300px;
color: #3f3f3f;
}
.contact>aside p {
font-size: 0.923em;
}
.contact input {
width: 94%;
max-width: 94%;
margin: 5px 0;
}
.contact textarea {
width: 94%;
max-width: 94%;
min-width: 94%;
margin: 5px 0;
}
.contact select {
width: 100%;
max-width: 100%;
margin: 0px 0;
}
.contact .select {
width: 100%;
max-width: 100%;
margin: 0px 0;
}
.contact .select select {
margin: 0;
}
.contact textarea {
min-height: 100px;
}
.contact article h2 {
font-weight: 400;
}
.contact article p.half {
float: left;
width: 48%;
padding-right: 4%
}
.contact article p.half+p.half {
clear: none;
padding-right: 0;
}
.contact aside .social li {
margin-right: 5px;
}
.contact aside .social li:before {
display: none;
}
.contact .gmap {
height: 300px;
}
@media (max-width: 800px) {
.contact>article {
float: none;
width: 98%;
padding: 0 1%;
}
.contact>aside {
float: none;
width: 98%;
padding: 0 1%;
}
}
/* product page ------------------------------------------*/
.popular-objects a {
color: #3f3f3f;
}
.popular-objects a:hover {
color: #ff8400;
}
.popular-objects span.price {
font-size: 1.077em;
}
.popular-objects span.price strong {
color: #3f3f3f;
}
.popular-objects .img {
margin-bottom: 5px;
}
.popular-objects h2 {
margin-bottom: 1em;
}
.product {
overflow: hidden;
padding-top: 40px;
}
.product p.product-img {
float: left;
width: 43%;
margin: 0 4% 0 0;
}
.product p.product-img img {
width: 100%;
max-width: 800px;
}
.product>div {
overflow: hidden;
}
.product h1 {
margin-top: 0;
margin-bottom: 0.75em;
font-size: 2.154em;
font-weight: 400;
}
.product .goto-shop {
float: right;
}
.product .price {
margin-bottom: 1.5em;
}
.product .price span {
padding: 0 5px;
color: #3f3f3f;
font: 400 2.923em Secular One;
}
.product .price span.currency {
position: relative;
top: -15px;
padding: 0;
font-size: 1.538em;
font-weight: 400;
}
.product .product-meta {
clear: both;
overflow: hidden;
font-size: 0.846em;
line-height: 1.3em;
}
.product .product-meta img {
float: left;
margin: 0 15px 0 0;
}
.product .product-meta span {
display: inline-block;
overflow: hidden;
width: 90px;
height: 16px;
background: url("../images/stars.png") no-repeat;
text-indent: -50em;
}
.product .product-meta span.stars1 {
background-position: 0 -16px;
}
.product .product-meta span.stars2 {
background-position: 0 -32px;
}
.product .product-meta span.stars3 {
background-position: 0 -48px;
}
.product .product-meta span.stars4 {
background-position: 0 -64px;
}
.product .product-meta span.stars5 {
background-position: 0 -80px;
}
/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
div.rating-cancel,
div.star-rating {
float: left;
width: 18px;
height: 16px;
text-indent: -999em;
cursor: pointer;
display: block;
background: transparent;
overflow: hidden
}
div.star-rating,
div.star-rating a {
background: url("../images/stars.png") no-repeat 0 0px
}
div.rating-cancel a,
div.star-rating a {
display: block;
width: 18px;
height: 100%;
background-position: 0 0;
border: 0
}
div.star-rating-on a {
background-position: 0 -16px!important
}
div.star-rating-hover a {
background-position: 0 -32px
}
/* Read Only CSS */
div.star-rating-readonly a {
cursor: default !important
}
/* Partial Star CSS */
div.star-rating {
background: transparent!important;
overflow: hidden!important
}
/* END jQuery.Rating Plugin CSS */
.product .product-meta a {
color: #999;
}
.product .product-meta a:hover {
color: #3f3f3f;
}
.product>div.descr {
overflow: hidden;
padding: 1em 0 0.5em;
border-bottom: 1px solid #e5e5e5;
}
.product>div.descr h2 {
margin: 0;
border: none;
color: #3f3f3f;
font-size: 1.231em;
font-weight: 400;
}
dl.product-data {
overflow: hidden;
margin: 1.5em 0;
}
dl.product-data dt {
float: left;
padding: 2px 5px 2px 10px;
border-left: 1px solid #ccc;
font-weight: 400;
line-height: 16px;
min-width: 50px;
}
dl.product-data dt:first-child {
padding-left: 0;
border-left: 0;
}
dl.product-data dd {
float: left;
padding: 2px 10px 2px 5px;
color: #3f3f3f;
line-height: 16px;
min-width: 110px;
}
.product+section>h2,
.product+section+section>h2 {
margin-bottom: 1em;
border-bottom: 1px solid #dfdfdf;
font-weight: 400;
font-size: 1.846em;
}
@media (max-width: 700px) {
.product>div.descr {
clear: both;
}
}
@media (max-width: 450px) {
.product p.product-img {
float: none;
width: 98%;
margin: 1em auto;
}
}
/* events ------------------------------------------*/
.events .rss-link {
float: right;
position: relative;
top: 3em;
}
.events .rss-link a {
padding-left: 20px;
background: url("../images/rss.png") 0 50% no-repeat;
color: #3f3f3f;
font: 300 1.231em Secular One;
}
.events .rss-link a:hover {
color: #ff8400;
}
.events-head {
overflow: hidden;
padding: 1.5em 1em;
border: 1px solid #dfdfdf;
border-width: 1px 0;
}
.events-head a {
color: #3f3f3f;
}
.events-head a:hover {
color: #ff8400;
}
.events-head a.prev {
float: left;
height: 18px;
margin-top: 5px;
line-height: 18px;
}
.events-head a.next {
float: right;
height: 18px;
margin-top: 5px;
line-height: 18px;
}
.events-head a span {
display: inline-block;
overflow: hidden;
width: 15px;
height: 18px;
margin: 0 5px;
background: url("../images/slider2-controls.png") no-repeat;
text-indent: -50em;
vertical-align: middle;
}
.events-head a.prev span {
margin-right: 10px;
background-position: 0 50%;
}
.events-head a.next span {
margin-left: 10px;
background-position: 100% 50%;
}
.events-head h2 {
margin: 0;
font-size: 1.846em;
text-align: center;
}
ul.event-list {
list-style: none;
padding: 0;
}
ul.event-list li {
overflow: hidden;
margin: 0 0 1em;
padding: 0 0 0 45px;
}
ul.event-list p.date {
float: left;
width: 32px;
margin: 0 0 0 -45px;
text-align: center;
}
ul.event-list p.date span:first-child {
display: block;
background: #ff8400;
color: #fff;
font: 300 1.231em/28px Secular One;
}
ul.event-list p.date span+span {
color: #999;
font-size: 0.769em;
text-transform: uppercase;
}
ul.event-list h4 {
margin: 0;
font-size: 1.231em;
line-height: 1.2em;
}
ul.event-list h4 a {
color: #3f3f3f;
}
ul.event-list h4 a:hover {
color: #ff8400;
}
ul.event-list h4+p {
margin: 0;
color: #999;
font-size: 0.923em;
line-height: 1.3em;
}
table.calendar {
border: none;
margin: 0 1px;
max-width: 99.8%;
}
.calendar th {
padding: 1em 0;
border-bottom: none;
color: #999;
font: 300 1.231em Secular One;
text-align: center;
}
.calendar td {
width: 12%;
padding: 5px 1% 10px;
border: 1px solid #dfdfdf;
font-size: 0.923em;
vertical-align: top;
}
.calendar td.empty {
border: none;
}
.calendar td span.day,
.calendar td a.day {
float: left;
width: 32px;
height: 27px;
margin: -5px 10px 10px 0;
background: #ccc;
color: #fff;
font: 400 1.231em/27px Secular One;
text-align: center;
}
.calendar td span.hours {
color: #999;
font-size: 0.917em;
}
.calendar td a.day {
background: #3f3f3f;
}
.calendar td a.day:hover {
background: #ff8400;
color: #fff;
}
.calendar td p {
clear: left;
margin: 0;
padding: 5px 0;
line-height: 1.3em;
}
@media (max-width: 560px) {
table.calendar {
max-width: 99%;
}
}
/* sidebar ------------------------------------------*/
.content>aside a {
color: #3f3f3f;
}
.content>aside a:hover {
color: #ff8400;
}
.content>aside section {
margin: 1em 0 2em;
}
.content>aside section:first-child {
margin-top: 0;
}
.content>aside section:first-child h3 {
margin-top: 0;
}
.content>aside section ul {
list-style: none;
padding-left: 0;
font-size: 0.923em;
}
.content>aside section ul li {
/*overflow: hidden;
*/
margin: 0;
color: #000;
padding: 5px;
padding-bottom: 10px;
}
.content>aside section ul.tick {
font-size: 1em;
}
.content>aside section ul.tick li {
margin: 5px 0;
color: #3f3f3f;
}
.content>aside section ul li {
/* overflow: hidden;
*/
margin: 0;
color: #000;
padding: 5px;
padding-bottom: 0px;
}
/*.content>aside section ul li:before {
float: left;
width: 7px;
overflow: hidden;
margin-right: 7px;
content: "—";
color: #000;
}
*/
.content>aside section ul.tabs li {
margin: 2px 4px -2px 0;
}
.content>aside section ul.tabs li a.selected:hover {
color: #fff;
}
.content>aside section ul.tweets li:before,
.content>aside section ul.recent-posts li:before,
.content>aside section ul.recent-comments li:before,
.content>aside section ul.posts li:before,
.content>aside section ul.latest-works li:before,
.content>aside section ul.accordion li:before,
.content>aside section ul.tabs li:before,
.content>aside section ul.ads li:before {
display: none;
content: "";
}
.content>aside section ul ul {
margin: 0;
padding: 3px 0 3px 2em;
font-size: 1em;
}
.content>aside section>p {
font-size: 0.923em;
}
.content>aside select {
width: 100%;
}
.content>aside section ul.recent-posts li,
.content>aside section ul.recent-comments li,
.content>aside section ul.posts li {
margin: 10px 0;
line-height: 1.3em;
}
.content>aside section ul.recent-posts li .img-border,
.content>aside section ul.recent-comments li .img-border,
.content>aside section ul.posts li .img-border {
float: left;
margin: 0 10px 10px 0;
}
.content>aside section ul.recent-posts li span,
.content>aside section ul.recent-comments li span,
.content>aside section ul.posts span,
.content>aside section ul.tweets li span {
color: #999;
font-size: 0.917em;
}
.content>aside section ul.posts span {
display: block;
}
@media (max-width: 600px) {
.content>aside section ul.tabs li {
margin: 0 4px 0 0;
}
}
.content>aside section ul.recent-comments li p {
margin: 0 0 0.5em 50px;
}
.content>aside section ul.latest-works li {
display: inline-block;
margin: 0 7px 7px 0;
}
.content>aside section ul.tweets li {
margin: 10px 0;
padding: 0 0 0 25px;
background: url("../images/twitter.png") 0 10px no-repeat;
}
.content>aside section ul.ads li {
display: inline-block;
width: 96px;
height: 96px;
margin: 0 7px 7px 0;
border: 2px solid #dfdfdf;
background: #f3f3f3;
line-height: 100px;
text-align: center;
}
.content>aside section.menu>ul {
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
font: 400 1.231em Secular One;
}
.content>aside section.menu>ul li {
border-top: 1px solid #e5e5e5;
}
.content>aside section.menu>ul li:first-child {
border-top: none;
}
.content>aside section.menu>ul li a {
display: block;
padding: 7px 20px 7px 10px;
}
.content>aside section.menu>ul li a:hover {
background: #f5f5f5;
color: #3f3f3f;
}
.content>aside section.menu>ul li.current-menu-item>a {
background-color: #ff8400;
color: #fff;
}
.content>aside section.menu>ul li:before {
display: none;
}
.content>aside section.menu>ul li.parent>a {
background: url("../images/nav-right.png") 95% 50% no-repeat;
}
.content>aside section.menu>ul li.parent.expanded>a {
background: url("../images/nav-down.png") 95% 50% no-repeat;
}
.content>aside section.menu>ul li.parent>ul {
display: none;
}
.content>aside section.menu>ul li.parent.expanded>ul {
display: block;
}
.content>aside section.menu>ul ul {
margin: 0;
padding: 0 0 0 20px;
border-top: 1px solid #e5e5e5;
font: 400 0.813em Secular One;
}
.content>aside section table {
width: 100%;
margin-bottom: 0;
}
.content>aside section table th {
padding: 5px 3px;
color: #999;
font-size: 0.923em;
font-weight: bold;
}
.content>aside section table td {
padding: 5px 0;
color: #3f3f3f;
}
.content>aside section table#wp-calendar {
font-size: 0.923em;
}
.content>aside section table#wp-calendar th {
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
color: #3f3f3f;
font-weight: normal;
font-size: 0.917em;
text-align: center;
}
.content>aside section table#wp-calendar td {
border: none;
border-bottom: 1px solid #e5e5e5;
color: #000;
text-align: center;
}
.content>aside section table#wp-calendar tfoot td {
border-bottom: none;
}
.content>aside section table caption {
padding: 15px 0;
font: 700 1.083em Secular One;
color: #444;
text-align: left;
}
.content>aside .searchform input {
width: 70%;
padding: 6px 3%;
}
.content>aside .searchform button {
float: right;
white-space: nowrap;
}
.content>aside .widget_newsletter input {
width: 70%;
margin-right: 5px;
padding: 6px 3%;
font-size: 0.923em;
vertical-align: middle;
}
.content>aside .widget_newsletter button {
width: 40px;
height: 28px;
padding: 0;
line-height: 15px;
vertical-align: top;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
@media (max-width: 880px) {
.content>aside .widget_newsletter input {
width: 60%;
}
}
.content>aside ul.colors {
list-style: none;
overflow: hidden;
}
.content>aside ul.colors li {
float: left;
width: 27px;
height: 27px;
overflow: hidden;
margin: 0 9px 9px 0;
}
.content>aside ul.colors li:before {
display: none;
}
ul.colors a {
float: left;
overflow: hidden;
width: 21px;
height: 21px;
border-width: 3px;
border-style: solid;
text-indent: -50em;
}
ul.colors a.red {
border-color: #cd2222;
background: #e42626;
}
ul.colors a.orange {
border-color: #e0730a;
background: #f9800b;
}
ul.colors a.yellow {
border-color: #e5c700;
background: #ffde00;
}
ul.colors a.green {
border-color: #3fba19;
background: #46cf1c;
}
ul.colors a.azure {
border-color: #03acb2;
background: #03c0c6;
}
ul.colors a.blue {
border-color: #185bd4;
background: #1b65ec;
}
ul.colors a.purple {
border-color: #7837a4;
background: #863db7;
}
ul.colors a.pink {
border-color: #e56f9c;
background: #ff7cae;
}
ul.colors a.white {
border-color: #e5e5e5;
background: #fff;
}
ul.colors a.gray {
border-color: #898989;
background: #999;
}
ul.colors a.black {
border-color: #000;
background: #000;
}
ul.colors a.brown {
border-color: #8e6739;
background: #9e7340;
}
@media (max-width: 800px) {
.content>aside {
clear: left;
float: none;
width: auto;
max-width: 100%;
margin: 1em 0;
}
.content>aside section {
float: left;
width: 100%;
margin: 0 0 2em
}
.content>aside section:nth-of-type(2n-1) {
clear: left;
}
.content>aside section h3 {
margin-top: 0;
}
}
@media (max-width: 660px) {
.content>aside .searchform input {
width: 60%;
}
}
@media (max-width: 800px) {
.content>aside section {
float: none;
width: 100%;
margin: 1em 0;
}
}
/* forms ------------------------------------------*/
button[type="reset"] {
margin-left: 5px;
border: 1px solid #c9c9c9;
background: #f5f5f5;
background: url(data:image/svg+xml;
base64, PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlN2U3ZTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #f5f5f5 0%, #e7e7e7 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #e7e7e7));
background: -webkit-linear-gradient(top, #f5f5f5 0%, #e7e7e7 100%);
background: -o-linear-gradient(top, #f5f5f5 0%, #e7e7e7 100%);
background: -ms-linear-gradient(top, #f5f5f5 0%, #e7e7e7 100%);
background: linear-gradient(to bottom, #f5f5f5 0%, #e7e7e7 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e7e7e7', GradientType=0);
text-shadow: 0 1px 0 #fff;
color: #555;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
}
button[type="reset"]:hover {
background: #e7e7e7;
background: url(data:image/svg+xml;
base64, PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U3ZTdlNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #e7e7e7 0%, #f5f5f5 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e7e7e7), color-stop(100%, #f5f5f5));
background: -webkit-linear-gradient(top, #e7e7e7 0%, #f5f5f5 100%);
background: -o-linear-gradient(top, #e7e7e7 0%, #f5f5f5 100%);
background: -ms-linear-gradient(top, #e7e7e7 0%, #f5f5f5 100%);
background: linear-gradient(to bottom, #e7e7e7 0%, #f5f5f5 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#f5f5f5', GradientType=0);
}
form p {
clear: both;
margin: 1.5em 0;
}
label {
display: block;
margin: 5px 0;
}
.control-label {
display: inline-block;
vertical-align: top;
width: 33%;
float: left;
font-weight: bold;
color: #000;
}
.col-sm-8 {
width: 66.66666667%;
float: left;
}
.form-horizontal .control-label {
padding-top: 7px;
margin-bottom: 0;
text-align: left;
}
.form1 input {
width: 90%;
padding: 8px 3%;
}
.form1 select {
width: 99%;
padding: 5px 3%;
}
.form1 .input {
overflow: hidden;
}
.form1 .input label {
display: inline-block;
margin: 0 10px 0 0;
font-weight: normal;
}
.form1 textarea {
width: 97%;
min-width: 97%;
max-width: 97%;
min-height: 100px;
padding: 5px 1%;
}
.form2 label {
float: left;
clear: left;
width: 25%;
}
.form2 input {
width: 65%;
padding: 8px 3%;
}
.form2 select {
width: 72%;
padding: 5px 3%;
}
.form2 .input {
overflow: hidden;
width: 75%;
}
.form2 .input label {
display: inline-block;
float: none;
clear: none;
width: auto;
margin: 0 10px 0 0;
font-weight: normal;
}
.landing-form {
/*width: 100%;*/
float: right;
right: 10%;
padding: 0 0 10px;
position: absolute;
top: 165px;
display: block;
}
.landing-form form {
position: relative;
border: solid;
/* top: -385px; */
z-index: 20;
float: right;
width: 450px;
/* margin: 0 0 -400px; */
padding: 10px;
box-shadow: 0px 0px 0px 6px rgb(255 255 255 / 20%);
background: #fff;
color: #fff;
border-radius: 0px 100px !important;
}
.landing-form h2:first-child {
margin: 0;
border-bottom: none;
color: #000000;
font-size: 1.546em;
font-weight: 400;
}
.landing-form button {
width: 100%;
border: 1px solid #de8b00;
border-bottom-color: #de6200;
font-size: 1.077em;
text-align: center;
}
.landing-form label {
margin-bottom: 10px;
color: #000;
font-weight: normal;
}
.landing-form label.chk {
display: inline-block;
font-weight: 400;
}
.landing-form input,
.landing-form select {
/*width: 120px;
*/
padding: 5px 10px;
border: none;
border-radius: 2px;
background: #fff;
color: #000;
background: #F5F7FB;
    border: 1px solid #e5e7f2;

}
.landing-form input.error,
.landing-form select.error {
border: 1px solid #ebbcb5;
background-color: #ffe6dc;
color: #ef4437;
}
.landing-form select {
width: 270px;
}
.landing-form input[type="checkbox"] {
width: auto;
padding: 0;
vertical-align: middle;
}
.landing-form p {
margin: 1.5em 0;
}
@media (max-width: 920px) {
.landing-form form {
position: static;
float: none;
margin: 2em auto;
}
}
@media (max-width: 365px) {
.landing-form form {
width: 100%;
}
/*.landing-form input, .landing-form select {
width: 205px;
}
*/
.landing-form select {
width: 225px;
}
}
a.btn {
display: inline-block;
height: 30px;
margin: 2px;
padding: 0 20px;
border-width: 1px;
border-style: solid;
border-radius: 3px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
color: #fff;
font: bold 1.077em/30px Secular One;
text-transform: uppercase;
}
a.btn.large {
height: 40px;
line-height: 40px;
}
/* quotes ---------------------------------*/
blockquote.quote {
max-width: 70%;
margin: 4em auto;
padding: 0 0 0 55px;
border: none;
background: url("../images/quote.png") 0 0 no-repeat;
color: #000;
}
aside blockquote.quote {
margin: 0;
}
.columns blockquote.quote {
margin: 25px auto 0;
}
.col2 blockquote.quote,
.col3 blockquote.quote,
.col4 blockquote.quote,
.col23 blockquote.quote,
.col34 blockquote.quote {
max-width: 100%
}
blockquote.quote p {
margin: 0.5em 0;
font: 300 1.846em/1.1em Secular One;
}
.col23 blockquote.quote p {
font-size: 1.692em;
}
.col3 blockquote.quote p,
aside blockquote.quote p {
font-size: 1.385em;
}
blockquote.quote p.signature,
aside blockquote.quote p.signature {
font: normal 1em Secular One;
text-align: right;
}
blockquote.quote p.signature span {
color: #3f3f3f;
}
/* progress bars ---------------------------------*/
p.progress {
position: relative;
overflow: hidden;
height: 30px;
margin: 10px 0;
border-radius: 16px;
background: #ebebeb;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
color: #fff;
font: 300 1.231em/30px Secular One;
}
p.progress>span.fill {
display: block;
position: absolute;
left: 0;
top: 0;
height: 30px;
border-radius: 16px;
background: #ff8400;
}
p.progress>span.fill>span {
display: block;
padding: 0 10px;
line-height: 29px;
white-space: nowrap;
}
.skill-1 {
width: 80%;
}
.skill-2 {
width: 70%;
}
.skill-3 {
width: 55%;
}
.skill-4 {
width: 60%;
}
/* tooltips and highlights ---------------------------------*/
span.tooltip {
padding: 1px 0;
color: #fff;
cursor: pointer;
}
span.tooltip.dark {
background: #ff8400;
}
span.tooltip.bright {
background: #3f3f3f;
}
p.tooltip {
position: absolute;
z-index: 450;
margin: 0;
padding: 0 9px;
font-size: 0.846em;
line-height: 27px;
}
p.tooltip span {
display: block;
width: 13px;
height: 7px;
margin: 0 auto -7px;
}
p.tooltip.dark {
border-radius: 2px;
background: #3f3f3f;
color: #fff;
}
p.tooltip.dark span {
background: url("../images/tooltip-dark.png") 50% 0 no-repeat;
}
p.tooltip.bright {
border: 1px solid #3f3f3f;
border-radius: 2px;
background: #fff;
color: #3f3f3f;
}
p.tooltip.bright span {
background: url("../images/tooltip-bright.png") 50% 0 no-repeat;
}
/* testimonial ---------------------------------*/
.testimonial>img {
float: left;
width: 40px;
height: 40px;
margin-right: 13px;
}
.testimonial>p {
margin-top: 0;
color: #3f3f3f;
line-height: 1.3em;
}
.testimonial>p span {
color: #999;
font-size: 0.846em;
}
.testimonial>div {
position: relative;
margin-bottom: 20px;
border-bottom: 1px solid #dfdfdf;
}
.testimonial>div>p {
font-style: italic;
}
.testimonial>div>p:first-child {
background: url("../images/quotes.png") 0 0 no-repeat;
text-indent: 30px;
}
.testimonial>div>span {
display: block;
position: absolute;
bottom: -14px;
left: 53px;
width: 13px;
height: 14px;
background: url("../images/testimonial-tip.png") no-repeat;
}
/* message and content boxes ---------------------------------*/
.msg {
margin: 20px 0;
padding: 11px 10px 11px 45px;
border: 1px solid #dfdfdf;
background-repeat: no-repeat;
background-position: 13px 10px;
box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.04);
}
.msg a.hide {
float: right;
overflow: hidden;
width: 18px;
height: 18px;
margin-left: 10px;
background: url("../images/x.png") 50% 50% no-repeat;
text-indent: -50em;
opacity: 0.2;
}
.msg.info {
border-color: #c5dce7;
background-color: #e7f7ff;
background-image: url("../images/msg-info.png");
color: #4f9ec2;
}
.msg.success {
border-color: #cbe3b4;
background-color: #eeffda;
background-image: url("../images/msg-success.png");
color: #8ab04f;
}
.msg.notice {
border-color: #e9dab1;
background-color: #fff9d8;
background-image: url("../images/msg-notice.png");
color: #caa533;
}
.msg.error {
border-color: #ebbcb5;
background-color: #ffe6dc;
background-image: url("../images/msg-error.png");
color: #ef4437;
}
.msg ul,
.msg p {
margin: 1em 0 0;
}
.msg ul {
list-style: none;
}
.msg ul:first-child,
.msg p:first-child {
margin: 0;
}
.msg ul li {
margin-left: 0;
}
.msg ul li:before {
float: left;
clear: left;
overflow: hidden;
width: 8px;
height: 20px;
margin-right: 5px;
content: "—";
}
.box h4 {
margin: 20px 0 0.5em;
color: #3f3f3f;
font: 300 1.538em Secular One;
}
.box p {
margin-top: 0;
margin-bottom: 20px;
padding: 20px 30px 25px;
border: 1px solid #dfdfdf;
border-top: 2px solid #000;
background-repeat: no-repeat;
background-position: 20px 30px;
box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.04);
}
.box.info p {
padding-left: 70px;
border-color: #c5dce7;
border-top: 2px solid #000;
background-color: #e7f7ff;
background-image: url("../images/box-info.png");
}
.box.confirm p {
padding-left: 70px;
border-color: #cbe3b4;
border-top: 2px solid #000;
background-color: #eeffda;
background-image: url("../images/box-confirm.png");
}
.box.alert p {
padding-left: 70px;
border-color: #e9dab1;
border-top: 2px solid #000;
background-color: #fff9d8;
background-image: url("../images/box-alert.png");
}
.box.warning p {
padding-left: 70px;
border-color: #ebbcb5;
border-top: 2px solid #000;
background-color: #ffe6dc;
background-image: url("../images/box-warning.png");
}
/* tables ---------------------------------*/
table {
width: 100%;
border: none;
}
/*th {
padding: 5px 15px;
border: none;
border-bottom: 2px solid #e5e5e5;
color: #3f3f3f;
font-weight: 700;
font-size: 0.923em;
text-align: left;
}
*/
td {
padding: 7px 15px;
border: none;
/*border-bottom: 1px solid #e5e5e5;
*/
text-align: left;
}
table.alt th {
padding: 7px 15px;
border-bottom: 3px solid #d97000;
background: #ff8400;
color: #fff;
font: 300 1em Secular One;
}
/* custom form elements ---------------------------------*/
label.checkbox {
display: inline-block;
float: none;
clear: none;
overflow: hidden;
height: 19px;
padding-left: 5px;
background: url("../images/input.png") 0 0 no-repeat;
line-height: 19px;
vertical-align: middle;
}
label.checkbox.checked {
background-position: 0 -19px;
}
label.radio {
display: inline-block;
float: none;
clear: none;
overflow: hidden;
height: 19px;
padding-left: 5px;
/*background: url("../images/input.png") 0 -38px no-repeat;
*/
line-height: 19px;
vertical-align: middle;
}
label.radio.checked {
background-position: 0 -57px;
}
/*label.radio input, label.checkbox input {
visibility: hidden;
}
*/
.file-input {
position: relative;
white-space: nowrap;
text-overflow: ellipsis;
cursor: text;
}
.file-input a.btn {
height: 28px;
margin-right: 5px;
padding: 0 10px;
font-weight: 400;
font-size: 1em;
text-transform: none;
cursor: text;
}
.file-input input.fake {
border: none;
width: auto;
padding: 2px 0;
vertical-align: middle;
cursor: text;
}
.file-input input.fake.file {
display: inline-block;
width: auto;
min-width: 0;
padding-left: 15px;
background: url("../images/input.png") 0 -76px no-repeat;
cursor: text;
}
.file-input a.empty {
display: inline-block;
overflow: hidden;
position: relative;
top: 5px;
width: 19px;
height: 17px;
background: url("../images/input.png") 0 -93px no-repeat;
text-indent: -50em;
cursor: pointer;
}
.file-input input[type="file"] {
position: relative;
top: -5px;
cursor: pointer;
}
span.select {
position: relative;
display: inline-block;
width: 100%;
max-width: 100%;
/*height: 32px;
*/
padding: 0;
border: 1px solid #ccc;
border-radius: 3px;
background: #fff;
cursor: pointer;
}
span.select.error {
border-color: #e65842;
background-color: #ffe6dc;
box-shadow: 0 0 2px 1px #ffece6;
color: #ef4437;
}
span.select span.value {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 0;
display: block;
padding: 7px 10px;
background: url("../images/select-arrow.gif") right 50% no-repeat;
color: #333;
zoom: 1;
}
span.select.error span.value>span {
color: #ef4437;
}
header .top span.select {
height: 25px;
}
header .top span.select span.value {
padding: 3px 3%;
}
header .top span.select select {
margin: 0
}
span.select span.value span {
display: block;
overflow: hidden;
padding: 0;
white-space: nowrap;
text-overflow: ellipsis;
}
span.select select {
position: relative;
z-index: 1;
display: block;
margin: 0;
-webkit-appearance: menulist-button;
width: 100%;
max-width: 100%;
}
.content>aside .select>span.value {
padding: 7px 5%;
}
.content>aside .select {
display: block;
}
/* pricing and plans ---------------------------------*/
/* modal window for images */
footer h3.t01,
footer h3.t02,
footer h3.t03,
footer h3.t04,
footer h3.t05,
footer h3.t06,
footer h3.t07,
footer h3.t08,
footer h3.t09,
footer h3.t10 {
margin: 2em 0 1em;
color: #efefef;
}
footer h3.t01 {
border-bottom: 1px solid #575757;
font-weight: 400;
font-size: 1.385em;
}
footer h3.t01 span {
margin-bottom: -1px;
padding: 0 0 10px;
border-bottom-width: 1px;
}
footer h3.t02 {
padding-bottom: 10px;
border-bottom: 1px solid #575757;
font-weight: 400;
font-size: 1.385em;
}
footer h3.t03 {
padding-bottom: 10px;
border-bottom: 1px solid #ff8400;
font-weight: 400;
font-size: 1.385em;
}
footer h3.t04 {
border-bottom: 1px solid #575757;
font-weight: 400;
font-size: 1.385em;
}
footer h3.t04 span {
margin-bottom: -1px;
padding: 0 0 10px;
border-bottom-width: 1px;
}
footer h3.t05 {
border: none;
font-weight: 400;
font-size: 1.385em;
}
footer h3.t06 {
border: none;
font-size: 1.385em;
text-transform: uppercase;
}
footer h3.t07 {
border-bottom: 1px solid #575757;
font-weight: 400;
font-size: 1.385em;
}
footer h3.t07 span {
margin-bottom: -1px;
padding: 0 0 10px;
border-bottom-width: 1px;
}
footer h3.t08 {
border-bottom: 1px solid #575757;
font-weight: 400;
font-size: 1.385em;
}
footer h3.t08 span {
margin-bottom: -1px;
padding: 0 0 10px;
border-bottom-width: 1px;
}
footer h3.t09 {
border-bottom: 1px solid #575757;
font-size: 1.385em;
text-transform: uppercase;
}
footer h3.t09 span {
margin-bottom: -2px;
padding: 0 0 10px;
border-bottom: 1px solid #dfdfdf;
}
footer h3.t10 {
padding-bottom: 10px;
border-bottom: 4px double #575757;
font-size: 1.385em;
text-transform: uppercase;
}
/* team page */
.team h3 {
margin: 0.75em 0 0;
font-weight: 400;
font-size: 1.538em;
}
.team p.position {
margin: 0;
color: #999;
font-size: 0.769em;
text-transform: uppercase;
}
.team ul.social {
margin: 1em 0;
}
.team ul.social li {
margin: 0 5px 0 0;
}
.team .img-border img {
width: 100%;
max-width: 100%;
}
.team.col2 .img-border {
float: left;
margin: 0 20px 0 0;
}
.team.col1 .img-border {
float: left;
width: 60%;
max-width: 600px;
margin: 0 40px 0 0;
}
.team.col2 h3,
.team.col1 h3 {
margin-top: 0;
}
.team.col4 h3 {
font-size: 1.385em;
}
.team.col1 h3 {
font-size: 1.846em;
}
.team.col1 p {
overflow: hidden;
}
.team.col2 ul.social,
.team.col1 ul.social {
margin: 1.5em 0;
}
@media (max-width: 800px) {
.team.col1 .img-border {
margin-right: 20px;
}
.team.col2 .img-border {
float: none;
}
.team.col2 h3 {
margin-top: 1em;
}
.team.col4 h3 {
font-size: 1.538em;
}
}
@media (max-width: 600px) {
.team.col1 .img-border {
float: none;
width: 100%;
}
.team.col1 h3 {
margin-top: 1em;
font-size: 1.538em;
}
}
/* basic scrollbar styling */
/* vertical scrollbar */
.mCSB_container {
width: auto;
margin-right: 0;
overflow: hidden;
}
.mCSB_container.mCS_no_scrollbar {
margin-right: 0;
}
.mCS_disabled>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar,
.mCS_destroyed>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar {
margin-right: 0;
}
.mCustomScrollBox>.mCSB_scrollTools {
width: 16px;
height: 100%;
top: 0;
right: 0;
}
.mCSB_scrollTools .mCSB_draggerContainer {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
height: auto;
}
.mCSB_scrollTools a+.mCSB_draggerContainer {
margin: 20px 0;
}
.mCSB_scrollTools .mCSB_draggerRail {
width: 2px;
height: 100%;
margin: 0 auto;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.mCSB_scrollTools .mCSB_dragger {
cursor: pointer;
width: 100%;
height: 30px;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 4px;
height: 100%;
margin: 0 auto;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
text-align: center;
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
display: block;
position: relative;
height: 20px;
overflow: hidden;
margin: 0 auto;
cursor: pointer;
}
.mCSB_scrollTools .mCSB_buttonDown {
top: 100%;
margin-top: -40px;
}
/* horizontal scrollbar */
.mCSB_horizontal>.mCSB_container {
height: auto;
margin-right: 0;
margin-bottom: 30px;
overflow: hidden;
}
.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar {
margin-bottom: 0;
}
.mCS_disabled>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar,
.mCS_destroyed>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar {
margin-right: 0;
margin-bottom: 30px;
}
.mCSB_horizontal.mCustomScrollBox>.mCSB_scrollTools {
width: 100%;
height: 16px;
top: auto;
right: auto;
bottom: 0;
left: 0;
overflow: hidden;
}
.mCSB_horizontal>.mCSB_scrollTools a+.mCSB_draggerContainer {
margin: 0 20px;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail {
width: 100%;
height: 8px;
margin: 0;
border-radius: 10px;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger {
width: 30px;
height: 100%;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 100%;
height: 8px;
margin: 0 auto;
border-radius: 10px;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight {
display: block;
position: relative;
width: 20px;
height: 100%;
overflow: hidden;
margin: 0 auto;
cursor: pointer;
float: left;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight {
margin-left: -40px;
float: right;
}
.mCustomScrollBox {
-ms-touch-action: none;
/*MSPointer events - direct all pointer events to js*/
}
/* default scrollbar colors and backgrounds (default theme) */
.mCSB_scrollTools .mCSB_draggerRail {
background: #ebebeb;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background: #aeaeae;
/* rgba fallback */
}
/* images for retina and other hi-density screens */
/*form*/
/*form {
border: 3px solid #f1f1f1;
}
*/
input[type=text],
input[type=password] {
width: 100%;
padding: 8px 10px;
font-size: 16px;
margin: 8px 0;
display: inline-block;
background: #F5F7FB;
    border: 1px solid #e5e7f2;
box-sizing: border-box;
/*border-radius: 5px;*/
}
button {
background-color: #4CAF50;
color: white;
/*padding: 14px 20px;
*/
margin: 8px 0;
border: none;
cursor: pointer;
/*width: 100%;
*/
}
.cancelbtn {
width: auto;
padding: 10px 18px;
background-color: #f44336;
}
.imgcontainer {
text-align: center;
margin: 24px 0 12px 0;
}
img.avatar {
width: 40%;
border-radius: 50%;
}
/*.container {
padding: 16px ;
}*/
span.psw {
float: right;
padding-top: 16px;
}
/* Change styles for span and cancel button on extra small screens */
@media screen and (max-width: 300px) {
span.psw {
display: block;
float: none;
}
.cancelbtn {
width: 100%;
}
}
.title-one1::before {
color: #a6241c;
content: "||";
position: absolute;
left: -50px;
top: 15px;
}
.title-one1 {
color: #2b2b2b;
display: inline-block;
font-size: 10px;
font-weight: 600;
padding-bottom: 10px;
position: relative;
text-align: center;
text-transform: uppercase;
}
.title-one1::after {
color: #a6241c;
content: "||";
position: absolute;
right: -50px;
top: 15px;
}
.col-md-3 {
width: 25%;
float: left;
}
.col-md-9 {
width: 75%;
float: left;
}
.col-md-offset-4 {
margin-left: 33.33333333%;
}
.col-md-6 {
width: 50%;
}
.col-md-offset-1 {
margin-left: 8.33333333%;
}
.col-md-8 {
width: 66.66666667%;
}
.feature_header {
margin-bottom: 18px;
}
.feature_title {
font-weight: 300;
color: #872a94;
text-align: center;
}
.feature_title span {
display: inline-block;
}
.feature_content {
margin: 0px 0px 30px;
}
.feature_content .create-profile {
background-position: center 2px;
}
/*.feature_content .create-profile, .feature_content .choose-one, .feature_content .find-matches, .feature_content .connnect {
background: url(../images/feature_icons.png) no-repeat;
}
*/
.feature_content span {
margin: auto;
width: 55px;
height: 82px;
position: relative;
display: block;
}
.feature_content h5 {
font-size: 18px;
font-weight: 400;
line-height: 19px;
padding-top: 8px;
text-align: center;
margin-top: 0px;
}
.tabletitle {
/* background: #0E3854;
*/
background:#e3ad05;
color: #fff;
height: 20px;
line-height: 20px;
}
#r-content {
border-bottom: 2px dotted #EEEEEE;
float: left;
font-weight: normal;
height: auto;
margin: 0px 0 10px 0px;
width: 100%;
/* min-height: 300px;
*/
padding: 5px;
}
#r-content:nth-child(even) {
background-color: #fdfafa !important;
}
.r-content-left {
border-right: 1px dotted #CCCCCC;
float: left;
font-weight: normal;
height: auto;
margin: 8px 0;
width: 200px;
}
.r-content-photo {
float: left;
height: auto;
margin: 10px;
width: auto;
}
.r-content-right-top {
float: left;
height: auto;
margin: 10px 0 0 10px;
padding: 0 0 10px;
width: 600px;
}
.r-content-top-1 {
float: left;
height: auto;
margin: 0;
padding: 0 10px;
/*width: 230px;
*/
width: 100%;
}
.r-content-top-2 {
float: left;
/*height: 160px;
*/
margin: 0 0 0 5px;
width: 158px;
}
.button1.red {
border: 1px solid #9c0606;
background: #006afe;
font-size: 13px;
width: 90%;
}
.button1 {
color: #fff;
display: inline-block;
zoom: 1;
vertical-align: baseline;
margin: 0 3px 0 1px;
outline: none;
cursor: pointer;
text-align: center;
padding: 6px 8px;
/*text-shadow: 1px 1px 1px #555;*/
width: auto;
overflow: visible;
/*line-height: 110%;*/
border-radius: 3px;
}
.right h1 {
font-size: 18px;
color: #fff;
padding: 8px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
background-color: #006afe;
text-align: left;
padding-left: 15px;
}
.space {
padding: 10px;
}
div.search-label {
width: 130px;
height: 23px;
margin-left: 5px;
margin-top: 13px;
margin-bottom: 4px;
font-size: 14px;
color: #800000;
float: left;
}
div.search-label-left {
width: 110px;
height: 23px;
margin-left: 5px;
margin-top: 13px;
margin-bottom: 24px;
font-size: 14px;
color: #800000;
float: left;
}
div.search-input-left {
width: 140px;
/*height: 23px;
*/
margin-left: 5px;
margin-top: 5px;
margin-bottom: 4px;
font-size: 14px;
color: #800000;
float: left;
}
/*div.spacer {
clear: both;
height: 0px;
display: block;
margin-top: 4%;
}
*/
div.regional-search-button {
width: 140px;
height: 25px;
margin-left: -340px;
margin-top: 5px;
font-size: 13px;
}
.profile {
margin-left: 10px;
color: #0e4805;
font-weight: bold;
}
.down {
max-width: 280px;
margin-top: 2%;
}
/*#pagin{
height: auto;
margin-top: 1px;
border-style: solid;
border-width: 1px;
border-color: #FF9900;
}
*/
#result-content {
/*width: 655px;
*/
height: auto;
margin-top: 1px;
border-style: solid;
border-width: 1px;
border-color: #e23f0c;
}
.sp.icon-edtlogout {
background-position: -162px -269px;
height: 32px;
width: 32px;
}
#result-box {
/*width: 646px;
height: 260px;
*/
margin-left: 7px;
margin-top: 8px;
}
#result-box-top-left {
width: 16px;
height: 37px;
background-image: url(../images/result-top-left.jpg);
float: left;
}
#result-box-top-middle {
width: 793px;
height: 37px;
background-color: #006afe;
border-top-left-radius: 0.5em;
border-top-right-radius: 0.5em;
padding-left: 10px;
/*background-image: url(../images/result-top-middle.jpg);*/
float: left;
}
div.profile-id-text {
height: 25px;
width: 100px;
padding-left: 1em;
margin-top: 9px;
font-size: 13px;
color: #fbf3ef;
float: left;
}
div.profile-id-text-results {
height: 27px;
width: 350px;
margin-left: 3px;
margin-top: 9px;
font-size: 13px;
color: #fbf3ef;
/*font-weight: bold;*/
float: left;
}
#result-box-top-right {
width: 12px;
height: 37px;
background-image: url(../images/result-top-right.jpg);
float: left;
}
div.spacer {
clear: both;
height: 0px;
display: block;
}
#result-box-content2 {
/*width: 739px;
height: 220px;
*/
border-style: solid;
border-width: 1px;
border-color: #8ed47d;
/*border-bottom: hidden;*/
}
#result-box-bottom-left {
width: 14px;
height: 6px;
background-image: url(../images/result-bottom-left.jpg);
background-repeat: no-repeat;
float: left;
}
#result-box-bottom-middle {
width: 794px;
height: 6px;
background-image: url(../images/result-bottom-middle.jpg);
background-repeat: repeat-x;
float: left;
}
#result-box-bottom-right {
width: 12px;
height: 6px;
background-image: url(../images/result-bottom-right.jpg);
background-repeat: no-repeat;
float: left;
}
#info-3-title-middle {
/*width: 190px;
*/
width: 790px;
height: 30px;
background-color: #006afe;
border-top-left-radius: 0.5em;
border-top-right-radius: 0.5em;
/*background-image: url(../images/result-top-middle.jpg);*/
background-repeat: repeat-x;
float: left;
}
div.basic-information-box {
width: 637px;
height: auto;
margin-left: 8px;
margin-top: 1px;
border-style: solid;
border-width: 1px;
border-color: #808000;
}
div.full-profile-title-text-1 {
width: auto;
height: 20px;
margin-left: 15px;
margin-right: 15px;
margin-top: 5px;
font-size: 16px;
color: #fbf3ef;
}
div.profile-q-long {
/*width: 145px;
*/
width: 175px;
height: 20px;
margin-left: 19px;
margin-top: 10px;
float: left;
font-weight: bold;
font-size: 14px;
color: #000;
text-align: left;
float: left;
}
div.profile-a-small {
/*width: 150px;
*/
height: 20px;
margin-left: 9px;
margin-top: 10px;
float: left;
font-size: 14px;
color: #000;
float: left;
}
#photo-area {
/*width: 140px;
height: 200px;
*/
float: left;
/*text-align: center;*/
}
#right-information {
/*width: 498px;
height: 140px;
*/
float: left;
padding-left: 20px;
}
#information-area-1q {
margin-top: 4px;
/*width: 79px;
*/
height: auto;
float: left;
}
div.information-text-title {
text-align: left;
/*width: 79px;
*/
height: 20px;
margin-top: 7px;
margin-left: 5px;
font-weight: bold;
font-size: 14px;
color: #000;
}
div.information-text {
/* width: 140px;
*/
height: 20px;
font-size: 14px;
margin-top: 7px;
margin-left: 15px;
color: #333333;
}
#information-area-1a {
margin-top: 4px;
width: 140px;
height: auto;
float: left;
}
#information-area-2anew {
margin-top: 14px;
width: 180px;
height: auto;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
background-image: 180;
/*border: #CC3300 1px solid;
*/
background-repeat: no-repeat;
float: left;
}
div.basic-info-title-box {
/*width: 652px;
*/
height: auto;
margin-top: 10px;
margin-left: 7px;
}
#info-4-title-middle {
/*width: 120px;
*/
width: 790px;
height: 30px;
background-color: #006afe;
border-top-left-radius: 0.5em;
border-top-right-radius: 0.5em;
/* background-image: url(../images/result-top-middle.jpg);*/
background-repeat: repeat-x;
float: left;
}
div.full-profile-title-text {
width: auto;
height: 20px;
margin-left: 5px;
margin-top: 5px;
font-size: 16px;
color: #fbf3ef;
}
div.basic-information-box {
/*width: 787px;
*/
width: auto;
height: auto;
margin-left: 0px;
margin-top: 1px;
border-style: solid;
border-width: 1px;
border-color: #ba0f4a;
}
div.profile-q {
width: 145px;
height: 20px;
margin-left: 19px;
margin-top: 10px;
float: left;
font-weight: bold;
font-size: 14px;
color: #000;
text-align: left;
float: left;
}
div.profile-a {
/*width: 180px;
*/
height: 20px;
margin-left: 9px;
margin-top: 10px;
float: left;
font-size: 14px;
color: #000;
float: left;
}
.map_c {
background-image: url(../images/placeholder.png);
background-position: left 8px;
background-repeat: no-repeat;
padding: 5px 5px 5px 40px;
}
.call_c {
background-image: url(../images/phone-call.png);
background-position: left 8px;
background-repeat: no-repeat;
padding: 5px 5px 5px 40px;
}
.mail_c {
background-image: url(../images/envelope.png);
background-position: left 8px;
background-repeat: no-repeat;
padding: 5px 5px 5px 40px;
}
/*register form*/
.form-control {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
}
input[type=checkbox],
input[type=radio] {
margin: 4px;
margin-top: 1px \9;
line-height: normal;
}
input[type=checkbox],
input[type=radio] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
.btn-primary {
color: #fff;
background-color: #337ab7;
border-color: #2e6da4;
}
.btn {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
.form-control {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.sp {
background: url(../images/spirte-icons.png) no-repeat;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
.sp.icon-edtmyprofile {
background-position: -110px -119px;
height: 32px;
width: 32px;
}
.tooltip {
position: relative;
display: inline-block;
}
.tooltip .tooltiptext {
visibility: hidden;
width: 140px;
background-color: #e20a9d;
color: #fff;
font-weight: bold;
text-align: center;
border-radius: 6px;
padding: 0px 0;
position: absolute;
z-index: 31;
bottom: 125%;
left: 50%;
margin-left: -60px;
opacity: 0;
transition: opacity 0.3s;
}
.tooltip .tooltiptext::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 8px;
border-style: solid;
border-color: #e20a9d transparent transparent transparent;
}
.tooltip:hover .tooltiptext {
visibility: visible;
opacity: 1;
}
.sp.icon-album {
background-position: -162px -119px;
height: 32px;
width: 32px;
}
.sp.icon-edthoros {
background-position: -162px -171px;
height: 32px;
width: 32px;
}
.sp.icon-edtcngpwd {
background-position: -162px -223px;
height: 32px;
width: 32px;
}
.box-match-list .box-match-data-actions a,
.box-match-data-actions a {
background: transparent;
border: 1px solid #ff541f;
border-radius: 50%;
position: relative;
}
.box-match-data-actions a {
background: #fbfbfb;
border: 1px solid #de0f7e;
display: inline-block;
height: 42px;
line-height: 36px;
text-align: center;
width: 42px;
vertical-align: top;
}
.sp.icon-sms2 {
background-position: -67px -702px;
height: 25px;
width: 25px;
margin-right: 0;
position: relative;
top: 3px;
}
td {
padding-top: 5px;
padding-bottom: 5px;
border: none;
text-align: left;
padding-left: 10px;
}
.pricestyle {
font-size: 15px;
color: #F00;
border-bottom: 1px solid #cccccc;
border-right: 1px solid #cccccc;
padding: 5px 15px;
text-align: center;
line-height: 40px;
font-weight: bold;
letter-spacing: 1px;
}
.tdcontent {
border-bottom: 1px solid #cccccc;
border-right: 1px solid #cccccc;
padding: 5px 15px;
font-size: 13px;
color: #000;
font-weight: normal;
text-align: center;
}
.tdheadbold {
font-weight: normal;
border-bottom: 1px solid #cccccc;
border-right: 1px solid #cccccc;
font-size: 14px;
padding-left: 10px;
text-align: center;
}
.orang_button {
background: #e46f0d;
color: #FFFFFF;
font-weight: bold;
text-align: center;
padding: 11px 13px;
font-size: 14px;
text-decoration: none;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
width: auto;
border: 0;
font-weight: normal;
cursor: pointer;
}
.sp {
background: url(../images/spirte-icons.png) no-repeat;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
.sp.icon-mplanet2 {
background-position: -146px -324px;
height: 21px;
width: 21px;
margin-right: 0;
}
.sp.icon-viewcontact {
background-position: -20px -695px;
height: 32px;
width: 24px;
margin-right: 0;
}
.upgrade-mnu.dropdown-menu {
top: 43px;
box-shadow: -1px 8px 10px rgba(43, 59, 93, 0.4);
border-radius: 3px!important;
width: auto;
min-width: 480px;
right: 0;
left: auto;
}
.navbar-right .dropdown-menu {
right: 0;
left: auto;
}
.navbar.dashboard-menu .nav .dropdown-menu li {
display: block;
margin: 0;
padding: 7px 15px 0px;
position: relative;
/* border-bottom: 1px solid #f0f0f0;
*/
transition: all 0.5s ease;
right: 0;
left: auto;
}
.upgrade-mnu.dropdown-menu>li:first-child {
background: #fff;
padding: 12px 16px!important;
position: relative;
top: -5px;
border-bottom: 1px dashed #ccc;
font-size: 13px;
border-radius: 3px!important;
}
.col-sm-3 {
width: 25% !important;
float: left;
}
.form-horizontal .control-label {
padding-top: 7px;
margin-bottom: 0;
text-align: left;
}
.pull-left {
float: left!important;
}
.col-sm-2 {
width: 16.66666667%;
float: left;
}
.col-sm-3 {
width: 25% !important;
float: left;
}
.needpad {
padding-top: 15px;
padding-left: 0px;
padding-right: 0px;
}
.col-sm-9 {
width: 75%;
float: left;
}
.capbox {
border-width: 0px 12px 0px 0px;
display: inline-block;
zoom: 1;
padding: 8px 40px 15px 8px;
}
#CaptchaDiv {
font: bold 17px verdana, arial, sans-serif;
font-style: italic;
color: #fff;
background-color: #ff5b5b;
padding: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
border: solid 1px #ccc;
text-align: center;
}
.capbox-inner {
font: bold 11px arial, sans-serif;
color: #000000;
background-color: #d6e9f5;
margin: 5px auto 0px auto;
padding: 13px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.btn-green {
/* border-color: #f3840a !important;
*/
/* background: #f35101 !important;
*/
border-color: #065303 !important;
background: #065303 !important;
color: white !important;
transition: ease-in-out 0.3s !important;
-webkit-transition: ease-in-out 0.3s !important;
-ms-transition: ease-in-out 0.3s !important;
-moz-transition: ease-in-out 0.3s !important;
-o-transition: ease-in-out 0.3s !important;
border: 1px solid transparent;
padding: 10px !important;
display: block !important;
border-radius: 3px !important;
font-size: 12px !important;
text-align: center !important;
width: 125px;
}
.btn-orange:hover {
background-color: #b36208;
color: #fff;
}
.btn-orange {
border-color: #f3841b;
background: #f3841b;
color: white;
transition: ease-in-out 0.3s;
-webkit-transition: ease-in-out 0.3s;
-ms-transition: ease-in-out 0.3s;
-moz-transition: ease-in-out 0.3s;
-o-transition: ease-in-out 0.3s;
border: 1px solid transparent;
padding: 10px !important;
display: block !important;
border-radius: 3px !important;
font-size: 12px !important;
text-align: center !important;
width: 110px;
}
.modal-header {
padding: 25px;
border-bottom: 0px solid #e5e5e5;
background-color: #fff;
}
.modal-content {
position: relative;
background-color: #fff;
}
.modal-footer {
padding: 5px;
text-align: right;
border-top: 1px solid #e5e5e5;
background: rgba(236, 236, 236, 1);
}
.list-unstyled li {
line-height: 32px;
margin-left: 0px;
margin-top: 0px;
}
p.text-highlight.v1 {
font-size: 1.13em;
color: white;
line-height: 1.25em;
background-color: #006afe;
padding: .75em 3%;
border-left: solid .5em #ffd401;
font-weight: 500;
line-height: 1.8;
}
.panel-body {
padding: 15px;
}
.upgrade-mnu.dropdown-menu:after {
bottom: 100%;
right: 20%;
border: solid transparent;
border-color: rgba(255, 255, 255, 0);
border-bottom-color: #fff;
border-width: 6px;
margin-right: -6px;
}
.upgrade-mnu.dropdown-menu:after {
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
#accordion-container {
font-size: 13px;
background: #ffffff;
padding: 5px 10px 10px 10px;
border: 1px solid #cccccc;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 5px 15px #cccccc;
-webkit-box-shadow: 0 5px 15px #cccccc;
box-shadow: 0 5px 15px #cccccc;
width: 100%;
}
.accordion-header {
font-size: 16px;
background: #ebebeb;
margin: 5px 0 0 0;
padding: 5px 20px;
border: 1px solid #cccccc;
cursor: pointer;
color: #e23f0c;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.active-header {
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
background: url(images/active-header.gif) #e6305521;
background-repeat: no-repeat;
background-position: right 50%;
}
.active-header:hover {
background: url(images/active-header.gif) #e6305521;
background-repeat: no-repeat;
background-position: right 50%;
}
.inactive-header {
background: url(images/inactive-header.gif) #ebebeb;
background-repeat: no-repeat;
background-position: right 50%;
}
.inactive-header:hover {
background: url(images/inactive-header.gif) #f5f5f5;
background-repeat: no-repeat;
background-position: right 50%;
}
.accordion-content {
display: none;
padding: 10px;
background: #ffffff;
border: 1px solid #cccccc;
border-top: 0;
-moz-border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
text-align: justify;
width: 100% !important;
line-height: 26px;
}
/*.button {
border-radius: 4px;
background-color: #f4511e;
border: none;
color: #FFFFFF;
text-align: center;
font-size: 28px;
padding: 20px;
width: 200px;
transition: all 0.5s;
cursor: pointer;
margin: 5px;
}
*/
.button span {
cursor: pointer;
display: inline-block;
position: relative;
transition: 0.5s;
}
.button span:after {
content: '\00bb';
position: absolute;
opacity: 0;
top: 0;
right: -20px;
transition: 0.5s;
}
.button:hover span {
padding-right: 25px;
}
.button:hover span:after {
opacity: 1;
right: 0;
}
.r-content-photo img {
-webkit-transition: all 1s ease;
/* Safari and Chrome */
-moz-transition: all 1s ease;
/* Firefox */
-o-transition: all 1s ease;
/* IE 9 */
-ms-transition: all 1s ease;
/* Opera */
transition: all 1s ease;
border: 2px solid #e4265b;
}
.r-content-photo:hover img {
-webkit-transform: scale(1.65);
/* Safari and Chrome */
-moz-transform: scale(1.65);
/* Firefox */
-ms-transform: scale(1.65);
/* IE 9 */
-o-transform: scale(1.65);
/* Opera */
transform: scale(1.65);
border: 2px solid #e4265b;
}

.buttonin {
width: 55px;
height: 46px;
position: absolute;
right: 0;
top: 0;
cursor: pointer;
z-index: 12399994;
}
.buttonin:after {
position: absolute;
top: 22px;
right: 41px;
display: block;
height: 8px;
width: 30px;
border-top: 3px solid #dddddd;
border-bottom: 3px solid #dddddd;
content: '';
}
.buttonin:before {
-webkit-transition: all .3s ease;
-ms-transition: all .3s ease;
transition: all .3s ease;
position: absolute;
top: 13px;
right: 41px;
display: block;
height: 3px;
width: 30px;
background: #ddd;
content: '';
}
.buttonin.menu-opened:after {
-webkit-transition: all .3s ease;
-ms-transition: all .3s ease;
transition: all .3s ease;
top: 23px;
border: 0;
height: 3px;
width: 19px;
background: #fff;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg)
}
.buttonin.menu-opened:before {
top: 23px;
background: #fff;
width: 19px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg)
}



@media only screen and (max-width: 800px) {
.box-match-data-actions {
width: 100% !important;
float: left !important;
clear: both;
}

.kvline-1{

	left: 21% !important;
}

.kvline-2{

	left: 21% !important;
}

.kvline-3{

	left: 21% !important;
}


div.profile-q,
.profile-q-long,
.div.profile-a-small {
width: auto !important;
}
.r-content-photo {
border: none !important;
float: none !important;
height: auto;
/* margin: 0px !important;
*/
}
}
.mobilogin {
display: none;
}
@media only screen and (max-width: 800px) {
#regional-search-area {
width: 100% !important;
display: block !important;
}


div.search-input-left{
	width: 100%;
}

div.regional-search-button{
	height: auto;
}

#id_search{
	width: 100% !important
}




.search-label {
clear: both;
}
#result-box-top-middle {
width: auto !important;
}
div.profile-id-text-results {
width: auto !important;
}
.agedesign {
width: 30% !important;
}
.regional-search-button {
float: none !important;
margin-left: 0px !important;
margin-top: 20px !important;
clear: both;
}
.button1 {
margin-left: 0px !important;
}
.makeright {
margin-left: 60px !important
}
div.search-label-left {
margin-bottom: 0px !important
}
}
.nopad {
padding-left: 0px !important;
padding-bottom: 10px;
padding-top: 10px;
}
.box-match-data-actions {
float: right;
}
.logo {
display: none;
position: relative;
z-index: 123;
padding: 10px;
font: 18px verdana;
color: #fff;
float: left;
width: 15%
}
.logo a {
color: #fff;
}
@media screen and (max-width:1000px) {
.logo {
display: block;
position: absolute;
top: 0;
left: 20px;
width: 100%;
height: 46px;
text-align: left;
padding: 10px 0 0 0;
float: none;
}
.logo2 {
display: none
}
}
/*menu*/
.home-higlight h2 {
color: #303188;
font-size: 40px;
line-height: 1.2;
letter-spacing: 0.025em;
font-weight: 400;
margin-bottom: 65px;
}
.profile-contain:nth-child(3n+1) {
clear: both;
}
.img-contain {
width: 152px;
min-height: 172px;
float: left;
}
.detail-contain {
font-weight: 400;
padding-left: 10px;
display: table-cell;
vertical-align: middle;
width: 100%;
background-color: #fdf5f8;
/*border: solid 1px #a1a9a1;*/
}
.detail-contain h3 {
color: #303188;
font-size: 17px;
line-height: 1.2;

font-weight: bold;

margin-top: 0px;
}
.detail-contain label {
color: #303188;
font-size: 16px;
line-height: 1.2;
letter-spacing: 0.05em;
/*text-transform: uppercase;*/
/*position: relative;*/
padding-right: 20px;
font-weight: bold;
}
.detail-contain label:hover {
color: red !important;
}
.detail-contain p {
color: #000000;
font-size: 16px;
line-height: 1.4;
/*letter-spacing: 0.025em;*/
margin-bottom: 0px;
}
.detail-contain p span {
display: block;
}
.detail-contain p.place {
margin: 5px 0;
margin-bottom: 0px;
}
.profile-contain>a {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 1;
}
.profile-contain>a:hover+div {
box-shadow: 1px 4px 4px 0px rgba(0, 0, 0, 0.1);
}
.swiper-slide {
padding: 0 5px;
margin-bottom: 0px;
float: left;
padding-left: 0px;
}
.swiper-slide:nth-of-type(2n+2) {
margin-bottom: 5px;
}
.swiper-slide>div {
background: #ffffff;
padding: 5px;
padding-left: 0px;
display: table;
width: 100%;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.swiper-slide>div:after {
content: "";
display: table;
clear: both;
}
.home-higlight .swiper-pagination-bullet {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
width: 12px;
height: 12px;
opacity: 1;
background: none;
border: 2px solid #c9c9c9;
}
.home-higlight .swiper-pagination-bullet-active {
opacity: 1;
background: #00b6be;
border-color: #00b6be;
}
.home-higlight .pagination-profile {
position: absolute;
text-align: center;
-webkit-transition: .3s;
-moz-transition: .3s;
-o-transition: .3s;
transition: .3s;
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
z-index: 10;
bottom: 0;
}
.makebold p {
font-weight: bold;
}
.newbride {
-webkit-box-ordinal-group: 1;
order: 1;
width: 380px;
visibility: visible;
animation-delay: 0.1s;
animation-name: fadeInUp;
}
@media (max-width: 800px) {
.newbride {
width: 100%
}
.makeboxfull {
width: 100% !important
}
div.profile-id-text-results {
width: auto !important;
}
#right-information {
padding-left: 0px;
}
.home-form-dob {
margin-left: 0px !important;
width: 32% !important;
}
}
@media (max-width: 800px) {
.makehalf1 {
width: 50%;
margin: 0px auto;
clear: both;
}
.fonthalf {
font-size: 16px !important;
}
.r-content-right-top {
width: 470px;
}
.makeright {
margin-left: 60px !important;
}
.regional-search-button {
float: none !important;
margin-left: 0px !important;
margin-top: 20px !important;
clear: both;
}
.newbride {
width: 100%;
}
.makeheadin {
float: none !important;
}
header p.title {
width: 26%;
float: left !important;
margin-bottom: 0px;
}
.fontsmall {
margin-top: 5% !important;
}
.headertop {
clear: both !important;
}

.slider11 {
width: 100% !important;
float: none !important;
}
#info-3-title-middle {
width: auto !important;
}
#result-box-top-middle {
width: auto !important;
}
#result-box-bottom-middle {
width: 80% !important;
}
#info-4-title-middle {
width: 80% !important;
}
.fullwidth {
width: 100% !important;
}
.makeleft {
padding-left: 20px;
margin-top: 10px;
padding-bottom: 10px;
}
.makesmall {
width: 30%;
float: left;
margin-top: 20px;
}
.maketop {
margin-top: 20px;
}
.col-md-4 {
width: 33.33333333%;
float: left;
}
.makehide {
display: none;
}
.reverse .main {
float: left;
width: 100%
}
.makewidth {
width: 100% !important;
}
.feature_title span {
display: inline-block;
font-size: 23px;
line-height: 29px;
}
.floatnone {
float: none !important;
}
.landing-form form {
width: 100% !important;
height: auto !important;
}
}
@media (max-width: 800px) {
.nomargin {
margin-top: 0px !important;
}
}
.home-higlight img {
vertical-align: middle;
width: 100%;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
border: 2px solid #fdf5f8;
}
.home-higlight img:hover {
-webkit-transform: scale(1.65);
-moz-transform: scale(1.65);
-ms-transform: scale(1.65);
-o-transform: scale(1.65);
transform: scale(1.65);
border: 2px solid #fdf5f8;
}
.homepagepro img {
vertical-align: middle;
width: 100%;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
border: 2px solid #CCCCCC;
}
.homepagepro img:hover {
-webkit-transform: scale(1.65);
-moz-transform: scale(1.65);
-ms-transform: scale(1.65);
-o-transform: scale(1.65);
transform: scale(1.65);
border: 2px solid #CCCCCC;
}
.clearfix {
clear: both;
}
.remove-border {
border: none;
}
.full-width-section {
float: left;
width: 100%;
clear: both;
position: relative;
}
.dt-sc-margin20 {
margin: 0px 0px 20px;
}
.border-title {
position: relative;
clear: both;
}
.dt-sc-margin60 {
margin: 30px 0px;
}
.columnsevai.no-space.sevaithird {
width: 33.33%;
}
.columnsevai.no-space {
margin-left: 0px;
margin-right: 0px;
}
.text-aligncenter {
display: block;
text-align: center;
}
.columnsevai {
box-sizing: border-box;
margin: 0px 0px 0px 2%;
float: left;
min-height: 1px;
position: relative;
}
.aligncenter,
img.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.border-title.type3 h2 {
font-size: 30px;
}
.border-title h1,
.border-title h2,
.border-title h3,
.border-title h4,
.border-title h5,
.border-title h6 {
display: inline-block;
font-weight: 300;
position: relative;
/* padding: 0 10px; */
line-height: 45px;
margin: 0;
}
.sevaicontent.matri12 .icon-wrapper,
.sevaicontent.matri12 h4 {
-webkit-transition: -webkit-transform 0.4s;
-moz-transition: -moz-transform 0.4s;
transition: transform 0.4s;
transform: matrix(1, 0, 0, 1, 0, 0);
-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
-moz-transform: matrix(1, 0, 0, 1, 0, 0);
-ms-transform: matrix(1, 0, 0, 1, 0, 0);
-o-transform: matrix(1, 0, 0, 1, 0, 0);
}
.sevaicontent.matri12 h4 {
font-size: 20px;
font-weight: normal;
clear: both;
font-family: 'Mukta Malar', sans-serif;
}
.sevaicontent h4 {
font-size: 15px;
font-weight: bold;
margin-bottom: 10px;
}
.sevaicontent.matri12:hover .icon-wrapper,
.sevaicontent.matri12:hover h4 {
transform: matrix(1, 0, 0, 1, 0, -40.5);
-webkit-transform: matrix(1, 0, 0, 1, 0, -40.5);
-moz-transform: matrix(1, 0, 0, 1, 0, -40.5);
-ms-transform: matrix(1, 0, 0, 1, 0, -40.5);
-o-transform: matrix(1, 0, 0, 1, 0, -40.5);
}
.sevaicontent h4 a {
color: #333;
margin-bottom: 10px;
}
.border-title.type3 h1:after,
.border-title.type3 h2:after,
.border-title.type3 h3:after,
.border-title.type3 h4:after,
.border-title.type3 h5:after,
.border-title.type3 h6:after {
background: url(../images/title-border.png) no-repeat;
bottom: -15px;
content: "";
height: 10px;
left: 0;
position: absolute;
width: 32px;
right: 0;
margin: auto;
font-family: 'Mukta Malar', sans-serif;
}
.sevaicontent.matri12>a {
position: absolute;
left: 0;
right: 0;
margin: auto;
bottom: 0;
opacity: 0;
-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s, all 300ms linear 0s;
-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s, all 300ms linear 0s;
transition: transform 0.4s, opacity 0.1s 0.3s, all 300ms linear 0s;
color: #333;
transform: matrix(1, 0, 0, 1, 0, 14.184);
-webkit-transform: matrix(1, 0, 0, 1, 0, 14.184);
-moz-transform: matrix(1, 0, 0, 1, 0, 14.184);
-ms-transform: matrix(1, 0, 0, 1, 0, 14.184);
-o-transform: matrix(1, 0, 0, 1, 0, 14.184);
}
.sevaicontent.matri12 .icon-wrapper {
width: auto;
height: auto;
border-radius: 0;
background-color: inherit;
margin-bottom: 5px;
}
.sevaicontent .icon-wrapper {
width: 70px;
height: 70px;
border-radius: 50%;
display: inline-block;
text-align: center;
margin-bottom: 20px;
}
.contactpage p {
font-size: 16px !important
}
@media (max-width: 320px) {
.main .content-slider article {
width: 135px !important;
height: 230px !important;
margin-right: 0px;
}
}
@media (max-width: 360px) {
.main .content-slider article {
width: 155px !important;
height: 230px !important;
margin-right: 0px;
}
}
.welcome-right h2 {
color: #fff !important;
padding: 7px;
background: #BD181F;
font-size: 11pt;
font-weight: bold;
border-radius: 0 10px 0 0;
margin-bottom: 0px;
margin-top: 0px;
}
.benefits {
border: 1px solid #ebebeb;
padding: 5px 14px;
list-style: none;
background: #fcff00;
}
.welcome-right ul li {
text-align: left;
}
.benefits li {
font-size: 14px;
color: #f00;
text-align: justify;
padding: 3px 14px;
line-height: 23px;
background: url(../images/list.png) left center no-repeat;
font-weight: bold;
}
.tab-wraps {
border: 1px solid #ebebeb;
width: 97.9%;
min-height: 125px;
padding: 0 1%;
margin-bottom: 1em;
position: relative;
top: 0px;
z-index: 5;
}
.indentmenu {
font-size: 12px;
color: #333;
width: 100%;
margin-top: 3px;
/*leave this value as is in most cases*/
}
.indentmenu ul {
margin: 0;
padding: 0;
float: left;
/* width: 80%; width of menu*/
border-top: 0px solid navy;
/*navy border*/
/*  background:url(indentbg.gif) center center repeat-x;*/
position: relative;
z-index: 999;
}
.indentmenu ul li {
display: inline;
}
.indentmenu ul li a {
float: left;
color: #333;
/*text color*/
padding: 5px 15px;
text-decoration: none;
border-right: 1px solid #fff;
/*navy divider between menu items*/
font-size: 12px;
font-weight: bold;
}
.indentmenu ul li a:visited {
color: #333;
}
.indentmenu ul li a.selected {
color: #fff !important;
padding-top: 7px;
/*shift text down 1px*/
padding-bottom: 7px;
background: #BD181F;
font-size: 11pt;
font-weight: bold;
border-radius: 0 10px 0 0;
}
.tabcontentstyle {
/*style of tab content oontainer*/
border: 1px solid #ebebeb;
width: 610px;
margin-bottom: 1em;
padding: 10px;
}
.tabcontent {
display: none;
}
.tabcontent p {
font-size: 16px;
color: #000000;
text-align: justify;
padding: 5px 5px;
line-height: 23px;
}
.tabcontent img {
float: left;
padding: 10px;
}
.tabcontent ul {
margin: 5px 0px;
}
.tabcontent ul li {
list-style: circle;
line-height: 18px;
}
.more-but {
width: 46px;
height: 17px;
float: right;
position: relative;
bottom: 15px;
right: 20px;
}
@media print {
.tabcontent {
display: block !important;
}
}
.logostyle{
/*width: 230px;*/
display: inline-block;
/*padding-top: 20px;*/
padding-bottom: 10px;
}
.logostyle img{
width: 60%;
}
#username{
width: 210px;
font-size: 14px;
}
.passwordfield{
width: 180px;
font-size: 14px;
}
.forget a {
float: right; 
color: #3897f0 !important; 
font-size: 15px;
}
.forget a:hover{
text-decoration: underline;
}
.footer-top {
background: url(../images/footer-top.jpg) no-repeat center center;
background-size: cover;
padding: 10px 0;
}
.reg-top div {
color: #fff;
font-weight: 600;
font-size: 28px;
line-height: 36px;
text-align: center;
padding: 5px 0;
}
.reg-top {
text-align: center;
}
.reg-top img {
margin: 0 auto;
display: block;
margin-top: 0px;
}
#search {
background: rgba(255, 255, 255, 0.8);
position: relative;
margin-top: -80px;
line-height: 80px;
font-weight: 700;
color: #000;
font-size: 18px;
}
.cpink {
color: #e90990;
}
section.member {
padding: 40px 0 50px;
text-align: center;
    background-image: url(../images/bg-texture.png);
}
section.member h4 {
margin-bottom: 20px;
font-size: 26px;
font-weight: bold;
color: #313131;
}
section.member .features .feature {
width: 90px;
height: 90px;
}
section.member .features .feature {
margin: 0 auto;
width: 82px;
height: 82px;
background-color: #FFF;
border-radius: 100%;
box-shadow: 0 3px 6px rgba(0,0,0,0.1);
}
section.member .features h6 {
padding-top: 6px;
padding-bottom: 4%;
font-size: 20px;
font-weight: 400;
color: #000;
line-height: 1.3;
text-transform: capitalize;
text-align: center !important;
}
section.member .features .feature img {
padding-top: 15px;
width: 50px;
}
section.member p {
width: 80%;
}
section.member p {
width: 100%;
margin: 0 auto;
margin-bottom: 20px;
font-size: 18px;
color: #313131;
line-height: 1.75;
}
.hp-brandbnr {
    background-image: linear-gradient(to top, #09873f, #bb1704);
    margin: 30px 0;
    position: relative;
    border-radius: 10px;
    width: 100%;
}

.most-trusted-text{
	font-size: 23px;
    font-weight: 900;
    color: #fff;
    margin-bottom: 10px;
}

.red-imp{
	background-color: #4ed00e !important
}

.fright{
	float: right;
}

.hp-brnd-btn {
    background-color: #4ed00e
    padding-top: 7px;
}

.fleft {
    float: left;
}


.hp-brandbnr1 {
    width: 780px;
    margin: 0 auto;
    padding: 47px 0;
}

.mosttrusted-banner-image {
    background: url(../images/bm-brandbg.webp) no-repeat;
    width: 123px;
    height: 159px;
}
section.highlights h4 {
margin-bottom: 20px;
font-size: 21px;
font-weight: 700;
color: #313131;
text-align: center;
}
section.highlights p.top {
width: 80%;
}
section.highlights p.top {
width: 90%;
margin: 0 auto;
margin-bottom: 30px;
font-size: 15px;
color: #313131;
line-height: 1.75;
text-align: center;
}
section.highlights .highlight {
padding: 30px 20px;
background-color: #e91e63;
border-bottom: 10px solid #FFF;
text-align: center;
}
section.highlights .highlight .icon {
padding: 20px;
margin-bottom: 10px;
font-size: 36px;
border-radius: 100%;
color: #e91e63;
background-color: #FFF;
}
section.highlights .highlight h5 {
font-size: 18px;
color: #FFF;
line-height: 1.4;
font-weight: bold;
}
section.highlights .highlight p {
font-size: 16px;
color: #FFF;
line-height: 1.6;
}
.highlights{
margin-bottom: 50px;
}
.scrollTop {
position: fixed;
right: 5%;
bottom: 40px;
padding: 20px;
opacity: 0;
transition: all 0.4s ease-in-out 0s;
}
.scrollTop a {
font-size: 48px;
color: #e6d9da;
}

.desktop-none{
	display: none !important;
}
@media only screen and (max-width: 767px){

	.desktop-none{
		display: block !important;
	}

	.logopad{
		padding: 10px !important;
	}

	header>section.main-header{
		padding: 0px !important
	}

	.m-none{
		display: none;
	}
	.no-margin{
margin-top: 0px !important;
	}
.makepadnew{
padding-top: 0px !important;
}
.mobhide{
display: none;
}


/*.slider11 {*/
/*background: url(../images/mobile-banner.png) no-repeat 0 0;*/
/*background-size: cover;*/
/*    height: 38vh;*/
/*    min-height: 250px;*/
/*    overflow: visible;*/
/*}*/
/*#jssor_1{*/
/*display: none;*/
/*}*/
.landing-form {
    right: 0px;
    width: 90%;
    left: 0px;
    margin: 0px auto;
    float: none !important;
    position: relative;
    top: 18px !important;
    border: solid 1px #ccc;
}
#search {
font-size: 16px;
}
#search {
margin-top: 0px;
}
#search {
line-height: 70px;
}
.text-center{
text-align: left !important;
}
}
.makebottom{
margin-bottom: 20px;
}
.main{
float: right !important;
}
.nopads1{
padding-left: 0px !important ;
padding-right: 0px !important;
}
.blinking {
animation: blinkingText 1.3s infinite;
margin-bottom: 5px;
}
@keyframes blinkingText {
0% {
color: black;
}
25% {
color: red;
}
50% {
color: #093ac8;
}
100% {
color: green;
}
}
.makepadnew{
padding-top: 20px;
}
.mbvr.mng-upload-otherways h4 {
font-size: 30px;
font-weight: 600;
}
.mng-upload-otherways h4 {
text-align: center;
color: #006afe;
font-size: 28px;
font-weight: normal;
}
.kvline-1 {
background: #dbdbdb;
display: block;
height: 1px;
left: 41%;
margin-top: 15px;
position: relative;
width: 200px;
}
.kvline-2 {
background: #dbdbdb;
display: block;
height: 1px;
left: 43%;
margin-top: 5px;
position: relative;
width: 150px;
}
.kvline-3 {
background: #dbdbdb;
display: block;
height: 1px;
left: 45%;
margin-bottom: 15px;
margin-top: 5px;
position: relative;
width: 100px;
}
.col-make-asst {
text-align: center;
padding-top: 25px;
padding-bottom: 25px;
border-right: 1px solid #e1e1e1;
position: relative;
}
.col-make-asst:after {
content: "OR";
position: absolute;
right: -17px;
top: 48px;
width: 32px;
height: 32px;
background: #fff;
text-align: center;
line-height: 32px;
color: #212121;
border: 1px solid #e1e1e1;
border-radius: 50%;
z-index: 10;
}
.msa3.col-make-asst {
border: 0 none;
}
.msa3.col-make-asst:after {
content: "";
border: 0 none;
width: 0;
height: 0;
}
.col-make-asst .fa.fa-phone {
color: #b90e4b;
font-size: 32px;
position: relative;
margin-bottom: 20px;
}
.col-make-asst a {
color: #006afe;
    font-size: 24px;
    font-weight: 600;
}
.col-make-asst .fa-comments {
color: #069;
}
.col-make-asst .fa-whatsapp {
color: #090;
}
.col-make-asst .fa {
color: #b90e4b;
font-size: 32px;
position: relative;
margin-bottom: 20px;
}
.col-make-asst .fa.fa-comments:after {
border: 2px solid #069;
border-radius: 50%;
content: "";
height: 52px;
left: -10px;
position: absolute;
top: -11px;
width: 52px;
}
.col-make-asst .fa.fa-whatsapp:after {
border: 2px solid #b90e4b;
border-radius: 50%;
content: "";
height: 52px;
left: -14px;
position: absolute;
top: -11px;
width: 52px;
}


.col-make-asst .fa.fa-phone:after {
border: 2px solid #b90e4b;
border-radius: 50%;
content: "";
height: 52px;
left: -14px;
position: absolute;
top: -11px;
width: 52px;
}

.profile-description h3, .agency-description h3 {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    margin: 0;
    text-align: inherit;
    text-transform: inherit;
}



.contact1 li, .agency-contact li {
    font-size: 20px;
    font-weight: bold;
    margin: 0;
    text-align: inherit;
    text-transform: inherit;
    list-style: none;
    padding: 0;
    line-height: 32px;
}
.contact li, .agency-social li {
    display: inline-block;
    margin-right: 6px !important;
}

.contact a, .agency-social a {
    color: #9a8181;
    display: inline-block;
    font-size: 27px;
    vertical-align: middle;
}

.mt-5{
	margin-top: 30px;
}

.support-image img {
    max-width: 100%;
}

.live-help h3 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0;
}

.merits
{
	text-align: center;
	    border: 2px solid transparent;
    box-shadow: 1px 7px 6px 0px rgb(181, 181, 181);
}

.memberinner img:hover {
  
    transform: rotate(160deg) ;
    transition: all 0.6s ease 0s ;
}
.memberinner img {
    display: block;
    margin: 0 auto;
        background-image: linear-gradient(45deg, #006afe, #ffb131);
    border-radius: 33%;
}
.makegrid {
    border: dashed 1px #008101;
    margin: 5px;
    padding-top: 20px;
        border-bottom-left-radius: 59px;
    border-top-right-radius: 50px;
}
.memberinner {
    margin-top: 20px;
    transition: all 0.6s ease 0s;
        background: beige;
}
.memberinner .floatText {
    text-align: center;
}
.floatText >h3 {
    color: #006afe;
    font-size: 23px;
}
.rotate:hover
{
	
transform: rotate(360deg);
    transition: all 0.6s ease 0s;

}
.glow {
  font-size: 80px;
  color: #006afe;
  text-align: center;
  -webkit-animation: glow 1s ease-in-out infinite alternate;
  -moz-animation: glow 1s ease-in-out infinite alternate;
  animation: glow 1s ease-in-out infinite alternate;
}

@-webkit-keyframes glow {
  from {
    text-shadow: ;
  }
  
  to {
    text-shadow: 0 0 5px #8bc83f, 0 0 6px #8bc83f, 0 0 7px #ff4da6, 0 0 8px #8bc83f;
  }
}
.col-xs-6.col-md-3.paid:hover {
    transition: all 1.6s ease 0s;
    background-color: #097735;
}
.col-xs-6.col-md-3.paid {
    background: #ffe9cc url(../images/parallax_heart2_white.png);
    padding: 20px;
    border-right: 17px solid #f7f7f7;
        border-left: 5px solid #61bc55;
}

.memberinner:hover .rotate {
	border-top-right-radius: 15px;
	border-bottom-left-radius: 0px;
	border: 2px solid #ffb642;
	 transform: rotate(360deg) ;
    transition: all 0.6s ease 0s ;
}


.border_top {
    background-image: url(../images/border_1.png);
    background-position: top;
    background-repeat: repeat;
    height: 7px;
}

.border_bottom {
    background-image: url(../images/border_2.png);
    background-position: bottom;
    background-repeat: repeat;
    height: 7px;
}

.no-pad{
	padding-left: 0px !important;
}


.whatsapplogo {
    height: 60px;
    width: 60px;
    border-radius: 50%;
    margin: 30px;
    position: fixed;
    z-index: 99999;
    bottom: 150px;
    right: 0px;
    cursor: pointer;
}


.whatsapplogo:before, .whatsapplogo:after {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    top: 0%;
    left: 0%;
    border-radius: 50%;
    box-shadow: 0 0 15px #0dc143;
    animation: whatsapplogo 2s ease-out infinite;
}

@keyframes whatsapplogo {
  0% {
    opacity: 0;
    transform: scale(1);
  }
  80% {
    opacity: 1;
  }
  100% {
    transform: scale(1.5);
    opacity: 0;
  }
}


#show{
    color: #006afe;
    border: 1px solid #006afe;
    background: transparent;
    padding: 5px 15px;
    float: right;font-size:14px
}

.profile_search {
    text-align: center;
    background-color: rgba(12, 9, 10, 0.29);
    padding: 2em;
    margin: 11em 0 0 0;
}

.search_top {
    margin-bottom: 2em;
}.inline-block {
    display: inline-block;
    padding-right: 5%;
    color: #fff;
}
label.gender_1 {
    display: inline-block;
    max-width: 100%;
    margin-right: 10px;
    font-weight: 300;
    font-size: 1em;
    color: #fff;
    font-style: italic;
}

.profile_search{
	text-align: center;
    background-color:#2b5616;
    padding:2em 2em;
    margin:0em 0 0 0;
}
.profile_search .input-group input[type="text"],.profile_search select{
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    background-color: #fff;
    border: none;
    font-size: 12px;
    padding:5px;
    width: 100%;
    color: #555;
    outline: none;
}
input.transparent{
    background-color:#fff;
    border: none;
    outline: none;
    font-size: 12px;
    padding:5px;
    color:#555;
}
.inline-block {
    display: inline-block;
    padding-right:2.5%;
    color:#fff;
}

.search_top{
	margin-bottom:0em;
}
input#submit-btn {
    background-color: #fdd835;
    border: none;
    outline: none;
    color: #222;
    font-size: 1em;
    padding: 6px 20px;
    border: 1px solid #fff;
}
@keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }

  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.pt-4{
	padding-top: 40px;
}

.about-app{
	background: #f5faf8 url(images/home-bg.webp) no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 50px;
}
ul.custom-bullet {
    list-style: none;
    line-height: 24px;
    margin-left: 27px;
    font-size: 16px;
    letter-spacing: .6px;

}

ul.custom-bullet li{
	margin-bottom: 10px;
}

ul.roundtick>li:before {
    background-image: url(../images/round-tick-tracky.png);
    width: 16px;
    height: 16px;
    background-position: 0 9px;
}
ul.custom-bullet>li:before {
    content: "";
    height: 28px!important;
    width: 1em;
    display: block;
    float: left;
    margin-left: -27px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%:;
}

.v-align{
	margin-top: 15%
}


.welcome {
    padding: 40px 0 20px;
}
@media (max-width: 767.98px) {
    .welcome {
        padding: 50px 0 0;
    }
}
.welcome .welcome-card {
    margin: 0 0 60px;
}
@media (max-width: 767.98px) {
    .welcome .welcome-card {
        margin: 0 0 50px;
    }
}
@media (max-width: 767.98px) {
    .about-app {
        padding: 20px 0 10px;
    }
}
@media (max-width: 575.98px) {
    .about-app img {
        max-width: 290px;
    }
}
.about-app h2 {
    margin: 0 0 15px;
}
@media (max-width: 991.98px) {
    .about-app h2 {
        text-align: center;
        margin: 50px 0 15px;
    }
}
@media (max-width: 991.98px) {
    .about-app p {
        text-align: center;
        max-width: 420px;
        margin: 0 auto 60px;
    }
}
@media (max-width: 767.98px) {
    .about-app p {
        margin: 0 auto 50px;
    }
}
.download-app {
    padding: 55px 0 30px;
    
    background-size: contain;
    color: #fff;
}
@media (max-width: 991.98px) {
    .download-app {
        background-image: none;
        background: #26bd68;
        text-align: center;
        padding: 60px 0;
    }
}
.download-app h2 {
    color: #fff;
    margin: 0 0 25px;
}
@media (max-width: 767.98px) {
    .download-app h2 {
        max-width: 240px;
        margin: 0 auto 20px;
    }
}
.download-app p {
    font-size: 18px;
    line-height: 30px;
    margin: 0 0 20px;
}
@media (max-width: 767.98px) {
    .download-app p {
        font-size: 16px;
        line-height: 28px;
    }
}
.download-app h6 {
    color: #fff;
    margin: 0 0 35px;
}
@media (max-width: 767.98px) {
    .download-app h6 {
        margin: 0 0 15px;
    }
}
.about {
    padding: 80px 0 30px;
}
@media (max-width: 767.98px) {
    .about {
        padding: 50px 0 10px;
    }
}
.about h3 {
    margin: 0 0 25px;
}
@media (max-width: 767.98px) {
    .about h3 {
        margin: 0 0 15px;
    }
}
.about p {
    margin: 0 0 50px;
}
.about .first-row {
    margin-bottom: 0;
}
@media (max-width: 991.98px) {
    .about .first-row::before {
        left: inherit;
        right: -50px;
    }
}
.about .special p {
    padding-right: 70px;
}
@media (max-width: 1199.98px) {
    .about .special p {
        padding-right: 0;
    }
}
.about .why p {
    padding-right: 60px;
}
@media (max-width: 1199.98px) {
    .about .why p {
        padding-right: 0;
    }
}

.main-head {
    position: relative;
    margin: 0 0 80px;
    color: #03a84e
}

.main-head::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -25px;
    background-repeat: no-repeat;
    width: 175px;
    height: 10px;
    margin-left: -87.5px;
}


.main-head.green::before {
    background-image: url(../images/head-pattern.svg);
}


.welcome-card h5 {
    margin: 0 0 10px;
    font-size: 20px;
    line-height: 28px;
    color: #006afe;
}
.img-fluid{
width: 100%
}



.welcome-card img {
    margin: 0 0 25px;
    width: 120px;
    height: auto;
}


.accordion {
  width: 100%;
  margin: 50px auto;

  display: flex;
  flex-direction: column;
  gap: 24px;
}

.item {
  box-shadow: 0 0 32px rgba(0, 0, 0, 0.1);
  padding: 24px;

  display: grid;
  grid-template-columns: auto 1fr auto;
  column-gap: 24px;
  align-items: center;
}

.number,
.text {
  font-size: 20px;
  font-weight: 500;
}

.number {
  color: #ced4da;
}

.icon {
  width: 24px;
  height: 24px;
  stroke: #087f5b;
  cursor: pointer;
}

.hidden-box {
  grid-column: 2;
  display: none;
}

.hidden-box p {
  line-height: 1.6;
  
}

.hidden-box ul {
  color: #868e96;
  margin-left: 20px;

  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* OPEN STATE */
.open {
  border-top: 4px solid #087f5b;
}

.open .hidden-box {
  display: block;
}

.open .number,
.open .text {
  color: #087f5b;
}