/****
Theme Name: Guardian Pro
Theme URI:
Author: weblizar
Author URI: http://weblizar.com/
Description:Guardian is an incredibly superfine multi-purpose responsive theme coded & designed with a lot of care and love. You can use it for your business, portfolio, blogging or any type of site.Guardian is Responsive and flexible based on BOOTSTRAP CSS framework that adapts your website to mobile devices and the desktop or any other viewing environment. Guardian Is also supports the WPML , for making the MULTILIGUAL website .We focused on usability across various devices, starting with smartphones.Guardian is a Cross-Browser Compatible theme that works on All leading web browsers.Guardian is Retina ready.It has 4 page layouts, 2 page templates, It has five widgets available (one sidebar, four footers), and using the sidebar widget also enables you to make a two-column design. In addition, footer widget display is automatically adjusted depending on how many are used.Guardian has  Filkr as a custom widget to showing up your Flikr Photos .Custom menus to choose the menu in Primary Location that is in Header area of the site.In header area and footer of the theme offers Social Media Links to add your Social Links here. Guardian  focusing on business template, awesome Caroufredsel slider, Powerful but simple Theme Options for full CMS control option to match your logo & website, wide layout, light & dark color skin, translation ready and many more. Guardian is Woo-commerce Ready theme. You can check the demo at http://demo.weblizar.com/guardian-free-theme/
Version:  1.7.4
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl.html
Tags: black, green, gray, red, dark, light, silver, white, two-columns, custom-menu, right-sidebar, fixed-layout, fluid-layout, custom-background, featured-image-header, sticky-post, theme-options, threaded-comments, featured-images, flexible-header, responsive-layout
Text Domain: weblizar
*/
body{
font-family:14px/23px "Open Sans",sans-serif;
}
a,
 a:hover,
 a:focus {
  outline: medium none !important;
  text-decoration: none !important;
}
.navbar-brand:focus, .navbar-brand:hover {
  text-decoration: none;
  outline:none;
}
.img-responsive{
width:100%;
height:auto;
}
.site_wrapper{
background-color:#fff;
}
.top_nav .right li a,
.top_nav .right li a:hover,
.top_nav .right li ,
.top_nav .right li:hover {
  color: #fff !important;
}
.right > ul {
  display: inline-block;
  float: right;
  padding: 0;
  margin:5px 0;
}
.right li {
  border: 1px solid #fff;
  border-radius: 50%;
  display: inline-block;
  font-size: 14px;
  height: 25px;
  margin-left: 2px;
  padding: 2px;
  text-align: center;
  width: 25px;
}
.right .g_email, .right .g_contact {
  border: 0 none;
  width: auto;
}
.right .g_email a,
.right .g_contact a{
  padding:0 10px;
}
/* .right .g_email:after,
.right .g_contact:after{
content:"\f105";
font-family:FontAwesome;
margin:0 5px;
font-size:16px;
} */
.logo {
  display: inline-block;
  padding: 10px 0;
}
.logo a{
font-size: 32px;
}
.menu_main {
  display: inline-block;
  float: right;
}
.wrapper_boxed {
  background: #fff none repeat scroll 0 0;
  margin: 0 auto;
  max-width: 1170px;
}
.wrapper_boxed header {
  max-width: 1170px;
}
/* Slider */
#myCarousel i {
  font-size: 50px;
  margin-top: 115%;
}
.overlay {
background:rgba(0,0,0,0.5);
top:0;
bottom:0;
left:0;
right:0;
position:absolute;
}
.carousel-caption {
  top: 10% !important;
  bottom: inherit !important;
  left: 10% !important;
  right:10% !important;
}
.wrapper_boxed .carousel-caption {
  top: 10% !important;
  bottom: inherit !important;
  left: inherit !important;
  right:inherit !important;
}
/* .swiper1{
max-height:650px;
} */
.carousel-caption  h1 {
  font-size: 72px;
}
.carousel-caption  h2 {
  font-size: 48px;
}
.carousel-caption p {
  font-size: 24px;
  word-wrap: break-word;
}
.slider_link{
margin-top:10%;
position: absolute;
left: 5%;
right: 5%;
top: -30%;
}
.slider_link .btn ,
.slider_link .btn:hover {
  background-color: #333;
  color: #fff !important;
  font-size: 18px;
  padding: 10px 20px;
  text-decoration:none;
  margin:10px;
}
.swiper-pagination-bullet {
  width: 30px !important;
  height: 10px !important;
  border-radius: 0 !important;
  opacity: 1 !important;
} 
.swiper-pagination-bullet-active {
color:#fff !important;
}
.swiper1 .swiper-slide-active .animation.animated-item-1 {
animation: 500ms linear 300ms normal both 1 running fadeInUp;
}
.swiper1 .swiper-slide-active .animation.animated-item-2 {
animation: 900ms linear 600ms normal both 1 running zoomInUp;
}
.swiper1 .swiper-slide-active  .animation.animated-item-3 {
animation: 1200ms linear 900ms normal both 1 running zoomInRight;
}
.swiper1 .swiper-slide-active  .animation.animated-item-4 {
animation: 1500ms linear 1200ms normal both 1 running zoomIn;
}
.swiper-button-prev.swiper-button-prev1 {
  background: rgba(0, 0, 0, 0) none;
  height: 60px;
  left: 5%;
  width: 60px;
}
.swiper-button-next.swiper-button-next1 {
  background: rgba(0, 0, 0, 0) none;
  height: 60px;
  right: 5%;
  width: 60px;
}
.swiper-button-next.swiper-button-next1:after {
  content: "\f105";
  font-family: FontAwesome;
  color: #fff;
  font-size: 54px;
  font-weight: bold;
  margin-top: -10px;
  position: absolute;
  margin-left: 20px;
}
.swiper-button-prev.swiper-button-prev1:after {
  content: "\f104";
  font-family: FontAwesome;
  color: #fff;
  font-size: 54px;
  font-weight: bold;
  margin-top: -10px;
  position: absolute;
  margin-left: 20px;
}

