@font-face {
font-family: DIN;
src: url('../font/DINWeb-Medium.eot');
font-weight: 500;
font-style: normal;
background:url(../fonts/DINWeb.eot)
}
@font-face {
font-family: DIN;
src: url('../font/DINWeb.eot');
font-weight: 400;
font-style: normal;
}
/*
@font-face {
font-family: DIN;
src: url('../font/DINWeb-Light.eot');
font-weight: 300;
font-style: normal;
}
*/
/* then for WOFF-capable browsers */
@font-face {
font-family: DIN;
src: url('../font/DINWeb-Medium.woff') format("woff");
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: DIN;
src: url('../font/DINWeb.woff') format("woff");
font-weight: 400;
font-style: normal;
}
.top_header {
min-height:35px;
}
ul.top_links {
float:right;
}
ul.top_links li {
font-family: DIN;
line-height: 35px;
float: left;
padding: 0 10px 0 10px;
list-style: none;
border-left: solid 1px #ddd;
}
ul.top_links li:last-child{ border-right: solid 1px #ddd;}
ul.top_links li i {
padding-right:10px;
}
.top_tag {
line-height:35px;
}
.header-info {
float: left;
font-family: DIM;
margin-top: 15px;
}
.header-info li {
text-align: center;
font-family: DIM;
display: inline-block
}
.header-info li h4 {
color:#555454; font-family: DIN; margin-bottom: 4px;
font-size:17px;
font-weight:normal;
}
.header-info li p {
font-size: 17px; font-family: DIN;
color: #555454;
}
.quick-nav {
margin:0;
float:right;
list-style:none;
line-height: 80px;
position: inherit;
z-index: 99999999;
}
.quick-nav li {
font-size:17px;
text-align:center;
float:left;
font-family: DIN;
}
.quick-nav li a {
color: #fff;
text-decoration: none;
padding: 10px 10px 8px;
line-height: 17px;
}
.quick-nav li a:hover {
color:#fff;
text-decoration:none;
}
#banner_bottom{min-height: 90px;
background: #F4F4F4;}
.icon_block{float: left;
padding-right: 10px;
font-size: 40px;}
.count_block{float: left; }
.count_block h4{ text-transform:uppercase; }
.count_block h2{ font-size: 20px;
margin: 0px;
padding: 0 0 8px;}
.count_block h2 span{ font-weight: normal;}
.count_block h5{ margin: 0px;
padding: 0px 0 5px;}
.count_block p{ font-size:13px; padding:0px; margin: 0px; line-height: 18px; font-weight: normal;}
.count_main_block{
display: inline-block;
margin: 20px 0px 20px 0px;}
.green-color{ color:#577e07;}
.mtop90{margin-top: 90px;}
.account_block{
background: rgb(0, 81, 132, 0.7);
height: 100%;
padding: 30px 20px;
width: 85%;
margin: 20px 0;
}
.account_block p {
font-size: 13px;
}
.account_block h3{ color:#FFF;}
.account_block p{margin-left: 0px;
color: #fff;
margin-bottom: 10px;}
.feature_block{
height: 100%;
padding: 30px 20px;
width: 95%;}
.feature_block h3{ color:#000;}
.feature_block p{margin-left: 0px;
color: #333 !important;
margin-bottom: 10px;}
.feature_block .services-box.left p {
margin-left: 60px;
color: #333;
}
.therd_section{ background:#eff9f9;
padding-bottom: 30px;}
.feature_block .services-icons {
display: inline-block;
float: left;
font-size: 30px;
color: #000!important;
line-height: 26px;
width: 40px;
text-align: center;
margin-top: 8px;
}
.feature_img{
width: 100%;
height: 100%;
vertical-align: middle;
display: inline-flex;
}
.feature_b{ margin-bottom:40px; border-bottom: solid 1px #f2f2f2;}
.feature_b:last-child{ border-bottom:none;}
.saf_block {
/*background: #ebebeb;*/ background: #f9f9f9;
padding: 40px 0;
}
.saf_block h3{padding: 00px 0 10px;}
.tagline h3{ margin-bottom:0px;}
.b-remaining {
overflow: hidden;
}
.b-mention-item__user {
float: left;
width: 110px;
}
.b-mention-item {
margin-bottom: 10px;
margin-top: 25px; }
.b-mention-item:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0; }
.b-mention-item__user {
float: left;
width: auto; }
@media screen and (max-width: 767px) {
.b-mention-item__user {
float: none;
margin-bottom: 15px;
width: auto; text-align: center;} }
.b-mention-item__user_img {
display: inline-block;
margin-bottom: 5px; }
.b-mention-item__user_img img {
display: block;
height: auto;
max-width: 100%;
margin: 0 auto;
width: 87px; }
.b-mention-item__user_info {
padding-left: 0.5em; }
.f-mention-item__user_info {
font-size: 0.92308em;
line-height: 1.5; }
.f-mention-item__user_name {
color: #373435;
text-align: center;
font-weight: bold;}
.b-mention-item__comment {
margin-left: 28px; }
@media screen and (max-width: 767px) {
.b-mention-item__comment {
margin-left: 0; } }
.b-mention-item__comment:after {
content: '';
border-width: 10px;
border-style: solid;
border-color: transparent #fff transparent transparent;
position: absolute;
left: -20px;
top: 26px; }
@media screen and (max-width: 767px) {
.b-mention-item__comment:after {
display: none; } }
.b-mention-item__comment:before {
content: '';
border-width: 11px;
border-style: solid;
border-color: transparent #e3e3e3 transparent transparent;
position: absolute;
left: -23px;
top: 25px; }
@media screen and (max-width: 767px) {
.b-mention-item__comment:before {
display: none; } }
.f-mention-item__comment_text {
color: #555353;
font-family: Open Sans;
font-size: 14px;
line-height: 24.2px;
}
.f-mention-item__comment_text a {
color: #ef7b00; }
.b-mention-short-item:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0; }
.b-mention-short-item__comment,
.b-mention-item__comment {
background: #fff;
border: 1px solid #e3e3e3;
border-radius: 3px;
padding: 10px 18px 8px;
position: relative; }
.b-mention-short-item__comment {
margin-bottom: 12px; }
.b-mention-short-item__comment:after {
transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
content: '';
border-width: 10px;
border-style: solid;
border-color: transparent #fff transparent transparent;
position: absolute;
bottom: -10px;
left: auto;
right: 30px; }
.b-mention-short-item__comment:before {
transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
content: '';
border-width: 11px;
border-style: solid;
border-color: transparent #e3e3e3 transparent transparent;
position: absolute;
bottom: -12px;
left: auto;
right: 30px; }
.f-mention-short-item__comment_name {
font-size: 0.92308em;
line-height: 2;
color: #ef7b00; }
.b-mention-short-item__comment_text {
margin-bottom: 15px; }
.f-mention-short-item__comment_text {
font-size: 0.92308em;
line-height: 2;
color: #979797; }
.b-mention-short-item__user {
padding-right: 45px; }
.b-mention-short-item__user_img,
.b-mention-item__user_img {
background: #fff;
border: 1px solid #e8e8e8;
border-radius: 50%;
padding: 2px; }
.b-mention-short-item__user_img img,
.b-mention-item__user_img img {
border-radius: 50%; }
.b-mention-short-item__user_info {
padding-right: 10px;
overflow: hidden;
margin-top: 8px; }
.f-mention-short-item__user_name {
font-size: 1.07692em;
line-height: 1.28571;
color: #ef7b00; }
.f-mention-short-item__user_position {
font-size: 0.92308em;
line-height: 1.5; }
/* vertically version */
.b-mention-item--vertically .b-mention-item__user_img {
margin-bottom: 0;
position: relative;
z-index: 2; }
.b-mention-item--vertically .b-mention-item__comment {
box-shadow: 0 0 3px 0 rgba(241, 241, 241, 0.7);
margin: -40px 0 0px;
padding: 15px 18px;
padding-top: 55px;
position: relative;
z-index: 1; }
.b-mention-item--vertically .b-mention-item__comment:before, .b-mention-item--vertically .b-mention-item__comment:after {
display: none; }
.b-mention-item--vertically .b-mention-item__user_info {
margin-top: 1em; }
@media screen and (max-width: 767px) {
.f-center--xs {
text-align: center; } }
.footer_bottom{ background: #333333;
padding: 10px 0px 15px 0px;}
.footer_block P{ color: #fff;}
.footer_link_block h4{ color: #D4D2D2;}
.footer_block h4{ color: #D4D2D2; }
ul.footer_link{}
.footer_link li{ list-style:none;}
.footer_link li a{
list-style: none;
color: #fff;
padding: 5px 0px;
display: inline-block;
font-size: 13px;
line-height: 17px;
}
/*.footer_blog{ border-bottom:solid 1px #999;}
.footer_blog P{ margin:0px; padding:5px 0px; color: #ccc;}
.footer_blog h5{margin: 0px;
padding: 0px 0px;
color: #8E8A8A;
font-size: 12px;}
*/
#beutopian-footer {
margin-bottom: 10px;
}
#beutopian-footer li:not(:last-child) {
border-bottom: solid 1px #555;
margin-bottom: 6px;
padding-bottom: 6px; list-style: none;
}
#beutopian-footer li{list-style: none;}
#beutopian-footer li a { list-style: none;
color: #fff;
font-weight: 400;
display: block;
padding: 3px 0;
font-size: 13px;
line-height: 10px;
}
#beutopian-footer small {
font-size: 12px; list-style:none;
color: #C2BCBC;
}
.copyright{ font-size:12px;}
.copyright p { font-size:12px;}
.top_about_con{ font-family: Open Sans; }
.top_about_con h2{ font-size: 16.8px;
line-height: 27.72px; font-weight: 600;}
.top_about_con p{ font-family: Open Sans;
font-size: 14px;
line-height: 25.2px;
font-weight: normal; margin:0px;}
::selection {
background:#0186c8;
color:#fff;
}
::-moz-selection {
background:#0186c8;
color:#fff;
}
::-webkit-scrollbar {
width:10px;
background:#e7e7e7;
}
::-webkit-scrollbar-thumb {
background: #0975b9;
border:1px solid rgba(0, 0, 0, .2);
}
.banner_block{ background:url(../images/video-bg.jpg); height:450px;}
.banner_text{ padding-top: 10%;}
.banner_text h1{
color: #fff;
position: relative;
font-size: 33px;
text-transform: uppercase;
}
.banner_text h1 span{ clear:both;}
.btn_utopian { width:100%;
bottom: 0;
background-color: rgba(255,255,255,.8);
z-index: 9;
position: fixed!important;
padding: 1em 0 .5em 0!important;
}
.demo_btn a{ margin: 0 5px;
font-size: 15px;
padding: 12px 15px;}
.price_table_block{ margin:60px 0px;}
.collapsed{ cursor:pointer;}
.price_table_block table td:first-child{ text-align:left; color: #000;}
tr:nth-child(even) {
background-color: #000000;
}
table.table1{
font-family: "Trebuchet MS", sans-serif;
font-size: 16px;
font-weight: bold;
line-height: 1.4em;
font-style: normal; width:100%;
border-collapse:separate;
}
.table1 thead th{
padding: 10px;
color: #FFF;
border: 1px solid #FFFFFF;
background-color: #82C343;
border-top-left-radius: 4px;
border-top-right-radius: 5px;
width: 20%;
font-weight: normal;
font-size: 23px;
text-shadow: none;
text-transform: uppercase;
margin: 0 auto;
text-align: center;
font-family: inherit;
}
.table1 thead th:empty{
background:transparent;
border:none;
}
.table1 tbody th{
color: #fff;
text-shadow: 1px 1px 1px #568F23;
background-color: #9DD929;
border: 1px solid #93CE37;
padding: 0px 10px;
background: -webkit-gradient(
linear,
left bottom,
right top,
color-stop(0.02, rgb(158,217,41)),
color-stop(0.51, rgb(139,198,66)),
color-stop(0.87, rgb(123,192,67))
);
background: -moz-linear-gradient(
left bottom,
rgb(158,217,41) 2%,
rgb(139,198,66) 51%,
rgb(123,192,67) 87%
);
-moz-border-radius: 5px 0px 0px 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px; cursor:pointer;
}
.table1 tfoot td{
color: #9CD009;
font-size:32px;
text-align:center;
padding:10px 0px;
text-shadow:1px 1px 1px #444;
}
.table1 tfoot th{
color:#666;
}
.table1 tbody td{
padding: 10px;
text-align: center;
background-color: #F8F8F8;
border: 1px solid #fff;
border-radius: 2px;
color: #666;
}
.table1 tbody span.check::before{
content : url(../images/check0.png)
}
.price_badge {
-webkit-border-radius: 999px;
-moz-border-radius: 999px;
border-radius: 999px;
background: #2a3c43;
height: 95px;
margin: 0px auto 0px;
overflow: visible;
width: 95px;
}
.price {
color: #fff;
font-size: 39px;
font-weight: 600;
line-height: 50px;
display: inline-block;
margin: 20px 0 0;
}
.price_month {
color: #fff;
font-size: 16px;
margin: -3px 0 0;
}
.superscript {
font-size: 18px;
vertical-align: top;
}
.rupee-img {
line-height: 70px;
width: 60px;
display: inline-block;
background-color: #E4644B;
}
.price_name{ font-size:28px;}
img.pull-left {
margin: 0.5rem 1.5rem 1.5rem 0;
}
.team-editor p {
font-size: 13px;
line-height: initial;
color: #333;
margin-bottom: 5px;
}
.team-editor h4{ margin-bottom: 1px;
margin-top: 10px;}
.team .help-block {
margin-top: 0;
padding: 0px;
margin: 0px;
}
.img-thumbnail {
display: inline-block; cursor:pointer;
width: 24%;
height: auto;
padding: 4px;
line-height: 1.42857143;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.grayscale{
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);
filter: url("data:image/svg+xml;utf8,#grayscale");
filter: gray;
filter: none;
}
.grayscale:hover {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: url("data:image/svg+xml;utf8,#grayscale");
filter: gray;
transition: all 0.3s ease;
}
.team-editor{ margin:40px 0px;}
.team-editor .row{ margin-bottom: 20px;}
.header_title h2{ padding: 20px 0px 10px;
font-size: 24px;}
.privacy-box{ margin-bottom:10px;}
.privacy-box h3 {
font-size: 15px;
text-transform: capitalize;
text-align: left;
margin-bottom: 5px;
font-weight: 600;
}
.privacy-box p {
color: #777777;
text-align: left;
line-height: 21px;
}
ul.other_list{ margin:0px 0 5px;padding:0px;}
.other_list li{ padding: 0px 10px;
list-style-position: inside;}
.contact_detail h3{ font-size: 21px; }
.contact_detail .text{ }
.contact_detail .phone{ color:#000;}
.contact_detail .week{ color:#000;}
.easy h3{ margin-bottom: 20px;}
input[type=submit]{ border:none !important;}
.con_btn{ width:120px !important; cursor:pointer !important;}
.ad_block h3{ font-size: 20px;
margin: 5px 0;}
.ad_block{}
#egg {
float: left;
display: block;
width: 108px;
height: 142px;
background-color: rgb(137, 204, 2);
-webkit-border-radius: 63px 63px 63px 63px/
108px 108px 72px 72px;
border-radius: 50% 50% 50% 50%/60% 60% 40% 40%;
margin-right: 30px;
}
.mtop120{ margin-top:130px;}
.mtop80{ margin-top:80px;}
.price-block h2{}
.price-block h4{ font-size: 20px;
font-weight: normal;}
.price-tag-block{ margin-bottom: 50px}
.price-right-block{
border-left: 1px solid #ccc;
}
.price-list-chek{ list-style: none;
margin-left: 120px;}
.pricing-info p {
text-align: center;
font-size: 17px;
color: #000;
}
.price-list-chek li i{ color: #0975b9 }
.price-list-chek li{ font-size: 18px;
font-weight: normal;
color: #444444;
line-height: 32px;}
.well{ float: left;}
.price-right-block h2{ color: #3B464F;
margin: 0 0 20px;
text-align: center}
.price-right-block h2 span{ display: block;
font-size: .72em;
font-weight: 200px;}
.price-img{
display: block;
height: 268px;
margin: 0 auto;
text-align: center;
width: 227px;}
.careers-arrow{ float:right; font-size: 20px;
color: #3c3c3c;
font-weight: 300;
font-style: italic;}
.arrow-up { background:url(../images/arrow-up.png) no-repeat; width:16px; height:8px;}
.arrow-down { background:url(../images/arrow-down.png) no-repeat; width:16px; height:8px;}
.careers-arrow span{ float:left;}
.arrow-list{float: right;
margin: 10px;}
.career-block{ border:solid 1px #f2f2f2; padding:15px;}
.newsletter-box {
position: relative;
margin: 0px auto 34px auto;
z-index: 100;
padding: 15px;
background: #0975b9;
-webkit-box-shadow: 0px 1px 6px #cfcfcf;
-moz-box-shadow: 0px 1px 6px #cfcfcf;
box-shadow: 0px 1px 6px #cfcfcf;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.newsletter-box h4{ margin: 0;
padding-bottom: 10px;
padding-top: 5px;}
.newsletter-box #message {
margin: 0px 0;
padding: 0;
}
.newsletter-box:after {
background: #fff;
margin-top: 10px;
position: absolute;
content: " ";
bottom: 0;
left: 0;
right: 0;
top: 0;
z-index: -1;
-webkit-border-bottom-right-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-bottomright: 6px;
-moz-border-radius-bottomleft: 6px;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
}
.newsletter-box .row{ margin-bottom:0px;}