@import "https://fonts.googleapis.com/css?family=Heebo:300,400,500,700|Roboto:300,400,500,700";
.list {
list-style:none;
margin:0;
padding:0
}
a {
text-decoration:none;
transition:all .3s ease-in-out
}
a:hover,
a:focus {
text-decoration:none;
outline:none
}
.row.m0 {
margin:0
}
body {
line-height:24px;
font-size:14px;
font-family:roboto,sans-serif;
font-weight:400;
color:#777
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family:heebo,sans-serif;
font-weight:700
}
button:focus {
outline:none;
box-shadow:none
}
.p_120 {
padding-top:120px;
padding-bottom:120px
}
.pad_top {
padding-top:120px
}
.pad_btm {
padding-bottom:120px
}
.mt-25 {
margin-top:25px
}
.p0 {
padding-left:0;
padding-right:0
}
@media(min-width:1200px) {
.container {
max-width:1170px
}
}
@media(min-width:1620px) {
.box_1620 {
max-width:1650px;
margin:auto
}
}
.white_bg {
background:#fff!important
}
.main_title {
text-align:center;
margin-bottom:75px
}
.main_title h2 {
font-family:heebo,sans-serif;
font-size:36px;
color:#222;
font-weight:700;
margin-bottom:15px;
text-transform:uppercase
}
.main_title p {
font-size:14px;
font-family:roboto,sans-serif;
line-height:24px;
color:#777;
margin-bottom:0;
max-width:570px;
margin:auto
}
.main_title.white h2 {
color:#fff
}
.main_title.white p {
color:#fff;
opacity:.6
}
.header_area {
position:absolute;
width:100%;
top:0;
left:0;
z-index:99;
transition:background .4s,all .3s linear
}
.header_area .navbar-brand {
margin-right:30px
}
.header_area .menu_nav {
width:100%
}
.header_area .navbar {
background:0 0;
padding:0;
border:0;
border-radius:0;
width:100%
}
.header_area .navbar .nav .nav-item {
margin-right:45px
}
.header_area .navbar .nav .nav-item .nav-link {
font:500 12px/100px "Roboto",sans-serif;
text-transform:uppercase;
color:#fff;
padding:0;
display:inline-block
}
.header_area .navbar .nav .nav-item .nav-link:after {
display:none
}
.header_area .navbar .nav .nav-item.submenu {
position:relative
}
.header_area .navbar .nav .nav-item.submenu ul {
border:none;
padding:0;
border-radius:0;
box-shadow:none;
margin:0;
background:#fff
}
@media(min-width:992px) {
.header_area .navbar .nav .nav-item.submenu ul {
position:absolute;
top:120%;
left:0;
min-width:200px;
text-align:left;
opacity:0;
transition:all 300ms ease-in;
visibility:hidden;
display:block;
border:none;
padding:0;
border-radius:0;
box-shadow:0 10px 30px 0 rgba(0,0,0,.4)
}
}
.header_area .navbar .nav .nav-item.submenu ul:before {
content:"";
width:0;
height:0;
border-style:solid;
border-width:10px 10px 0;
border-color:#eee transparent transparent transparent;
position:absolute;
right:24px;
top:45px;
z-index:3;
opacity:0;
transition:all 400ms linear
}
.header_area .navbar .nav .nav-item.submenu ul .nav-item {
display:block;
float:none;
margin-right:0;
border-bottom:1px solid #ededed;
margin-left:0;
transition:all .4s linear
}
.header_area .navbar .nav .nav-item.submenu ul .nav-item .nav-link {
line-height:45px;
color:#222;
padding:0 30px;
transition:all 150ms linear;
display:block;
margin-right:0
}
.header_area .navbar .nav .nav-item.submenu ul .nav-item:last-child {
border-bottom:none
}
.header_area .navbar .nav .nav-item.submenu ul .nav-item:hover .nav-link {
background-image:-moz-linear-gradient(0deg,#4dabff 0%,#62ddff 100%);
background-image:-webkit-linear-gradient(0deg,#4dabff 0%,#62ddff 100%);
background-image:-ms-linear-gradient(0deg,#4dabff 0%,#62ddff 100%);
color:#fff
}
@media(min-width:992px) {
.header_area .navbar .nav .nav-item.submenu:hover ul {
visibility:visible;
opacity:1;
top:100%
}
}
.header_area .navbar .nav .nav-item.submenu:hover ul .nav-item {
margin-top:0
}
.header_area .navbar .nav .nav-item:last-child {
margin-right:0
}
.header_area .navbar .search {
font-size:12px;
line-height:60px;
display:inline-block;
color:#222;
margin-left:80px
}
.header_area .navbar .search i {
font-weight:600
}
.header_area.navbar_fixed .main_menu {
position:fixed;
width:100%;
top:-70px;
left:0;
right:0;
background:#3bacf0;
transform:translateY(70px);
transition:transform 500ms ease,background 500ms ease;
-webkit-transition:transform 500ms ease,background 500ms ease;
box-shadow:0 3px 16px 0 rgba(0,0,0,.1)
}
.header_area.navbar_fixed .main_menu .navbar .nav .nav-item .nav-link {
line-height:70px
}
@media(min-width:992px) {
.header_area.white_menu .navbar .navbar-brand img {
display:none
}
.header_area.white_menu .navbar .navbar-brand img+img {
display:inline-block
}
}
@media(max-width:991px) {
.header_area.white_menu .navbar .navbar-brand img {
display:inline-block
}
.header_area.white_menu .navbar .navbar-brand img+img {
display:none
}
}
.header_area.white_menu .navbar .nav .nav-item .nav-link {
color:#fff
}
.header_area.white_menu.navbar_fixed .main_menu .navbar .navbar-brand img {
display:inline-block
}
.header_area.white_menu.navbar_fixed .main_menu .navbar .navbar-brand img+img {
display:none
}
.header_area.white_menu.navbar_fixed .main_menu .navbar .nav .nav-item .nav-link {
line-height:70px;
color:#222
}
.top_menu {
background:#ec9d5f
}
.top_menu .float-left a {
line-height:40px;
display:inline-block;
color:#fff;
font-family:roboto,sans-serif;
text-transform:uppercase;
font-size:12px;
margin-right:50px;
transition:all 300ms linear 0s
}
.top_menu .float-left a:last-child {
margin-right:0
}
.top_menu .float-left a:hover {
color:#3bacf0
}
.top_menu .float-right .pur_btn {
background:#3bacf0;
color:#fff;
font-family:roboto,sans-serif;
line-height:40px;
display:block;
padding:0 40px;
font-weight:500;
font-size:12px
}
.home_banner_area {
z-index:1;
background-image:-moz-linear-gradient(0deg,#4dabff 0%,#62ddff 100%);
background-image:-webkit-linear-gradient(0deg,#4dabff 0%,#62ddff 100%);
background-image:-ms-linear-gradient(0deg,#4dabff 0%,#62ddff 100%)
}
.home_banner_area .banner_inner {
width:100%
}
.home_banner_area .banner_inner .home_left_img {
padding-top:230px;
padding-bottom:230px
}
.home_banner_area .banner_inner .col-lg-5 {
vertical-align:middle;
align-self:center
}
.home_banner_area .banner_inner .banner_content {
text-align:left;
color:#fff
}
.home_banner_area .banner_inner .banner_content h2 {
margin-top:0;
font-size:48px;
font-weight:700;
font-family:heebo,sans-serif;
line-height:54px;
margin-bottom:20px
}
.home_banner_area .banner_inner .banner_content p {
color:#fff;
font-family:roboto,sans-serif;
margin-bottom:35px
}
.home_banner_area .banner_inner .banner_content .banner_map_img {
text-align:right
}
.home_banner_area .banner_inner .banner_content .banner_btn {
margin-right:10px
}
.home_banner_area .banner_inner .banner_content .banner_btn2 {
margin-right:10px
}
.blog_banner {
min-height:780px;
position:relative;
z-index:1;
overflow:hidden;
margin-bottom:0
}
.blog_banner .banner_inner {
background:#04091e;
position:relative;
overflow:hidden;
width:100%;
min-height:780px;
z-index:1
}
.blog_banner .banner_inner .overlay {
background:url(../img/banner/banner-2.jpg) no-repeat scroll center center;
opacity:.5;
height:125%;
position:absolute;
left:0;
top:0;
width:100%;
z-index:-1
}
.blog_banner .banner_inner .blog_b_text {
max-width:700px;
margin:auto;
color:#fff;
margin-top:40px
}
.blog_banner .banner_inner .blog_b_text h2 {
font-size:60px;
font-weight:500;
font-family:roboto,sans-serif;
line-height:66px;
margin-bottom:15px
}
.blog_banner .banner_inner .blog_b_text p {
font-size:16px;
margin-bottom:35px
}
.blog_banner .banner_inner .blog_b_text .white_bg_btn {
line-height:42px;
padding:0 45px
}
.banner_box {
max-width:1620px;
margin:auto
}
.banner_area {
position:relative;
z-index:1;
min-height:430px
}
.banner_area .banner_inner {
position:relative;
overflow:hidden;
width:100%;
min-height:430px;
background:#3bacf0;
z-index:1
}
.banner_area .banner_inner .banner_content {
margin-top:70px
}
.banner_area .banner_inner .banner_content h2 {
color:#fff;
font-size:36px;
font-family:heebo,sans-serif;
margin-bottom:0;
text-transform:uppercase;
font-weight:700
}
.banner_area .banner_inner .banner_content .page_link a {
font-size:14px;
color:#fff;
font-family:roboto,sans-serif;
margin-right:32px;
position:relative
}
.banner_area .banner_inner .banner_content .page_link a:before {
content:"\e87a";
font-family:linearicons-free;
font-size:14px;
position:absolute;
right:-25px;
top:54%;
transform:translateY(-50%)
}
.banner_area .banner_inner .banner_content .page_link a:last-child {
margin-right:0
}
.banner_area .banner_inner .banner_content .page_link a:last-child:before {
display:none
}
.causes_slider .owl-dots {
text-align:center;
margin-top:80px
}
.causes_slider .owl-dots .owl-dot {
height:14px;
width:14px;
background:#eee;
display:inline-block;
margin-right:7px
}
.causes_slider .owl-dots .owl-dot:last-child {
margin-right:0
}
.causes_slider .owl-dots .owl-dot.active {
background:#3bacf0
}
.causes_item {
background:#fff
}
.causes_item .causes_img {
position:relative
}
.causes_item .causes_img .c_parcent {
position:absolute;
bottom:0;
width:100%;
left:0;
height:3px;
background:rgba(255,255,255,.5)
}
.causes_item .causes_img .c_parcent span {
width:70%;
height:3px;
background:#3bacf0;
position:absolute;
left:0;
bottom:0
}
.causes_item .causes_img .c_parcent span:before {
content:"75%";
position:absolute;
right:-10px;
bottom:0;
background:#3bacf0;
color:#fff;
padding:0 5px
}
.causes_item .causes_text {
padding:30px 35px 40px 30px
}
.causes_item .causes_text h4 {
color:#222;
font-family:roboto,sans-serif;
font-size:18px;
font-weight:600;
margin-bottom:15px;
cursor:pointer
}
.causes_item .causes_text h4:hover {
color:#3bacf0
}
.causes_item .causes_text p {
font-size:14px;
line-height:24px;
color:#777;
font-weight:300;
margin-bottom:0
}
.causes_item .causes_bottom a {
width:50%;
border:1px solid #3bacf0;
text-align:center;
float:left;
line-height:50px;
background:#3bacf0;
color:#fff;
font-family:roboto,sans-serif;
font-size:14px;
font-weight:500
}
.causes_item .causes_bottom a+a {
border-color:#eee;
background:#fff;
font-size:14px;
color:#222
}
.single-recent-blog-post {
margin-bottom:30px
}
.single-recent-blog-post .thumb {
overflow:hidden
}
.single-recent-blog-post .thumb img {
transition:all .7s linear
}
.single-recent-blog-post .details {
padding-top:30px
}
.single-recent-blog-post .details .sec_h4 {
line-height:24px;
padding:10px 0 13px;
transition:all .3s linear
}
.single-recent-blog-post .details .sec_h4:hover {
color:#777
}
.single-recent-blog-post .date {
font-size:14px;
line-height:24px;
font-weight:400
}
.single-recent-blog-post:hover img {
transform:scale(1.23) rotate(10deg)
}
.tags .tag_btn {
font-size:12px;
font-weight:500;
line-height:20px;
border:1px solid #eee;
display:inline-block;
padding:1px 18px;
text-align:center;
color:#222
}
.tags .tag_btn:before {
background:#3bacf0
}
.tags .tag_btn+.tag_btn {
margin-left:2px
}
.blog_categorie_area {
padding-top:80px;
padding-bottom:80px
}
.categories_post {
position:relative;
text-align:center;
cursor:pointer
}
.categories_post img {
max-width:100%
}
.categories_post .categories_details {
position:absolute;
top:20px;
left:20px;
right:20px;
bottom:20px;
background:rgba(34,34,34,.8);
color:#fff;
transition:all .3s linear;
display:flex;
align-items:center;
justify-content:center
}
.categories_post .categories_details h5 {
margin-bottom:0;
font-size:18px;
line-height:26px;
text-transform:uppercase;
color:#fff;
position:relative
}
.categories_post .categories_details p {
font-weight:300;
font-size:14px;
line-height:26px;
margin-bottom:0
}
.categories_post .categories_details .border_line {
margin:10px 0;
background:#fff;
width:100%;
height:1px
}
.categories_post:hover .categories_details {
background:rgba(56,152,248,.85)
}
.blog_item {
margin-bottom:40px
}
.blog_info {
padding-top:30px
}
.blog_info .post_tag {
padding-bottom:20px
}
.blog_info .post_tag a {
font:300 14px/21px "Roboto",sans-serif;
color:#222
}
.blog_info .post_tag a:hover {
color:#777
}
.blog_info .post_tag a.active {
color:#3bacf0
}
.blog_info .blog_meta li a {
font:300 14px/20px "Roboto",sans-serif;
color:#777;
vertical-align:middle;
padding-bottom:12px;
display:inline-block
}
.blog_info .blog_meta li a i {
color:#222;
font-size:16px;
font-weight:600;
padding-left:15px;
line-height:20px;
vertical-align:middle
}
.blog_info .blog_meta li a:hover {
color:#3bacf0
}
.blog_post img {
max-width:100%
}
.blog_details {
padding-top:20px
}
.blog_details h2 {
font-size:24px;
line-height:36px;
color:#222;
font-weight:600;
transition:all .3s linear
}
.blog_details h2:hover {
color:#3bacf0
}
.blog_details p {
margin-bottom:26px
}
.view_btn {
font-size:14px;
line-height:36px;
display:inline-block;
color:#222;
font-weight:500;
padding:0 30px;
background:#fff
}
.blog_right_sidebar {
border:1px solid #eee;
background:#fafaff;
padding:30px
}
.blog_right_sidebar .widget_title {
font-size:18px;
line-height:25px;
background:#3bacf0;
text-align:center;
color:#fff;
padding:8px 0;
margin-bottom:30px
}
.blog_right_sidebar .search_widget .input-group .form-control {
font-size:14px;
line-height:29px;
border:0;
width:100%;
font-weight:300;
color:#fff;
padding-left:20px;
border-radius:45px;
z-index:0;
background:#3bacf0
}
.blog_right_sidebar .search_widget .input-group .form-control.placeholder {
color:#fff
}
.blog_right_sidebar .search_widget .input-group .form-control:-moz-placeholder {
color:#fff
}
.blog_right_sidebar .search_widget .input-group .form-control::-moz-placeholder {
color:#fff
}
.blog_right_sidebar .search_widget .input-group .form-control::-webkit-input-placeholder {
color:#fff
}
.blog_right_sidebar .search_widget .input-group .form-control:focus {
box-shadow:none
}
.blog_right_sidebar .search_widget .input-group .btn-default {
position:absolute;
right:20px;
background:0 0;
border:0;
box-shadow:none;
font-size:14px;
color:#fff;
padding:0;
top:50%;
transform:translateY(-50%);
z-index:1
}
.blog_right_sidebar .author_widget {
text-align:center
}
.blog_right_sidebar .author_widget h4 {
font-size:18px;
line-height:20px;
color:#222;
margin-bottom:5px;
margin-top:30px
}
.blog_right_sidebar .author_widget p {
margin-bottom:0
}
.blog_right_sidebar .author_widget .social_icon {
padding:7px 0 15px
}
.blog_right_sidebar .author_widget .social_icon a {
font-size:14px;
color:#222;
transition:all .2s linear
}
.blog_right_sidebar .author_widget .social_icon a+a {
margin-left:20px
}
.blog_right_sidebar .author_widget .social_icon a:hover {
color:#3bacf0
}
.blog_right_sidebar .popular_post_widget .post_item .media-body {
justify-content:center;
align-self:center;
padding-left:20px
}
.blog_right_sidebar .popular_post_widget .post_item .media-body h3 {
font-size:14px;
line-height:20px;
color:#222;
margin-bottom:4px;
transition:all .3s linear
}
.blog_right_sidebar .popular_post_widget .post_item .media-body h3:hover {
color:#3bacf0
}
.blog_right_sidebar .popular_post_widget .post_item .media-body p {
font-size:12px;
line-height:21px;
margin-bottom:0
}
.blog_right_sidebar .popular_post_widget .post_item+.post_item {
margin-top:20px
}
.blog_right_sidebar .post_category_widget .cat-list li {
border-bottom:2px dotted #eee;
transition:all .3s ease 0s;
padding-bottom:12px
}
.blog_right_sidebar .post_category_widget .cat-list li a {
font-size:14px;
line-height:20px;
color:#777
}
.blog_right_sidebar .post_category_widget .cat-list li a p {
margin-bottom:0
}
.blog_right_sidebar .post_category_widget .cat-list li+li {
padding-top:15px
}
.blog_right_sidebar .post_category_widget .cat-list li:hover {
border-color:#3bacf0
}
.blog_right_sidebar .post_category_widget .cat-list li:hover a {
color:#3bacf0
}
.blog_right_sidebar .newsletter_widget {
text-align:center
}
.blog_right_sidebar .newsletter_widget .form-group {
margin-bottom:8px
}
.blog_right_sidebar .newsletter_widget .input-group-prepend {
margin-right:-1px
}
.blog_right_sidebar .newsletter_widget .input-group-text {
background:#fff;
border-radius:0;
vertical-align:top;
font-size:12px;
line-height:36px;
padding:0 0 0 15px;
border:1px solid #eee;
border-right:0
}
.blog_right_sidebar .newsletter_widget .form-control {
font-size:12px;
line-height:24px;
color:#ccc;
border:1px solid #eee;
border-left:0;
border-radius:0
}
.blog_right_sidebar .newsletter_widget .form-control.placeholder {
color:#ccc
}
.blog_right_sidebar .newsletter_widget .form-control:-moz-placeholder {
color:#ccc
}
.blog_right_sidebar .newsletter_widget .form-control::-moz-placeholder {
color:#ccc
}
.blog_right_sidebar .newsletter_widget .form-control::-webkit-input-placeholder {
color:#ccc
}
.blog_right_sidebar .newsletter_widget .form-control:focus {
outline:none;
box-shadow:none
}
.blog_right_sidebar .newsletter_widget .bbtns {
background:#3bacf0;
color:#fff;
font-size:12px;
line-height:38px;
display:inline-block;
font-weight:500;
padding:0 24px;
border-radius:0
}
.blog_right_sidebar .newsletter_widget .text-bottom {
font-size:12px
}
.blog_right_sidebar .tag_cloud_widget ul li {
display:inline-block
}
.blog_right_sidebar .tag_cloud_widget ul li a {
display:inline-block;
border:1px solid #eee;
background:#fff;
padding:0 13px;
margin-bottom:8px;
transition:all .3s ease 0s;
color:#222;
font-size:12px
}
.blog_right_sidebar .tag_cloud_widget ul li a:hover {
background:#3bacf0;
color:#fff
}
.blog_right_sidebar .br {
width:100%;
height:1px;
background:#eee;
margin:30px 0
}
.blog-pagination {
padding-top:25px;
padding-bottom:95px
}
.blog-pagination .page-link {
border-radius:0
}
.blog-pagination .page-item {
border:none
}
.page-link {
background:0 0;
font-weight:400
}
.blog-pagination .page-item.active .page-link {
background-color:#3bacf0;
border-color:transparent;
color:#fff
}
.blog-pagination .page-link {
position:relative;
display:block;
padding:.5rem .75rem;
margin-left:-1px;
line-height:1.25;
color:#8a8a8a;
border:none
}
.blog-pagination .page-link .lnr {
font-weight:600
}
.blog-pagination .page-item:last-child .page-link,
.blog-pagination .page-item:first-child .page-link {
border-radius:0
}
.blog-pagination .page-link:hover {
color:#fff;
text-decoration:none;
background-color:#3bacf0;
border-color:#eee
}
.single-post-area .social-links {
padding-top:10px
}
.single-post-area .social-links li {
display:inline-block;
margin-bottom:10px
}
.single-post-area .social-links li a {
color:#ccc;
padding:7px;
font-size:14px;
transition:all .2s linear
}
.single-post-area .social-links li a:hover {
color:#222
}
.single-post-area .blog_details {
padding-top:26px
}
.single-post-area .blog_details p {
margin-bottom:10px
}
.single-post-area .quotes {
margin-top:20px;
margin-bottom:30px;
padding:24px 35px 24px 30px;
background-color:#fff;
box-shadow:-20.84px 21.58px 30px 0 rgba(176,176,176,.1);
font-size:14px;
line-height:24px;
color:#777;
font-style:italic
}
.single-post-area .arrow {
position:absolute
}
.single-post-area .arrow .lnr {
font-size:20px;
font-weight:600
}
.single-post-area .thumb .overlay-bg {
background:rgba(0,0,0,.8)
}
.single-post-area .navigation-area {
border-top:1px solid #eee;
padding-top:30px;
margin-top:60px
}
.single-post-area .navigation-area p {
margin-bottom:0
}
.single-post-area .navigation-area h4 {
font-size:18px;
line-height:25px;
color:#222
}
.single-post-area .navigation-area .nav-left {
text-align:left
}
.single-post-area .navigation-area .nav-left .thumb {
margin-right:20px;
background:#000
}
.single-post-area .navigation-area .nav-left .thumb img {
transition:all 300ms linear 0s
}
.single-post-area .navigation-area .nav-left .lnr {
margin-left:20px;
opacity:0;
transition:all 300ms linear 0s
}
.single-post-area .navigation-area .nav-left:hover .lnr {
opacity:1
}
.single-post-area .navigation-area .nav-left:hover .thumb img {
opacity:.5
}
@media(max-width:767px) {
.single-post-area .navigation-area .nav-left {
margin-bottom:30px
}
}
.single-post-area .navigation-area .nav-right {
text-align:right
}
.single-post-area .navigation-area .nav-right .thumb {
margin-left:20px;
background:#000
}
.single-post-area .navigation-area .nav-right .thumb img {
transition:all 300ms linear 0s
}
.single-post-area .navigation-area .nav-right .lnr {
margin-right:20px;
opacity:0;
transition:all 300ms linear 0s
}
.single-post-area .navigation-area .nav-right:hover .lnr {
opacity:1
}
.single-post-area .navigation-area .nav-right:hover .thumb img {
opacity:.5
}
@media(max-width:991px) {
.single-post-area .sidebar-widgets {
padding-bottom:0
}
}
.comments-area {
background:#fafaff;
border:1px solid #eee;
padding:50px 30px;
margin-top:50px
}
@media(max-width:414px) {
.comments-area {
padding:50px 8px
}
}
.comments-area h4 {
text-align:center;
margin-bottom:50px;
color:#222;
font-size:18px
}
.comments-area h5 {
font-size:16px;
margin-bottom:0
}
.comments-area a {
color:#222
}
.comments-area .comment-list {
padding-bottom:48px
}
.comments-area .comment-list:last-child {
padding-bottom:0
}
.comments-area .comment-list.left-padding {
padding-left:25px
}
@media(max-width:413px) {
.comments-area .comment-list .single-comment h5 {
font-size:12px
}
.comments-area .comment-list .single-comment .date {
font-size:11px
}
.comments-area .comment-list .single-comment .comment {
font-size:10px
}
}
.comments-area .thumb {
margin-right:20px
}
.comments-area .date {
font-size:13px;
color:#ccc;
margin-bottom:13px
}
.comments-area .comment {
color:#777;
margin-bottom:0
}
.comments-area .btn-reply {
background-color:#fff;
color:#222;
border:1px solid #eee;
padding:2px 18px;
font-size:12px;
display:block;
font-weight:600;
transition:all 300ms linear 0s
}
.comments-area .btn-reply:hover {
background-color:#3bacf0;
color:#fff
}
.comment-form {
background:#fafaff;
text-align:center;
border:1px solid #eee;
padding:47px 30px 43px;
margin-top:50px;
margin-bottom:40px
}
.comment-form h4 {
text-align:center;
margin-bottom:50px;
font-size:18px;
line-height:22px;
color:#222
}
.comment-form .name {
padding-left:0
}
@media(max-width:767px) {
.comment-form .name {
padding-right:0;
margin-bottom:1rem
}
}
.comment-form .email {
padding-right:0
}
@media(max-width:991px) {
.comment-form .email {
padding-left:0
}
}
.comment-form .form-control {
padding:8px 20px;
background:#fff;
border:none;
border-radius:0;
width:100%;
font-size:14px;
color:#777;
border:1px solid transparent
}
.comment-form .form-control:focus {
box-shadow:none;
border:1px solid #eee
}
.comment-form textarea.form-control {
height:140px;
resize:none
}
.comment-form ::-webkit-input-placeholder {
font-size:13px;
color:#777
}
.comment-form ::-moz-placeholder {
font-size:13px;
color:#777
}
.comment-form :-ms-input-placeholder {
font-size:13px;
color:#777
}
.comment-form :-moz-placeholder {
font-size:13px;
color:#777
}
.home_map_area {
position:relative
}
.home_map_area .mapBox2 {
min-height:600px
}
.home_map_area .home_details {
position:absolute;
right:0;
width:100%;
z-index:10;
top:50%;
transform:translateY(-50%)
}
.home_map_area .home_details .box_home_details {
background:#fff;
max-width:457px;
float:right;
width:100%;
padding-left:92px;
padding-right:92px;
padding-top:112px;
padding-bottom:112px;
border-radius:10px
}
.home_map_area .home_details .box_home_details .media {
margin-bottom:26px
}
.home_map_area .home_details .box_home_details .media:last-child {
margin-bottom:0
}
.home_map_area .home_details .box_home_details .media .d-flex {
padding-right:20px
}
.home_map_area .home_details .box_home_details .media .d-flex i {
font-size:20px;
background:linear-gradient(to right,#2c28b1 0%,#9b5cf6 70%);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent
}
.home_map_area .home_details .box_home_details .media .media-body h4 {
font-size:14px;
color:#222;
text-transform:uppercase
}
.home_map_area .home_details .box_home_details .media .media-body p {
margin-bottom:0
}
.reservation_form_area .res_form_inner {
max-width:555px;
margin:auto;
box-shadow:0 10px 30px 0 rgba(153,153,153,.1);
padding:75px 50px;
position:relative
}
.reservation_form_area .res_form_inner:before {
content:"";
background:url(../img/contact-shap-1.png);
position:absolute;
left:-125px;
height:421px;
width:98px;
top:50%;
transform:translateY(-50%)
}
.reservation_form_area .res_form_inner:after {
content:"";
background:url(../img/contact-shap-2.png);
position:absolute;
right:-125px;
height:421px;
width:98px;
top:50%;
transform:translateY(-50%)
}
.reservation_form .form-group input {
height:40px;
border-radius:0;
border:1px solid #eee;
outline:none;
box-shadow:none;
padding:0 15px;
font-size:13px;
font-family:roboto,sans-serif;
font-weight:300;
color:#999
}
.reservation_form .form-group input.placeholder {
font-size:13px;
font-family:roboto,sans-serif;
font-weight:300;
color:#999
}
.reservation_form .form-group input:-moz-placeholder {
font-size:13px;
font-family:roboto,sans-serif;
font-weight:300;
color:#999
}
.reservation_form .form-group input::-moz-placeholder {
font-size:13px;
font-family:roboto,sans-serif;
font-weight:300;
color:#999
}
.reservation_form .form-group input::-webkit-input-placeholder {
font-size:13px;
font-family:roboto,sans-serif;
font-weight:300;
color:#999
}
.reservation_form .form-group .res_select {
height:40px;
border:1px solid #eee;
border-radius:0;
width:100%;
padding:0 15px;
line-height:36px
}
.reservation_form .form-group .res_select .current {
font-size:13px;
font-family:roboto,sans-serif;
font-weight:300;
color:#999
}
.reservation_form .form-group .res_select:after {
content:"\e874";
font-family:linearicons-free;
color:#ccc;
transform:rotate(0deg);
border:none;
margin-top:-17px;
font-size:13px;
right:22px
}
.reservation_form .form-group:last-child {
text-align:center
}
.mapBox {
height:420px;
margin-bottom:80px
}
.contact_info .info_item {
position:relative;
padding-left:45px
}
.contact_info .info_item i {
position:absolute;
left:0;
top:0;
font-size:20px;
line-height:24px;
color:#3bacf0;
font-weight:600
}
.contact_info .info_item h6 {
font-size:16px;
line-height:24px;
color:"Roboto",sans-serif;
font-weight:700;
margin-bottom:0;
color:#222
}
.contact_info .info_item h6 a {
color:#222
}
.contact_info .info_item p {
font-size:14px;
line-height:24px;
padding:2px 0
}
.contact_form .form-group {
margin-bottom:10px
}
.contact_form .form-group .form-control {
font-size:13px;
line-height:26px;
color:#999;
border:1px solid #eee;
font-family:roboto,sans-serif;
border-radius:0;
padding-left:20px
}
.contact_form .form-group .form-control:focus {
box-shadow:none;
outline:none
}
.contact_form .form-group .form-control.placeholder {
color:#999
}
.contact_form .form-group .form-control:-moz-placeholder {
color:#999
}
.contact_form .form-group .form-control::-moz-placeholder {
color:#999
}
.contact_form .form-group .form-control::-webkit-input-placeholder {
color:#999
}
.contact_form .form-group textarea {
resize:none
}
.contact_form .form-group textarea.form-control {
height:140px
}
.contact_form .submit_btn {
margin-top:20px;
cursor:pointer
}
.modal-message .modal-dialog {
position:absolute;
top:36%;
left:50%;
transform:translateX(-50%) translateY(-50%)!important;
margin:0;
max-width:500px;
width:100%
}
.modal-message .modal-dialog .modal-content .modal-header {
text-align:center;
display:block;
border-bottom:none;
padding-top:50px;
padding-bottom:50px
}
.modal-message .modal-dialog .modal-content .modal-header .close {
position:absolute;
right:-15px;
top:-15px;
padding:0;
color:#fff;
opacity:1;
cursor:pointer
}
.modal-message .modal-dialog .modal-content .modal-header h2 {
display:block;
text-align:center;
color:#3bacf0;
padding-bottom:10px;
font-family:roboto,sans-serif
}
.modal-message .modal-dialog .modal-content .modal-header p {
display:block
}
.mb-20 {
margin-bottom:20px
}
.mb-30 {
margin-bottom:30px
}
.sample-text-area {
padding:100px 0
}
.sample-text-area .title_color {
margin-bottom:30px
}
.sample-text-area p {
line-height:26px
}
.sample-text-area p b {
font-weight:700;
color:#3bacf0
}
.sample-text-area p i {
color:#3bacf0;
font-style:italic
}
.sample-text-area p sup {
color:#3bacf0;
font-style:italic
}
.sample-text-area p sub {
color:#3bacf0;
font-style:italic
}
.sample-text-area p del {
color:#3bacf0
}
.sample-text-area p u {
color:#3bacf0
}
.elements_button .title_color {
margin-bottom:30px;
color:#222
}
.title_color {
color:#222
}
.button-group-area {
margin-top:15px
}
.button-group-area:nth-child(odd) {
margin-top:40px
}
.button-group-area:first-child {
margin-top:0
}
.button-group-area .theme_btn {
margin-right:10px
}
.button-group-area .white_btn {
margin-right:10px
}
.button-group-area .link {
text-decoration:underline;
color:#222;
background:0 0
}
.button-group-area .link:hover {
color:#fff
}
.button-group-area .disable {
background:0 0;
color:#007bff;
cursor:not-allowed
}
.button-group-area .disable:before {
display:none
}
.primary {
background:#52c5fd
}
.primary:before {
background:#2faae6
}
.success {
background:#4cd3e3
}
.success:before {
background:#2ebccd
}
.info {
background:#38a4ff
}
.info:before {
background:#298cdf
}
.warning {
background:#f4e700
}
.warning:before {
background:#e1d608
}
.danger {
background:#f54940
}
.danger:before {
background:#e13b33
}
.primary-border {
background:0 0;
border:1px solid #52c5fd;
color:#52c5fd
}
.primary-border:before {
background:#52c5fd
}
.success-border {
background:0 0;
border:1px solid #4cd3e3;
color:#4cd3e3
}
.success-border:before {
background:#4cd3e3
}
.info-border {
background:0 0;
border:1px solid #38a4ff;
color:#38a4ff
}
.info-border:before {
background:#38a4ff
}
.warning-border {
background:#fff;
border:1px solid #f4e700;
color:#f4e700
}
.warning-border:before {
background:#f4e700
}
.danger-border {
background:0 0;
border:1px solid #f54940;
color:#f54940
}
.danger-border:before {
background:#f54940
}
.link-border {
background:0 0;
border:1px solid #3bacf0;
color:#3bacf0
}
.link-border:before {
background:#3bacf0
}
.radius {
border-radius:3px
}
.circle {
border-radius:20px
}
.arrow span {
padding-left:5px
}
.e-large {
line-height:50px;
padding-top:0;
padding-bottom:0
}
.large {
line-height:45px;
padding-top:0;
padding-bottom:0
}
.medium {
line-height:30px;
padding-top:0;
padding-bottom:0
}
.small {
line-height:25px;
padding-top:0;
padding-bottom:0
}
.general {
line-height:38px;
padding-top:0;
padding-bottom:0
}
.generic-banner {
margin-top:60px;
text-align:center
}
.generic-banner .height {
height:600px
}
@media(max-width:767.98px) {
.generic-banner .height {
height:400px
}
}
.generic-banner .generic-banner-content h2 {
line-height:1.2em;
margin-bottom:20px
}
@media(max-width:991.98px) {
.generic-banner .generic-banner-content h2 br {
display:none
}
}
.generic-banner .generic-banner-content p {
text-align:center;
font-size:16px
}
@media(max-width:991.98px) {
.generic-banner .generic-banner-content p br {
display:none
}
}
.generic-content h1 {
font-weight:600
}
.about-generic-area {
background:#fff
}
.about-generic-area p {
margin-bottom:20px
}
.white-bg {
background:#fff
}
.section-top-border {
padding:50px 0;
border-top:1px dotted #eee
}
.switch-wrap {
margin-bottom:10px
}
.switch-wrap p {
margin:0
}
.sample-text-area {
padding:100px 0 70px
}
.sample-text {
margin-bottom:0
}
.text-heading {
margin-bottom:30px;
font-size:24px
}
.typo-list {
margin-bottom:10px
}
@media(max-width:767px) {
.typo-sec {
margin-bottom:30px
}
}
@media(max-width:767px) {
.element-wrap {
margin-top:30px
}
}
b,
sup,
sub,
u,
del {
color:#f8b600
}
h1 {
font-size:36px
}
h2 {
font-size:30px
}
h3 {
font-size:24px
}
h4 {
font-size:18px
}
h5 {
font-size:16px
}
h6 {
font-size:14px
}
.typography h1,
.typography h2,
.typography h3,
.typography h4,
.typography h5,
.typography h6 {
color:#777
}
.button-area .border-top-generic {
padding:70px 15px;
border-top:1px dotted #eee
}
.button-group-area .genric-btn {
margin-right:10px;
margin-top:10px
}
.button-group-area .genric-btn:last-child {
margin-right:0
}
.circle {
border-radius:20px
}
.genric-btn {
display:inline-block;
outline:none;
line-height:40px;
padding:0 30px;
font-size:.8em;
text-align:center;
text-decoration:none;
font-weight:500;
cursor:pointer;
-webkit-transition:all .3s ease 0s;
-moz-transition:all .3s ease 0s;
-o-transition:all .3s ease 0s;
transition:all .3s ease 0s
}
.genric-btn:focus {
outline:none
}
.genric-btn.e-large {
padding:0 40px;
line-height:50px
}
.genric-btn.large {
line-height:45px
}
.genric-btn.medium {
line-height:30px
}
.genric-btn.small {
line-height:25px
}
.genric-btn.radius {
border-radius:3px
}
.genric-btn.circle {
border-radius:20px
}
.genric-btn.arrow {
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center
}
.genric-btn.arrow span {
margin-left:10px
}
.genric-btn.default {
color:#222;
background:#f9f9ff;
border:1px solid transparent
}
.genric-btn.default:hover {
border:1px solid #f9f9ff;
background:#fff
}
.genric-btn.default-border {
border:1px solid #f9f9ff;
background:#fff
}
.genric-btn.default-border:hover {
color:#222;
background:#f9f9ff;
border:1px solid transparent
}
.genric-btn.primary {
color:#fff;
background:#f8b600;
border:1px solid transparent
}
.genric-btn.primary:hover {
color:#f8b600;
border:1px solid #f8b600;
background:#fff
}
.genric-btn.primary-border {
color:#f8b600;
border:1px solid #f8b600;
background:#fff
}
.genric-btn.primary-border:hover {
color:#fff;
background:#f8b600;
border:1px solid transparent
}
.genric-btn.success {
color:#fff;
background:#4cd3e3;
border:1px solid transparent
}
.genric-btn.success:hover {
color:#4cd3e3;
border:1px solid #4cd3e3;
background:#fff
}
.genric-btn.success-border {
color:#4cd3e3;
border:1px solid #4cd3e3;
background:#fff
}
.genric-btn.success-border:hover {
color:#fff;
background:#4cd3e3;
border:1px solid transparent
}
.genric-btn.info {
color:#fff;
background:#38a4ff;
border:1px solid transparent
}
.genric-btn.info:hover {
color:#38a4ff;
border:1px solid #38a4ff;
background:#fff
}
.genric-btn.info-border {
color:#38a4ff;
border:1px solid #38a4ff;
background:#fff
}
.genric-btn.info-border:hover {
color:#fff;
background:#38a4ff;
border:1px solid transparent
}
.genric-btn.warning {
color:#fff;
background:#f4e700;
border:1px solid transparent
}
.genric-btn.warning:hover {
color:#f4e700;
border:1px solid #f4e700;
background:#fff
}
.genric-btn.warning-border {
color:#f4e700;
border:1px solid #f4e700;
background:#fff
}
.genric-btn.warning-border:hover {
color:#fff;
background:#f4e700;
border:1px solid transparent
}
.genric-btn.danger {
color:#fff;
background:#f44a40;
border:1px solid transparent
}
.genric-btn.danger:hover {
color:#f44a40;
border:1px solid #f44a40;
background:#fff
}
.genric-btn.danger-border {
color:#f44a40;
border:1px solid #f44a40;
background:#fff
}
.genric-btn.danger-border:hover {
color:#fff;
background:#f44a40;
border:1px solid transparent
}
.genric-btn.link {
color:#222;
background:#f9f9ff;
text-decoration:underline;
border:1px solid transparent
}
.genric-btn.link:hover {
color:#222;
border:1px solid #f9f9ff;
background:#fff
}
.genric-btn.link-border {
color:#222;
border:1px solid #f9f9ff;
background:#fff;
text-decoration:underline
}
.genric-btn.link-border:hover {
color:#222;
background:#f9f9ff;
border:1px solid transparent
}
.genric-btn.disable {
color:#222,.3;
background:#f9f9ff;
border:1px solid transparent;
cursor:not-allowed
}
.generic-blockquote {
padding:30px 50px 30px 30px;
background:#fff;
border-left:2px solid #f8b600
}
@media(max-width:991px) {
.progress-table-wrap {
overflow-x:scroll
}
}
.progress-table {
background:#fff;
padding:15px 0 30px;
min-width:800px
}
.progress-table .serial {
width:11.83%;
padding-left:30px
}
.progress-table .country {
width:28.07%
}
.progress-table .visit {
width:19.74%
}
.progress-table .percentage {
width:40.36%;
padding-right:50px
}
.progress-table .table-head {
display:flex
}
.progress-table .table-head .serial,
.progress-table .table-head .country,
.progress-table .table-head .visit,
.progress-table .table-head .percentage {
color:#222;
line-height:40px;
text-transform:uppercase;
font-weight:500
}
.progress-table .table-row {
padding:15px 0;
border-top:1px solid #edf3fd;
display:flex
}
.progress-table .table-row .serial,
.progress-table .table-row .country,
.progress-table .table-row .visit,
.progress-table .table-row .percentage {
display:flex;
align-items:center
}
.progress-table .table-row .country img {
margin-right:15px
}
.progress-table .table-row .percentage .progress {
width:80%;
border-radius:0;
background:0 0
}
.progress-table .table-row .percentage .progress .progress-bar {
height:5px;
line-height:5px
}
.progress-table .table-row .percentage .progress .progress-bar.color-1 {
background-color:#6382e6
}
.progress-table .table-row .percentage .progress .progress-bar.color-2 {
background-color:#e66686
}
.progress-table .table-row .percentage .progress .progress-bar.color-3 {
background-color:#f09359
}
.progress-table .table-row .percentage .progress .progress-bar.color-4 {
background-color:#73fbaf
}
.progress-table .table-row .percentage .progress .progress-bar.color-5 {
background-color:#73fbaf
}
.progress-table .table-row .percentage .progress .progress-bar.color-6 {
background-color:#6382e6
}
.progress-table .table-row .percentage .progress .progress-bar.color-7 {
background-color:#a367e7
}
.progress-table .table-row .percentage .progress .progress-bar.color-8 {
background-color:#e66686
}
.single-gallery-image {
margin-top:30px;
background-repeat:no-repeat!important;
background-position:center center!important;
background-size:cover!important;
height:200px;
-webkit-transition:all .3s ease 0s;
-moz-transition:all .3s ease 0s;
-o-transition:all .3s ease 0s;
transition:all .3s ease 0s
}
.single-gallery-image:hover {
opacity:.8
}
.list-style {
width:14px;
height:14px
}
.unordered-list li {
position:relative;
padding-left:30px;
line-height:1.82em!important
}
.unordered-list li:before {
content:"";
position:absolute;
width:14px;
height:14px;
border:3px solid #f8b600;
background:#fff;
top:4px;
left:0;
border-radius:50%
}
.ordered-list {
margin-left:30px
}
.ordered-list li {
list-style-type:decimal-leading-zero;
color:#f8b600;
font-weight:500;
line-height:1.82em!important
}
.ordered-list li span {
font-weight:300;
color:#777
}
.ordered-list-alpha li {
margin-left:30px;
list-style-type:lower-alpha;
color:#f8b600;
font-weight:500;
line-height:1.82em!important
}
.ordered-list-alpha li span {
font-weight:300;
color:#777
}
.ordered-list-roman li {
margin-left:30px;
list-style-type:lower-roman;
color:#f8b600;
font-weight:500;
line-height:1.82em!important
}
.ordered-list-roman li span {
font-weight:300;
color:#777
}
.single-input {
display:block;
width:100%;
line-height:40px;
border:none;
outline:none;
background:#f9f9ff;
padding:0 20px
}
.single-input:focus {
outline:none
}
.input-group-icon {
position:relative
}
.input-group-icon .icon {
position:absolute;
left:20px;
top:0;
line-height:40px;
z-index:3
}
.input-group-icon .icon i {
color:#797979
}
.input-group-icon .single-input {
padding-left:45px
}
.single-textarea {
display:block;
width:100%;
line-height:40px;
border:none;
outline:none;
background:#f9f9ff;
padding:0 20px;
height:100px;
resize:none
}
.single-textarea:focus {
outline:none
}
.single-input-primary {
display:block;
width:100%;
line-height:40px;
border:1px solid transparent;
outline:none;
background:#f9f9ff;
padding:0 20px
}
.single-input-primary:focus {
outline:none;
border:1px solid #f8b600
}
.single-input-accent {
display:block;
width:100%;
line-height:40px;
border:1px solid transparent;
outline:none;
background:#f9f9ff;
padding:0 20px
}
.single-input-accent:focus {
outline:none;
border:1px solid #eb6b55
}
.single-input-secondary {
display:block;
width:100%;
line-height:40px;
border:1px solid transparent;
outline:none;
background:#f9f9ff;
padding:0 20px
}
.single-input-secondary:focus {
outline:none;
border:1px solid #f09359
}
.default-switch {
width:35px;
height:17px;
border-radius:8.5px;
background:#fff;
position:relative;
cursor:pointer
}
.default-switch input {
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
width:100%;
height:100%;
opacity:0;
cursor:pointer
}
.default-switch input+label {
position:absolute;
top:1px;
left:1px;
width:15px;
height:15px;
border-radius:50%;
background:#f8b600;
-webkit-transition:all .2s;
-moz-transition:all .2s;
-o-transition:all .2s;
transition:all .2s;
box-shadow:0 4px 5px 0 rgba(0,0,0,.2);
cursor:pointer
}
.default-switch input:checked+label {
left:19px
}
.single-element-widget {
margin-bottom:30px
}
.primary-switch {
width:35px;
height:17px;
border-radius:8.5px;
background:#fff;
position:relative;
cursor:pointer
}
.primary-switch input {
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
width:100%;
height:100%;
opacity:0
}
.primary-switch input+label {
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
width:100%;
height:100%
}
.primary-switch input+label:before {
content:"";
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
width:100%;
height:100%;
background:0 0;
border-radius:8.5px;
cursor:pointer;
-webkit-transition:all .2s;
-moz-transition:all .2s;
-o-transition:all .2s;
transition:all .2s
}
.primary-switch input+label:after {
content:"";
position:absolute;
top:1px;
left:1px;
width:15px;
height:15px;
border-radius:50%;
background:#fff;
-webkit-transition:all .2s;
-moz-transition:all .2s;
-o-transition:all .2s;
transition:all .2s;
box-shadow:0 4px 5px 0 rgba(0,0,0,.2);
cursor:pointer
}
.primary-switch input:checked+label:after {
left:19px
}
.primary-switch input:checked+label:before {
background:#f8b600
}
.confirm-switch {
width:35px;
height:17px;
border-radius:8.5px;
background:#fff;
position:relative;
cursor:pointer
}
.confirm-switch input {
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
width:100%;
height:100%;
opacity:0
}
.confirm-switch input+label {
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
width:100%;
height:100%
}
.confirm-switch input+label:before {
content:"";
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
width:100%;
height:100%;
background:0 0;
border-radius:8.5px;
-webkit-transition:all .2s;
-moz-transition:all .2s;
-o-transition:all .2s;
transition:all .2s;
cursor:pointer
}
.confirm-switch input+label:after {
content:"";
position:absolute;
top:1px;
left:1px;
width:15px;
height:15px;
border-radius:50%;
background:#fff;
-webkit-transition:all .2s;
-moz-transition:all .2s;
-o-transition:all .2s;
transition:all .2s;
box-shadow:0 4px 5px 0 rgba(0,0,0,.2);
cursor:pointer
}
.confirm-switch input:checked+label:after {
left:19px
}
.confirm-switch input:checked+label:before {
background:#4cd3e3
}
.primary-checkbox {
width:16px;
height:16px;
border-radius:3px;
background:#fff;
position:relative;
cursor:pointer
}
.primary-checkbox input {
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
width:100%;
height:100%;
opacity:0
}
.primary-checkbox input+label {
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
width:100%;
height:100%;
border-radius:3px;
cursor:pointer;
border:1px solid #f1f1f1
}
.single-defination h4 {
color:#222
}
.primary-checkbox input:checked+label {
background:url(../img/elements/primary-check.png) no-repeat center center/cover;
border:none
}
.confirm-checkbox {
width:16px;
height:16px;
border-radius:3px;
background:#fff;
position:relative;
cursor:pointer
}
.confirm-checkbox input {
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
width:100%;
height:100%;
opacity:0
}
.confirm-checkbox input+label {
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
width:100%;
height:100%;
border-radius:3px;
cursor:pointer;
border:1px solid #f1f1f1
}
.confirm-checkbox input:checked+label {
background:url(../img/elements/success-check.png) no-repeat center center/cover;
border:none
}
.disabled-checkbox {
width:16px;
height:16px;
border-radius:3px;
background:#fff;
position:relative;
cursor:pointer
}
.disabled-checkbox input {
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
width:100%;
height:100%;
opacity:0
}
.disabled-checkbox input+label {
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
width:100%;
height:100%;
border-radius:3px;
cursor:pointer;
border:1px solid #f1f1f1
}
.disabled-checkbox input:disabled {
cursor:not-allowed;
z-index:3
}
.disabled-checkbox input:checked+label {
background:url(../img/elements/disabled-check.png) no-repeat center center/cover;
border:none
}
.primary-radio {
width:16px;
height:16px;
border-radius:8px;
background:#fff;
position:relative;
cursor:pointer
}
.primary-radio input {
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
width:100%;
height:100%;
opacity:0
}
.primary-radio input+label {
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
width:100%;
height:100%;
border-radius:8px;
cursor:pointer;
border:1px solid #f1f1f1
}
.primary-radio input:checked+label {
background:url(../img/elements/primary-radio.png) no-repeat center center/cover;
border:none
}
.confirm-radio {
width:16px;
height:16px;
border-radius:8px;
background:#fff;
position:relative;
cursor:pointer
}
.confirm-radio input {
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
width:100%;
height:100%;
opacity:0
}
.confirm-radio input+label {
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
width:100%;
height:100%;
border-radius:8px;
cursor:pointer;
border:1px solid #f1f1f1
}
.confirm-radio input:checked+label {
background:url(../img/elements/success-radio.png) no-repeat center center/cover;
border:none
}
.disabled-radio {
width:16px;
height:16px;
border-radius:8px;
background:#fff;
position:relative;
cursor:pointer
}
.disabled-radio input {
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
width:100%;
height:100%;
opacity:0
}
.disabled-radio input+label {
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
width:100%;
height:100%;
border-radius:8px;
cursor:pointer;
border:1px solid #f1f1f1
}
.disabled-radio input:disabled {
cursor:not-allowed;
z-index:3
}
.unordered-list {
list-style:none;
padding:0;
margin:0
}
.ordered-list {
list-style:none;
padding:0
}
.disabled-radio input:checked+label {
background:url(../img/elements/disabled-radio.png) no-repeat center center/cover;
border:none
}
.default-select {
height:40px
}
.default-select .nice-select {
border:none;
border-radius:0;
height:40px;
background:#fff;
padding-left:20px;
padding-right:40px
}
.default-select .nice-select .list {
margin-top:0;
border:none;
border-radius:0;
box-shadow:none;
width:100%;
padding:10px 0 10px 0
}
.default-select .nice-select .list .option {
font-weight:300;
-webkit-transition:all .3s ease 0s;
-moz-transition:all .3s ease 0s;
-o-transition:all .3s ease 0s;
transition:all .3s ease 0s;
line-height:28px;
min-height:28px;
font-size:12px;
padding-left:20px
}
.default-select .nice-select .list .option.selected {
color:#f8b600;
background:0 0
}
.default-select .nice-select .list .option:hover {
color:#f8b600;
background:0 0
}
.default-select .current {
margin-right:50px;
font-weight:300
}
.default-select .nice-select::after {
right:20px
}
@media(max-width:991px) {
.left-align-p p {
margin-top:20px
}
}
.form-select {
height:40px;
width:100%
}
.form-select .nice-select {
border:none;
border-radius:0;
height:40px;
background:#f9f9ff!important;
padding-left:45px;
padding-right:40px;
width:100%
}
.form-select .nice-select .list {
margin-top:0;
border:none;
border-radius:0;
box-shadow:none;
width:100%;
padding:10px 0 10px 0
}
.mt-10 {
margin-top:10px
}
.form-select .nice-select .list .option {
font-weight:300;
-webkit-transition:all .3s ease 0s;
-moz-transition:all .3s ease 0s;
-o-transition:all .3s ease 0s;
transition:all .3s ease 0s;
line-height:28px;
min-height:28px;
font-size:12px;
padding-left:45px
}
.form-select .nice-select .list .option.selected {
color:#f8b600;
background:0 0
}
.form-select .nice-select .list .option:hover {
color:#f8b600;
background:0 0
}
.form-select .current {
margin-right:50px;
font-weight:300
}
.form-select .nice-select::after {
right:20px
}
.main_btn {
display:inline-block;
background-image:linear-gradient(to right,#4dabff 0%,#62ddff 48%,#4dabff 100%);
background-size:200% auto;
/*padding:0 35px;*/
color:#fff;
font-family:roboto,sans-serif;
font-size:13px;
font-weight:500;
line-height:50px;
border-radius:5px;
outline:none!important;
box-shadow:none!important;
text-align:center;
cursor:pointer;
transition:all 300ms linear 0s
}
.main_btn:hover {
background-position:right center;
color:#fff
}
.main_btn2 {
display:inline-block;
background:#3bacf0;
padding:0 32px;
color:#fff;
font-family:roboto,sans-serif;
font-size:13px;
font-weight:500;
line-height:38px;
border-radius:0;
outline:none!important;
box-shadow:none!important;
text-align:center;
border:1px solid #3bacf0;
cursor:pointer;
transition:all 300ms linear 0s
}
.main_btn2:hover {
background:0 0;
color:#3bacf0
}
.submit_btn {
width:auto;
display:inline-block;
background-image:linear-gradient(to right,#4dabff 0%,#62ddff 48%,#4dabff 100%);
background-size:200% auto;
padding:0 50px;
color:#fff;
font-family:roboto,sans-serif;
font-size:13px;
font-weight:500;
line-height:50px;
border-radius:5px;
outline:none!important;
box-shadow:none!important;
text-align:center;
cursor:pointer;
transition:all 300ms linear 0s
}
.submit_btn:hover {
background-position:right center;
color:#fff
}
.white_btn {
display:inline-block;
background:#f9f9ff;
padding:0 50px;
color:#222;
font-family:roboto,sans-serif;
font-size:12px;
font-weight:500;
line-height:50px;
border-radius:0;
outline:none!important;
box-shadow:none!important;
text-align:center;
cursor:pointer;
transition:all 300ms linear 0s
}
.white_btn:hover {
background:#3bacf0;
color:#fff
}
.banner_btn {
display:inline-block;
background:rgba(255,255,255,.1);
color:#fff;
font-family:roboto,sans-serif;
width:134px;
font-size:14px;
font-weight:500;
border:1px solid rgba(255,255,255,.5);
line-height:48px;
border-radius:3px;
outline:none!important;
box-shadow:none!important;
text-align:center;
cursor:pointer;
transition:all 300ms linear 0s
}
.banner_btn:hover {
background:#fff;
color:#222;
border-color:#fff
}
.banner_btn2 {
display:inline-block;
background:#fff;
color:#222;
font-family:roboto,sans-serif;
width:134px;
font-size:14px;
font-weight:500;
border:1px solid rgba(255,255,255,.5);
line-height:48px;
border-radius:3px;
outline:none!important;
box-shadow:none!important;
text-align:center;
cursor:pointer;
transition:all 300ms linear 0s
}
.banner_btn2:hover {
background:rgba(255,255,255,.1);
color:#fff;
border-color:#fff
}
.white_bg_btn {
background:#fff;
display:inline-block;
color:#222;
line-height:40px;
padding:0 28px;
font-size:14px;
font-family:roboto,sans-serif;
font-weight:500;
text-transform:uppercase;
transition:all 300ms linear 0s;
border:none
}
.white_bg_btn:hover {
background:#3bacf0;
color:#fff
}
.blog_btn {
border:1px solid #eee;
background:#f9f9ff;
padding:0 32px;
font-size:13px;
font-weight:500;
font-family:roboto,sans-serif;
color:#222;
line-height:34px;
display:inline-block
}
.blog_btn:hover {
background:#3bacf0;
border-color:#3bacf0;
color:#fff
}
.tickets_btn {
display:inline-block;
background:rgba(255,255,255,.1);
color:#fff;
font-family:roboto,sans-serif;
width:134px;
font-size:13px;
font-weight:500;
border:1px solid rgba(255,255,255,.5);
line-height:48px;
border-radius:3px;
outline:none!important;
box-shadow:none!important;
text-align:center;
cursor:pointer;
transition:all 300ms linear 0s
}
.tickets_btn:hover {
background:#fff;
color:#222;
border-color:#fff
}
.work_inner {
margin-bottom:-50px
}
.work_item {
text-align:center;
margin-bottom:50px
}
.work_item i {
height:80px;
width:80px;
border:1px solid #eee;
border-radius:5px;
background:#f9f9ff;
display:inline-block;
text-align:center;
line-height:80px;
font-size:30px;
color:#222;
margin-bottom:30px
}
.work_item h4 {
color:#222;
font-size:20px;
margin-bottom:15px
}
.work_item p {
max-width:310px;
margin:auto
}
.work_item:hover i {
background-image:-moz-linear-gradient(0deg,#4dabff 0%,#62ddff 100%);
background-image:-webkit-linear-gradient(0deg,#4dabff 0%,#62ddff 100%);
background-image:-ms-linear-gradient(0deg,#4dabff 0%,#62ddff 100%);
box-shadow:0 10px 30px 0 rgba(0,0,0,.1);
color:#fff
}
.work_item:hover h4 {
color:#3bacf0
}
.made_life_area {
background:#edf6ff
}
.made_life_area.made_white {
background:#fff
}
.made_life_inner .nav.nav-tabs {
border:none;
display:flex;
flex-wrap:wrap;
margin-left:-15px;
margin-right:-15px
}
.made_life_inner .nav.nav-tabs li {
flex:0 0 25%;
max-width:25%;
padding:0 15px
}
.made_life_inner .nav.nav-tabs li a {
border:none;
padding:0;
background:#fff;
border-radius:0;
text-align:center;
line-height:60px;
border-radius:5px;
font-size:13px;
font-family:roboto,sans-serif;
font-weight:500;
text-transform:uppercase;
color:#222
}
.made_life_inner .nav.nav-tabs li a.active {
background-image:-moz-linear-gradient(0deg,#4dabff 0%,#62ddff 100%);
background-image:-webkit-linear-gradient(0deg,#4dabff 0%,#62ddff 100%);
background-image:-ms-linear-gradient(0deg,#4dabff 0%,#62ddff 100%);
box-shadow:0 10px 30px 0 rgba(0,0,0,.1);
color:#fff
}
.made_life_inner .tab-content .tab-pane {
border:none;
padding-top:80px
}
.made_life_text .col-lg-6 {
vertical-align:middle;
align-self:center
}
.made_life_text h3 {
color:#222;
line-height:45px;
font-size:36px;
font-family:heebo,sans-serif;
font-weight:700;
margin-bottom:20px
}
.made_life_text h6 {
color:#222;
font-size:16px;
font-weight:500;
font-family:roboto,sans-serif
}
.made_life_text p {
margin-bottom:0
}
.made_life_text .main_btn {
margin-top:35px
}
.screen_area .main_title {
margin-bottom:40px
}
.screen_area img {
margin-bottom:-30px
}
.impress_area {
background:#3bacf0
}
.impress_area .impress_inner {
text-align:center;
max-width:780px;
margin:auto
}
.impress_area .impress_inner h2 {
color:#fff;
font-size:36px;
font-family:heebo,sans-serif;
font-weight:700;
margin-bottom:18px
}
.impress_area .impress_inner p {
color:#fff;
margin-bottom:35px
}
.impress_area .impress_inner .banner_btn2 {
padding:0 35px;
width:auto;
font-size:14px;
box-shadow:-14.142px 14.142px 20px 0 rgba(0,0,0,.1)
}
.testimonials_area {
position:relative;
background:#edf6ff
}
.testimonials_area .owl-prev,
.testimonials_area .owl-next {
position:absolute;
right:150px;
background:#fff;
font-size:24px;
color:#c1c1c1;
padding-left:10px;
padding-right:10px;
transition:all 300ms linear 0s;
cursor:pointer;
box-shadow:-14.142px 14.142px 20px 0 rgba(157,157,157,.2)
}
.testimonials_area .owl-prev:hover,
.testimonials_area .owl-next:hover {
color:#222
}
.testimonials_area .owl-prev {
bottom:50%;
padding-top:15px;
padding-bottom:10px
}
.testimonials_area .owl-prev:before {
content:"";
width:28px;
background:#e8e8e8;
position:absolute;
left:50%;
transform:translateX(-50%);
bottom:0;
height:1px
}
.testimonials_area .owl-next {
top:50%;
padding-top:10px;
padding-bottom:15px
}
.testimonials_area .owl-dots {
text-align:center
}
.testimonials_area .owl-dots .owl-dot {
height:14px;
width:14px;
background:#eee;
display:inline-block;
margin-right:10px
}
.testimonials_area .owl-dots .owl-dot:last-child {
margin-right:0
}
.testimonials_area .owl-dots .owl-dot.active {
background:#3bacf0
}
.testi_slider {
margin-top:-30px;
margin-bottom:-30px
}
.testi_item {
padding:30px 0
}
.testi_item .media {
border-radius:10px;
padding:40px;
background:#fff;
transition:all 300ms linear 0s
}
.testi_item .media .d-flex {
padding-right:25px
}
.testi_item .media .media-body p {
margin-bottom:20px
}
.testi_item .media .media-body h4 {
color:#222;
font-family:heebo,sans-serif;
font-weight:700;
font-size:20px;
transition:all 300ms linear 0s
}
.testi_item .media .media-body h5 {
margin-bottom:0;
font-size:14px;
color:#777;
font-weight:400;
font-family:roboto,sans-serif
}
.testi_item .media .media-body .rating i {
color:#ffc000
}
.testi_item:hover .media {
box-shadow:0 10px 30px 0 rgba(157,157,157,.2);
background:#fff
}
.testi_item:hover .media .media-body h4 {
color:#3bacf0
}
.price_item {
text-align:center;
border:1px solid #eee;
border-radius:5px
}
.price_item .price_head {
text-align:center;
background:#edf6ff;
padding:35px 0;
border-bottom:1px solid #eee
}
.price_item .price_head h4 {
font-size:20px;
color:#222;
margin-bottom:0
}
.price_item .price_body {
padding:30px 0
}
.price_item .price_body ul li {
margin-bottom:15px
}
.price_item .price_body ul li a {
font-size:14px;
color:#777;
font-family:roboto,sans-serif;
font-weight:400
}
.price_item .price_body ul li:last-child {
margin-bottom:0
}
.price_item .price_footer {
max-width:280px;
margin:0 auto 40px;
background:#edf6ff;
border-radius:5px;
padding-top:35px;
padding-bottom:40px
}
.price_item .price_footer h3 {
color:#222;
font-size:72px
}
.price_item .price_footer h3 .dlr {
font-size:24px;
vertical-align:top;
padding-top:14px;
display:inline-block
}
.price_item .price_footer h3 .month {
font-size:14px;
color:#777;
font-family:roboto,sans-serif;
display:inline-block;
text-align:left
}
.price_item .price_footer .main_btn {
padding:0 45px
}
.price_item:hover .price_head {
background-image:-moz-linear-gradient(0deg,#4dabff 0%,#62ddff 100%);
background-image:-webkit-linear-gradient(0deg,#4dabff 0%,#62ddff 100%);
background-image:-ms-linear-gradient(0deg,#4dabff 0%,#62ddff 100%);
box-shadow:0 10px 30px 0 rgba(0,0,0,.1);
border-top-left-radius:5px;
border-top-right-radius:5px
}
.price_item:hover .price_head h4 {
color:#fff
}
.price_item:hover .price_footer {
background-image:-moz-linear-gradient(0deg,#4dabff 0%,#62ddff 100%);
background-image:-webkit-linear-gradient(0deg,#4dabff 0%,#62ddff 100%);
background-image:-ms-linear-gradient(0deg,#4dabff 0%,#62ddff 100%);
box-shadow:0 10px 30px 0 rgba(0,0,0,.1)
}
.price_item:hover .price_footer h3 {
color:#fff
}
.price_item:hover .price_footer h3 .month {
color:#fff
}
.price_item:hover .price_footer .main_btn {
background:#fff;
color:#222
}
.footer_area {
background:#000410
}
.f_title {
margin-bottom:35px
}
.f_title h3 {
color:#fff;
font-size:20px;
font-weight:700;
font-family:heebo,sans-serif;
margin-bottom:0
}
.ab_widget p {
font-size:14px;
line-height:24px;
font-family:roboto,sans-serif;
color:#777;
margin-bottom:30px
}
.ab_widget p a {
color:#3bacf0
}
.ab_widget p+p {
margin-bottom:0
}
.news_widget {
padding-left:15px
}
.news_widget p {
font-size:14px;
line-height:24px;
font-family:roboto,sans-serif;
color:#777;
margin-bottom:15px
}
.news_widget .input-group input {
height:40px;
background:#fff;
border-radius:0;
width:80%;
border:none;
padding:0 15px;
font-size:14px;
font-family:roboto,sans-serif;
color:#ccc;
outline:none;
box-shadow:none
}
.news_widget .input-group input.placeholder {
font-size:14px;
font-family:roboto,sans-serif;
font-weight:400;
color:#ccc
}
.news_widget .input-group input:-moz-placeholder {
font-size:14px;
font-family:roboto,sans-serif;
font-weight:400;
color:#ccc
}
.news_widget .input-group input::-moz-placeholder {
font-size:14px;
font-family:roboto,sans-serif;
font-weight:400;
color:#ccc
}
.news_widget .input-group input::-webkit-input-placeholder {
font-size:14px;
font-family:roboto,sans-serif;
font-weight:400;
color:#ccc
}
.news_widget .input-group .sub-btn {
border-radius:0;
background:#3bacf0;
outline:none!important;
box-shadow:none!important;
padding:0;
width:42px;
cursor:pointer;
color:#fff
}
.social_widget p {
font-size:14px;
line-height:24px;
font-family:roboto,sans-serif;
color:#777;
margin-bottom:10px
}
.social_widget .list li {
margin-right:17px;
display:inline-block
}
.social_widget .list li a {
color:#ccc;
font-size:14px;
transition:all 300ms linear 0s
}
.social_widget .list li:last-child {
margin-right:0
}
.social_widget .list li:hover a {
color:#3bacf0
}
.copy_right_text {
text-align:center;
margin-top:60px
}
.copy_right_text p a {
color:#3bacf0
}