/* Slider */
#myCarousel i {
  font-size: 50px;
  margin-top: 115%;
}
.overlay {
background:rgba(0,0,0,0.5);
top:0;
bottom:0;
left:0;
right:0;
position:absolute;
}
.carousel-caption {
  top: 10% !important;
  bottom: inherit !important;
  left: 10% !important;
  right:10% !important;
}
.wrapper_boxed .carousel-caption {
  top: 10% !important;
  bottom: inherit !important;
  left: inherit !important;
  right:inherit !important;
}
/* .swiper1{
max-height:650px;
} */
.carousel-caption  h1 {
  font-size: 72px;
}
.carousel-caption  h2 {
  font-size: 48px;
}
.carousel-caption p {
  font-size: 24px;
  word-wrap: break-word;
}
.slider_link{
margin-top:10%;
}
.slider_link .btn ,
.slider_link .btn:hover {
  background-color: #333;
  color: #fff !important;
  font-size: 18px;
  padding: 10px 20px;
  text-decoration:none;
  margin:10px;
}
.swiper-pagination-bullet {
  width: 30px !important;
  height: 10px !important;
  border-radius: 0 !important;
  opacity: 1 !important;
} 
.swiper-pagination-bullet-active {
color:#fff !important;
}
.swiper1 .swiper-slide-active .animation.animated-item-1 {
animation: 500ms linear 300ms normal both 1 running fadeInUp;
}
.swiper1 .swiper-slide-active .animation.animated-item-2 {
animation: 900ms linear 600ms normal both 1 running zoomInUp;
}
.swiper1 .swiper-slide-active  .animation.animated-item-3 {
animation: 1200ms linear 900ms normal both 1 running zoomInRight;
}
.swiper1 .swiper-slide-active  .animation.animated-item-4 {
animation: 1500ms linear 1200ms normal both 1 running zoomIn;
}
.swiper-button-prev.swiper-button-prev1 {
  background: rgba(0, 0, 0, 0) none;
  height: 60px;
  left: 5%;
  width: 60px;
}
.swiper-button-next.swiper-button-next1 {
  background: rgba(0, 0, 0, 0) none;
  height: 60px;
  right: 5%;
  width: 60px;
}
.swiper-button-next.swiper-button-next1:after {
  content: "\f105";
  font-family: FontAwesome;
  color: #fff;
  font-size: 54px;
  font-weight: bold;
  margin-top: -10px;
  position: absolute;
  margin-left: 20px;
}
.swiper-button-prev.swiper-button-prev1:after {
  content: "\f104";
  font-family: FontAwesome;
  color: #fff;
  font-size: 54px;
  font-weight: bold;
  margin-top: -10px;
  position: absolute;
  margin-left: 20px;
}
/* Slider */

/* featured */
.feature_section1 {
  background: rgba(0, 0, 0, 0) url("images/texture-1.png") repeat scroll left top;
  padding: 63px 0;
  text-align: center;
  width: 100%;
}
.arrow_box::after, .arrow_box::before {
  border: medium solid transparent;
  content: " ";
  height: 0;
  left: 50%;
  pointer-events: none;
  position: absolute;
  top: 100%;
  width: 0;
}
.arrow_box::after {
  border-color: #e3e3e3 rgba(249, 249, 249, 0) rgba(249, 249, 249, 0);
  border-width: 10px;
  margin-left: -10px;
}
.arrow_box {
  background: #e3e3e3 none repeat scroll 0 0;
  border: 5px solid #fff;
  border-radius: 4px;
  margin: 0 auto 32px;
  padding: 20px 0;
  position: relative;
  text-align: center;
  width: 65%;
}
.arrow_box a {
  display: inline-block;
}
.arrow_box i {
  color: #272727;
  font-size: 50px;
}
.feature_section1 .one_fourth:hover .arrow_box,
.feature_section1 .one_fourth.active .arrow_box {
	position: relative;
	-webkit-transition: border-color .3s, -webkit-transform .3s;
    transition: border-color .3s, transform .3s;
}
.feature_section1 .one_fourth:hover .arrow_box:after,
.feature_section1 .one_fourth.active .arrow_box:after {
	border-color: rgba(249, 249, 249, 0);
	border-top-color: #fff;
	border-width: 10px;
	margin-left: -10px;
}
.feature_section1 .one_fourth:hover .arrow_box:before,
.feature_section1 .one_fourth.active .arrow_box:before {
	border-width: 16px;
	margin-left: -16px;
	-webkit-transition: border-color .3s, -webkit-transform .3s;
    transition: border-color .3s, transform .3s;
}
.feature_section1 .one_fourth:hover .arrow_box i,
.feature_section1 .one_fourth.active .arrow_box i {
	-webkit-transition: color .3s, -webkit-transform .3s;
    transition: color .3s, transform .3s;
}
.feature_section1 .one_fourth:hover h5,
.feature_section1 .one_fourth.active h5{
	-webkit-transition: color .3s, -webkit-transform .3s;
    transition: color .3s, transform .3s;
}
.feature_section2 {
  padding: 35px 0;
  width: 100%;
}
.rw-wrapper {
  color: #fff;
  font-family: "Raleway",sans-serif;
  font-size: 32px;
  font-weight: 300;
  line-height: 35px;
}
.rw-wrapper-btn a {
  border-radius: 4px;
  font-size: 16px;
  padding: 13px 35px;
  text-transform: uppercase;
    margin: 15px 15px 0 15px;
    display: inline-block;
}
.fresh_works1 {
  background-color: #fff;
  border-bottom: 1px solid #eee;
  border-top: 1px solid #eee;
  padding: 60px 0 40px;
  text-align: center;
  width: 100%;
}
.feature_section29 {
  background: url("images/site-img28.png") no-repeat scroll center top;
  padding: 40px 0 ;
  text-align: center;
  width: 100%;
}
.feature_section5 {
  background: rgba(0, 0, 0, 0) url("images/dark_matter.png") repeat scroll left top;
  color: #999;
  padding: 65px 0;
  width: 100%;
}
.feature_section5 h4 {
  font-size: 22px;
  font-style: normal;
  line-height: 25px;
  margin-bottom: 18px;
}
.feature_section21 {
  background: #fff none repeat scroll 0 0;
  float: left;
  padding: 70px 0;
  text-align: center;
  width: 100%;
}
.feature_section21 .one_fifth {
  padding: 20px 0;
  display: inline-block;
}
.feature_section21 .cirbox {
  border-radius: 100%;
  color: #272727;
  font-size: 16px;
  height: 127px;
  margin: 0 auto 15px;
  text-align: center;
  transition: background-color 0.1s ease 0s, transform 0.1s ease 0s;
  width: 127px;
}
.g_facts span {
  font-size: 20px;
}
.feature_section21 .cirbox strong {
  display: block;
  font-size: 30px;
  font-weight: normal;
  margin-bottom: 0px;
  margin-top: 35px;
  text-align: center;
}
.feature_section21 .cirbox:hover strong {
    color: #fff !important;
}
.feature_section26 {
  background: #fff none repeat scroll 0 0;
  float: left;
  padding: 0;
  text-align: center;
  width: 100%;
}
/*.one_fifth {
  margin: 0 15px;
}*/
.one_fifth {
  margin: 0px;
}
.one_fourth {
    margin-bottom: 30px;
}
.one_third {
    margin-bottom: 30px;
}

/* featured */

/* Footer */
.footer_graph {
  background: #fff url("images/footer-graph.png") no-repeat scroll 120px top;
  height: 60px;
  width: 100%;
}
.footer1 {
  background: #262626 url("images/footer-graph2.jpg") no-repeat scroll center bottom;
  float: left;
  padding: 18px 0 40px;
  width: 100%;
}
.footer1 h4.lmb {
  color: #fff;
  margin-bottom: 20px;
}
.qlinks ul {
  margin: 0;
  padding: 0;
  width: 100%;
  display: block;
}
.qlinks li {
  display: inline-block;
  margin: 0;
  padding: 4px 0;
  width: 100%;
}
.qlinks ul li a::before {
  content: "";
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  margin-right: 7px;
}
.recent_posts_list li a::before {
  content: "" !important;
  margin: 0 !important;
}
.qlinks li a {
  color: #727272;
}
.qlinks li a:hover {
	color: #fff;
}
.qlinks p{
color:#666 !important;
}
.qlinks a{
background-color:transparent !important;
color:#666 !important;
}
.copyright_info {
  background: #1a1a1a none repeat scroll 0 0;
  color: #999;
  float: left;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  margin: 0;
  padding: 0 0 35px;
  width: 100%;
}
ul.footer_social_links {
  float: right;
  margin: 0;
  padding: 0;
  display: inline-block;
}
.footer_social_links li {
  background-color: #252525;
  border-radius: 24px;
  color: #999;
  display:inline-block;
  height: 24px;
  line-height: 22px;
  margin: 0 0 0 5px;
  padding: 0;
  text-align: center;
  vertical-align: middle;
  width: 24px;
}
.flickr_badge_image {
  display: inline-block;
  margin: 5px;
}
.faddress {
  padding: 0 10px;
}
.faddress > li {
  display: block;
  color:#727272;
}
.recent_posts_list i {
  color: #727272;
}
.copyright_info a {
  color: #999;
  font-size: 12px;
  margin-top: 10px;
  text-align: right;
}
.copyright_info .one_third{
margin-bottom:10px;
}
.faddress li a::before {
  content: none !important;
}
/* Footer */

/* Single */
.wp-post-image {
  width: 100%;
  height: auto;
}
.alignnone {
  height: auto;
  width: 100% !important;
}
.aligncenter {
margin: 0 auto;
}
.alignnone img {
height: auto;
width: 100%;
}
.wp-caption-text {
background-color: #ccc;
font-size: 16px;
padding: 5px 0;
text-align: center;
font-style: italic;
}
.entry-content p {
font-size: 16px;
}
.alignleft {
float: left;
margin: 0 20px;
}
.alignright {
float: right;
}
/* Single */

/* Sidebar */
.sidebar_widget{
margin:0 !important;
}
.sidebar_widget ul.arrows_list1 li a, .sidebar_widget ul a {
  line-height: 30px;
  word-wrap: break-word;
}
.mytextwithicon::before, .sidebar_widget ul li::before {
  content: "";
  font-family: FontAwesome;
  margin: 5px;
}
.sidebar_widget > ul {
  padding: 0;
}
#searchform #s {
  background-color: #fff;
  border: 1px solid #e0e0e0;
  color: #999;
  float: left;
  font-size: 13px;
  height: 41px;
  padding: 5px 10px;
  width:150px;
}
#searchsubmit {
  background: url("images/site-search-icon.png") no-repeat scroll center 14px;
  border: 0 none;
  cursor: pointer;
  float: left;
  height: 41px;
  line-height: 100;
  overflow: hidden;
  text-indent: -5555em;
  width: 46px;
}
.page_title2 .title h1 {
  font-size: 35px;
  font-weight: 600;
  margin: 0;
  text-transform: none;
}
.page_title2 .pagenation a {
  color: #727272;
  padding: 0;
}
.page_title2 .pagenation {
  color: #e0e0e0;
  float: left;
  font-size: 12px;
  font-weight: normal;
  margin: 10px 0 0;
  padding: 0 0 22px;
  text-align: left;
  width: 100%;
}
/* Sidebar */

/* Blog */
.post_meta_links {
  display: inline-block;
  padding: 0;
  margin: 0;
}
.post_meta_links li {
  color: #999;
  float: left;
  list-style-type: none;
  margin: 0;
  padding: 0 0 0 4px;
}
.blog_post a.date {
  color: #454545;
  font-size: 16px;
  font-weight: normal;
}
.post_meta_links li a {
  color: #999;
  font-size: 11px;
  padding: 0 18px 0 0;
  text-decoration: none;
  text-transform: uppercase;
}
.blog_post ul {
  padding: 0;
  display: block;
  margin: 0;
}
.page_title2{
padding:30px 0 !important;
}
.page-br {
margin:0 !important;
border-bottom: 1px solid #d7d7d7;
}
/* .page_title2 .two_third{
padding:0;
} */
.page_title2  .pagenation {
    width: auto !important;
}

.page_title2 .pagenation {
    float: left;
    width: 100%;
    font-size: 12px;
    text-align: left;
    font-weight: normal;
    color: #aaa;
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 22px 0px;
}
#wblizar_nav {
  display: inline-block;
  margin: 20px 0;
  padding: 0 20px;
}
#wp-calendar caption {
  padding: 5px 10px;
  text-align: center;
  font-size: 18px;
  color: #fff;
}
#wp-calendar caption {
padding: 10px;
}
#wp-calendar thead tr th {
text-align: center;
}
table th {
border: 1px solid #dddddd;
padding: 8px;
line-height: 20px;
text-align: center;
vertical-align: top;
}
table td {
border: 1px solid #dddddd;
padding: 8px;
line-height: 20px;
text-align: center;
vertical-align: top;
}
table td {
border: 1px solid #dddddd;
padding: 8px;
line-height: 20px;
text-align: center;
vertical-align: top;
}
.sliderContent table td ,.footer1 table td {
color:#e7e7e7;
}
.sliderContent #wp-calendar thead tr th ,.footer1 #wp-calendar thead tr th {
color: #fff;
}
/* Blog */

/* Comment */
.gravatar img{
width:100%;
height:auto;
}
.comment_content {
  display: inline-block;
}
.comment_text p{
  word-wrap: break-word;
  }
.comment{
display: inline-block;
padding:0;
}
.comment_meta,
.comment_text {
 padding: 0;
}
.comment_wrap {
    margin: 20px 0;
    display: initial;
}
.form-submit {
    margin: 10px 0;
    display: block;
    float: left;
    width: 100%;
}
.form-submit .submit {
  padding: 5px 10px;
}
/* Comment */

.recent_posts_list li span {
  float: left;
  margin-right: 15px;
   display:inline- block;
}
.recent_posts_list li a {
  color: #999;
  display: inline- block;
  line-height: 17px;
  text-decoration: none;
}
.recent_posts_list li i {
  color: #c9c9c9;
  display: block;
  font-size: 10px;
  font-style: normal;
  margin: 0;
  padding: 1px 0 0;
}
.recent_posts_list li span img {
  float: left;
  margin-right: 0;
  opacity: 0.8;
}
.recent_posts_list li {
  border-bottom: 1px solid #f5f6f6;
  display:inline-block;
  list-style-type: none;
  margin: 0 0 16px;
  padding: 0 0 13px;
  width: 100%;
}
.sidebar_widget ul.recent_posts_list li::before {
  content: none !important;
}
.blog_post h3{
display:inline-block;
}
.blog_post h3 a {
    text-decoration: none;
    float: left;
    margin-top: 3px;
    text-transform: none;
    font-weight: 500;
    font-size: 30px;
}
.scrollup {
    width: 40px;
    height: 40px;
    opacity: 1;
    position: fixed;
    bottom: 22px;
    right: 20px;
    display: none;
    text-indent: -9999px;
    background: url(images/scroll-top-arrow.png) no-repeat left top;
    z-index: 999;
}
.comment_input_bg {
    width: 80% !important;
    margin: 20px 10px 0 0;
    display: inline-block !important;
    height: 45px !important;
}
.features_sec42{
  padding: 0 !important;
}
.features_sec42.two .box ul {
  display: block;
  padding: 0;
  margin: -10px 0 0;
  list-style: none;
}
.features_sec42.two .box ul li{
 display:inline-block;
}
.features_sec42.two .box ul li a {
  background-color: #f7f7f7;
  border-radius: 100%;
  color: #999;
  float: left;
  height: 27px;
  line-height: 27px;
  margin-right: 5px;
  text-align: center;
  vertical-align: middle;
  width: 27px;
}
.features_sec42.two .box:hover ul li a {
 color: #fff;
}
.features_sec42.two .box ul li a:hover {
 color: #fff !important;
}
.features_sec42.two .box:hover img{
opacity:0.8;
}
.g_contact{
padding:0 !important;
}
.address_info  .address-detail {
  display: block;
  padding: 10px 0 0 30px;
}
.address_info .address-detail li{
  display: block;
  margin:5px 0;
  font-size:16px;
  color:#555;
  }
  .address-detail a{
  color:#666;
  }
  .address_info{
  border:1px solid #ccc;
  padding:15px;
  margin-bottom:20px;
  }
  .address_info  h3 {
  margin: 0;
}
  .sky-form .input ,
  .sky-form .textarea {
  margin: 0 10px 0 0;
}
.one_full{
margin:0;
}
.one_full iframe{
width:100%;
height:350px;
}
.content_fullwidth {
  padding: 30px 0;
}
.tagcloud a:hover {
  color: #fff !important;
  text-decoration: none;
}
.about_author img {
    float: left;
    margin-right: 20px;
}
.about_author a {
  color: #333;
  font-family: "Open Sans" !important;
  font-weight: 600;
  text-decoration:none;
}
.about_author {
  background-color: #f9f9f9;
  border: 1px solid #eee;
  float: left;
  padding: 20px;
  width: 100%;
}
.features_sec18 .icon {
  float: left;
  font-size: 35px;
}
.feature_section27 {
  padding: 50px 0;
  text-align: center;
}
.c_service3 {
  text-align: justify;
}
.feature_section27 i {
  color: #454545;
  display: inline-block;
  font-size: 40px;
  margin-right: 20px;
  float: left;
}
.feature_section27 h3 {
  color: #272727;
  display: inline-block;
  font-weight: normal;
  text-align: left;
  margin: 0;
  float: left;
}
.c_service3 p {
  float: left;
  margin-top: 20px;
}
.feature_section27 h3 b {
  color: #999;
  display: block;
  font-size: 14px;
  font-weight: normal;
}
.feature_section27 .g_sec_three p {
  margin: 10px 0;
}
.feature_section27 .g_sec_three {
  text-align: left;
}
.feature_section27 h2 b {
  color: #727272;
  display: block;
  font-size: 18px;
  font-weight: 200;
  line-height: 23px;
  margin-top: 13px;
}
.page_title {
  background: #272727 url("images/h-line1.png") no-repeat scroll center bottom;
  border-top: 5px solid #13afeb;
  color: #999;
  font-size: 14px;
  padding: 40px 0;
  text-align: center;
  width: 100%;
}
.page_title h1 {
   font-size: 45px;
  font-weight: 300;
  margin-bottom: 13px;
  text-transform: uppercase;
}
.project_details span {
  border-bottom: 1px solid #e3e3e3;
  color: #454545;
  float: left;
  font-size: 14px;
  font-weight: bold;
  margin: 0;
  padding: 5px 0;
  width: 100%;
}
.project_details strong {
  color: #727272;
  float: left;
  font-size: 13px;
  font-weight: bold;
  margin: 0;
  padding: 0;
  width: 70%;
}
.project_details em {
  color: #727272;
  float: left;
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  margin: 0;
  padding: 0;
  width: 60%;
}
.project_details {
  margin: 0;
  padding: 0;
}
.portfolio_area_left iframe{
width:100%;
}
.project_details h5 {
  font-size: 18px;
  font-style: normal;
  line-height: 23px;
  margin-bottom: 16px;
}
.project_details span a {
  background-color: #e3e3e3;
  border-radius: 3px;
  color: #727272;
  font-size: 11px;
  font-style: normal;
  font-weight: normal;
  line-height: 30px;
  margin: 0 0 0 3px;
  padding: 3px 10px;
}
.project_details span a {
  background-color: #ddd;
  }
  a.but_goback {
  border-bottom: 1px solid #999;
  margin: 0;
  padding: 13px 25px 13px 22px;
  color: #fff;
  text-decoration:none;
}
 a.but_goback:hover {
  color: #fff !important;
}
a.but_goback i {
  color: #fff;
}
#wblizar_nav {
  display: inline-block;
  margin: 20px 0;
  padding: 0 20px;
  width: 100%;
}
.nav-next {
  float: right;
}
.sharepost li {
  display: inline-block;
  margin: 0 5px ;
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 4px;
}
.sharepost li  a{
color: #fff;
}
.message-box-wrap {
  border: 0 solid #fff;
  margin: 0;
  padding: 0;
}
.close-but {
  background: rgba(0, 0, 0, 0) url("images/elements/icon-remove.png") no-repeat scroll center top;
  border: medium none;
  cursor: pointer;
  float: right;
  font-size: 0;
  height: 10px;
  margin: 5px;
  width: 10px;
}
.info {
  background-color: #e6f3ff;
  border-color: #c6e3ff;
  color: #4a84bc;
}
.success {
  background-color: #dffbe4;
  border-color: #a9ecb4;
  color: #1ea133;
}
.notice {
  background-color: #f6f2d2;
  border-color: #d7d099;
  color: #a79a30;
}
.error {
  background-color: #ffdddd;
  border-color: #f1bdbd;
  color: #bd6767;
}
a.but_ok_2 {
  background: #ff8100 none repeat scroll 0 0;
  border-bottom: 1px solid #909090;
display: inline-block;
    margin: 5px 0;
  padding: 10px 22px;
  color:#fff;
}
a.but_wifi {
  background: #0099cc none repeat scroll 0 0;
  border-bottom: 1px solid #909090;
display: inline-block;
    margin: 5px 0;
  padding: 10px 22px;
color:#fff;
}
a.but_warning_sign {
  background: #e5cc19 none repeat scroll 0 0;
  border-bottom: 1px solid #909090;
  display: inline-block;
    margin: 5px 0;
  padding: 10px 22px;
    color:#fff;
}
a.but_user {
  background: #007f99 none repeat scroll 0 0;
  border-bottom: 1px solid #909090;
 display: inline-block;
    margin: 5px 0;
  padding: 10px 22px;
    color:#fff;
}
a.but_table {
  background: #4c6699 none repeat scroll 0 0;
  border-bottom: 1px solid #909090;
display: inline-block;
    margin: 5px 0;
  padding: 10px 22px;
    color:#fff;
}
a.but_star {
  background: #99cc4c none repeat scroll 0 0;
  border-bottom: 1px solid #909090;
 display: inline-block;
    margin: 5px 0;
  padding: 10px 22px;
    color:#fff;
}
a.but_phone {
  background: #e56619 none repeat scroll 0 0;
  border-bottom: 1px solid #909090;
 display: inline-block;
    margin: 5px 0;
  padding: 10px 20px;
    color:#fff;
}
.dropcap2.gray {
  background-image: url("images/elements/dropcap_gray.png");
}
.dropcap1 {
  background: transparent url("images/elements/dropcap_gray.png") no-repeat scroll 0 0;
  color: #999;
  font-size: 32px;
  height: 60px;
  line-height: 50px;
  margin: 0 10px;
  width: 53px;
}
.dropcap2 {
  background: transparent url("images/elements/dropcap_gray.png") no-repeat scroll 0 -108px;
  color: #999;
  font-size: 32px;
  height: 60px;
  line-height: 47px;
  margin:0 10px;
  width: 53px;
}
.dropcap1, .dropcap2, .dropcap3 {
  float: left;
  font-family: "Open Sans",sans-serif;
  font-weight: normal;
  overflow: hidden;
  text-align: center;
}
.dropcap3 {
  font-size: 40px;
  height: 60px;
  line-height: 40px;
  margin: 0 10px;
  width: 44px;
}
.blog_postcontent p {
  margin:0 0 10px;
}
.list1 li {
  line-height: 30px;
  margin: 0;
  padding: 0;
  text-align: left;
}
ul.list1, ol.list1 {
  margin: 0;
  padding: 0;
}
.list1 li i {
  margin-right: 5px;
}
.pagination a {
  margin: 5px;
  padding: 5px 10px;
  text-decoration: none;
  color:#666;
}
.pagination .current {
  color: #fff !important;
}
.pagination .current,.pagination a:hover {
  color: #fff !important;
}
.ms-layer.readmore-gslider {
  display: inline-block !important;
  left: 0 !important;
  margin: 0 !important;
  position: relative !important;
  text-align: center !important;
  width: 100% !important;
  margin: 20px 0 0 !important;
}
.master-slider a.sbutton1 {
  float:none !important;
  padding: 10px 20px !important;
}
.ms-skin-default .ms-bullet {
background: rgba(0, 0, 0, 0.5) !important; 
  height: 12px !important;
  margin: 3px !important;
  width: 12px !important;
  border-radius: 50% !important;
}
.ms-skin-default .ms-bullet.ms-bullet-selected {
 background: rgba(255, 255, 255, 0.5) !important; 
}
.textwidget {
  color: #999;
}
.comment_form label {
  float: left;
  font-weight: normal;
  margin-top: 20px;
  padding: 7px 10px;
  width: 90px;
}
.right_sidebar {
  float: right !important;
}
.siteinfo > p {
  color: #666;
}
.blog_postcontent img,
.blog_postcontent .wp-caption {
    max-width: 100%;
    height: auto;
}
.threeborder{
text-align:center;
}
.accrodation .acc-trigger a::before {
  color: #fff;
  content: "+";
  font-family: FontAwesome;
  font-size: 20px;
  font-weight: bold;
  height: 25px;
  left: 25px;
  line-height: 25px;
  position: absolute;
  text-align: center;
  width: 25px;
}
.accrodation .acc-trigger.active a::before {
color: #fff;
  content: "-";
  font-family: FontAwesome;
  font-size: 20px;
  font-weight: bold;
  height: 25px;
  left: 25px;
  line-height: 25px;
  position: absolute;
  text-align: center;
  width: 25px;
}
.accrodation .acc-trigger.active a::before {
background-color:#999;
}
span.nav-previous,
span.nav-next {
    padding: 5px;
    margin: 10px 5px 0 0;
    display: inline-block;
}
#wp-calendar {
    width: 100%;
}
/*woocommerce prodcuts  */
ul.products {
  display: inline-flex;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
  padding: 0;
  width: 130px;
  margin: 0;
  border-radius: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  padding: 0 10px;
    border-radius: 0;
	display:block;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a:hover,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
color:#fff !important;
}
.woocommerce .submit {
  color: #fff !important;
}
.woocommerce .products {
  width: 100%;
}
.swiper-slide img {
    height: auto !important;
    width: 100%;
}
/* New */
#g_home .cbp-item  {
	width:100% !important;
}
#g_home .cbp-item, #g_home {
  position: relative !important;
}
.g_port {
  display: inline-block !important;
  float: none !important;
  width: 24.7% !important;
  padding: 0 !important;
}
.cbp-l-grid-projects.two #g_shortcode .cbp-item {
  float: left !important;
  padding: 0 !important;
  width: 48% !important;
}
.cbp-l-grid-projects.three #g_shortcode  .cbp-item{
  display: inline-block !important;
  float: none !important;
  width: 33% !important;
  padding: 0 !important;
}
.cbp-l-grid-projects.four #g_shortcode .cbp-item{
  display: inline-block !important;
  float: none !important;
  width: 24% !important;
  padding: 0 !important;
}
#g_shortcode .cbp-caption-defaultWrap img {
  height: 100%;
  width: 100%;
}
.cbp-l-grid-projects.four #g_shortcode .cbp-l-caption-buttonLeft,
.cbp-l-grid-projects.four #g_shortcode .cbp-l-caption-buttonRight {
  width: 80px;
}
@media (max-width:768px){
.g_port {
  width: 48% !important;
}
}
@media (max-width:480px){
.g_port {
  width: 100% !important;
}
.cbp-l-grid-projects.two #g_shortcode .cbp-item,
.cbp-l-grid-projects.three #g_shortcode .cbp-item,
.cbp-l-grid-projects.four #g_shortcode .cbp-item{
width: 100% !important;
} 
}

@media (max-width:432px){
.slider_link {
    top: 30%;
}
}


@media (max-width:768px){
.slider_link {
    top: 60%;
}
}



@media only screen and (max-width : 720px) {
    #content { 
      display: flex; 
      /* Optional, if you want the DIVs 100% width: */ 
      flex-direction: column;
    }
    #content > .wooside { order: 1; }
    #content > .nine { order: 2; }
}