/* ================================================ */
/* don't touch this style auto generating by system */
/* ================================================ */
		.primary_color_text, .paging-nav a:hover,
		 footer#footer .widget_calendar thead th,
		 footer#footer .dt_widget_accordion .opened,
		 .sidebar .widget_calendar a,
		 .dt_team_custom_item .profile-position,
		.dt-iconboxes-4:hover .dt-section-icon i:hover,
		.dt-iconboxes.layout-6 i,
		.no-touch .dt-iconboxes-4:hover .hi-icon-effect-5 .hi-icon
		{ color: #0089af; }

		.primary_color_border,
		.no-touch .dt-iconboxes-5:hover .hi-icon-effect-5 .hi-icon { border-color: #0089af; }

		.primary_color_bg, .paging-nav span.current,
		.primary_color_button,footer#footer .widget_calendar #today,
		footer#footer .widget_tag_cloud .tagcloud .tag:hover,
		footer#footer .dt_widget_tabs .nav-tabs li a:hover,
		footer#footer .dt_widget_tabs .nav-tabs li:hover,
		footer#footer .dt_widget_tabs .nav-tabs li.active a,
		footer#footer .dt_widget_tabs .nav-tabs li.active a:hover,
		footer#footer .dt_widget_tabs .nav-tabs li.active a:focus,
		footer#footer .dt_widget_accordion .btn-accordion,
		footer#footer .dt_widget_accordion .openedup,
		.sidebar .owl-theme .owl-controls .owl-page span,
		.woocommerce.widget_product_tag_cloud li,
		.sidebar .widget_calendar #today,
		.sidebar .widget_tag_cloud .tagcloud .tag:hover,
		.sidebar .dt_widget_tabs li.active a,
		.sidebar .dt_widget_accordion .btn-accordion,
		.sidebar .dt_widget_accordion .openedup,
		.dt-timeline .time-item .center-line.circle i,
		.dt-timeline .time-item .center-line.square,
		.dt-iconboxes span:hover,
		.dt-iconboxes-2:hover .dt-section-icon i.hi-icon,
		.dt-iconboxes-2:hover i,
		.dt-iconboxes.layout-3 span:hover,
		.dt-iconboxes-4:hover .dt-section-icon,
		.no-touch .dt-iconboxes-5:hover .hi-icon-effect-5 .hi-icon,
		.dt-iconboxes.layout-6:hover {
		  background-color: #0089af;
		}

		.btn-color-primary,
		.portfolio-navigation a.more-post, 
		.dt-contact-form.on-dark input[type="submit"], 
		.shipping-calculator-button,
		.woocommerce #content input.button,
		.woocommerce #respond input#submit,
		.woocommerce a.button,
		.woocommerce button.button,
		.woocommerce input.button,
		.woocommerce-page #content input.button,
		.woocommerce-page #respond input#submit,
		.woocommerce-page a.button,
		.woocommerce-page button.button,
		.woocommerce-page input.button,
		.woocommerce.widget_product_search #searchsubmit,
		.woocommerce #content input.button.alt,
		.woocommerce #respond input#submit.alt,
		.woocommerce a.button.alt,
		.woocommerce button.button.alt,
		.woocommerce input.button.alt,
		.woocommerce-page #content input.button.alt,
		.woocommerce-page #respond input#submit.alt,
		.woocommerce-page a.button.alt,
		.woocommerce-page button.button.alt,
		.woocommerce-page input.button.alt {
			background: #0089af;
		}

		footer#footer .widget_text ul.list-inline-icon li:hover { border: 1px solid #0089af; background: #0089af; }
		footer#footer .owl-theme .owl-controls .owl-page span { background-color: #0089af; border: 2px solid #0089af; }
		footer#footer .owl-theme .owl-controls .owl-page.active span { border: 2px solid #0089af; }

		footer#footer .dt_widget_tabs .nav-tabs li a:hover {
		  color: #ffffff;
		}


		footer#footer .dt_widget_accordion .opened {
		  background: #ffffff; 
		}
		.sidebar .owl-theme .owl-controls .owl-page.active span {
		  border: 2px solid #0089af;
		}

		.sidebar .widget_text ul.list-inline-icon li:hover {
		   border: 1px solid #0089af; background: #0089af; 
		}

		.sidebar .dt_widget_tabs li.active a {
		  border-top: 3px solid #0089af;
		}
		.sidebar .dt_widget_tabs li.active a:hover {
		  border-top: 3px solid #0089af;
		}
		.sidebar .dt_widget_tabs li.active a:focus {
		  border-top: 3px solid #0089af;
		}

		.sidebar .dt_widget_accordion .opened {
		  background: #ffffff;
		  color: #0089af;
		}

		h3.widget-title:after {
		  border-top: solid 2px #0089af;
		}
		#related-port .related-port figure figcaption .related-tag a {
		  color: #0089af;
		}

		.dt-timeline .time-item:hover .content-line:before,
		.dt-timeline .time-item:hover .content-line {
		  background-color: #0089af!important;
		}

		@media handheld, only screen and (max-width: 479px) {
		  .dt-timeline .time-item .center-line {
		    display: none !important;
		  }
		  .dt-timeline .time-item .content-line {
		    margin: 0!important;
		    left: 0!important;
		    margin-right: 0!important;
		    margin-left: 0!important;
		  }
		  .dt-timeline .time-item:hover .content-line:before,
		  .dt-timeline .time-item .content-line:before {
		    background: none!important;
		    border: none !important;
		  }
		}

		.dt_team_custom_item hr:after {
		  width: 50px !important;
		}
		.dt-iconboxes span:hover:after,
		.dt-iconboxes span:hover:before,
		.dt-iconboxes.layout-3 span:hover:after,
		.dt-iconboxes.layout-3 span:hover:before,
		.dt-iconboxes-4:hover .dt-section-icon:after,
		.dt-iconboxes-4:hover .dt-section-icon:before {
		  border-top-color: #0089af !important;
		}

		.dt_team_custom_item .profile-scocial a:hover,
		.dt_team_custom_item .profile-scocial i:hover {
		  color: #0089af;
		}
		.dt-pricing-table .featured ul li.plan-action,
		.dt-pricing-table .featured ul li.plan-action,
		.dt-pricing-table .featured ul li.plan-head,
		.dt-pricing-table .featured ul li.plan-head {
		  background: #0089af !important;
		}
		.mejs-container .mejs-controls .mejs-horizontal-volume-current,
		.mejs-container .mejs-controls .mejs-time-loaded {
		  background-color: #0089af !important;
		}

		#dt-menu li a:hover{
			color: #0089af;
		}
		
		@media (max-width: 991px) {
			#head-page #dt-menu > ul > li > a:hover {color:#0089af!important;}
		}
		@media (min-width: 991px) {
			#dt-menu ul li:hover > a {
				color: #0089af;
			}
		}
		#dt-menu ul.sub-nav li:hover > a {
		    color: #0089af;
		  }
		#dt-menu a.search_btn:hover {
		    color: #0089af !important;
		}
		#dt-topbar-menu-left ul li:hover > a {
		    color: #0089af;
		}
		#dt-topbar-menu-left li a:hover {
		  background: #0089af;
		}
		#dt-topbar-menu-left .toggle-sub {
		  background: #0089af;
		}
		#dt-topbar-menu-left li:hover > .toggle-sub {
		  color: #0089af;
		}
		#dt-topbar-menu-left ul li:first-child {
		    border-top: 3px solid #0089af !important;
		  }
		#dt-topbar-menu-left ul.sub-nav li:hover > a {
		    background: #0089af;
		  }

		#dt-topbar-menu-right ul li:hover > a {
		    color: #0089af;
		}
		#dt-topbar-menu-right li a:hover {
		  background: #0089af;
		}
		#dt-topbar-menu-right .toggle-sub {
		  background: #0089af;
		}
		#dt-topbar-menu-right li:hover > .toggle-sub {
		  color: #0089af;
		}
		#dt-topbar-menu-right ul.sub-nav li:hover > a {
		    background: #0089af;
		  }

		.select.select-theme-default .select-options .select-option:hover, .select.select-theme-default .select-options .select-option.select-option-highlight {background: #0089af;}

		footer#footer .dt_widget_portfolio_posts .post-item figure figcaption {
		  background: rgba(0,68,87, 0.6);
		}
		.sidebar .dt_widget_portfolio_posts .portfolio_wrapper .post-item figure figcaption {
		  background: rgba(0,68,87, 0.6);
		}
		.dt_widget_featured_posts .post-item figure figcaption {
		  background: rgba(0,68,87, 0.6);
		}
		.sidebar .widget_calendar a:hover {
		  color: #005f7a;
		}

		.dt-iconboxes.layout-7:hover i,.dt-iconboxes.layout-8:hover i{
		  border-color: #005971 !important;	
		}
		.dt-iconboxes.layout-7 i,.dt-iconboxes.layout-8 i{
		  color: #0089af;	
		}

		@media (max-width: 768px) {
		  #footer-left {
		    border-bottom: solid 1px #003646;
		  }
		}
		.dt-iconboxes-4:hover { 
			background-color: #006d8c; 
		}

		.sidebar .woocommerce.widget_product_tag_cloud .tagcloud .tag:hover,
		footer#footer .woocommerce.widget_product_tag_cloud .tagcloud .tag:hover {
		  background-color: #0089af;
		}

		.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
		  background-color: #0089af;
		}

		.border-color-primary, 
		.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active a, 
		.woocommerce div.product .woocommerce-tabs ul.tabs li.active a, 
		.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active a, 
		.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active a {
		  border-color: #0089af;
		}
		.box-main-color .img-blank {
		  background-color: #0089af;
		}
		.link-color-primary, 
		#dt-menu #menu-main-menu .current-menu-parent > a,
		#dt-menu #menu-main-menu .current-menu-item > a,
		#dt-menu #menu-main-menu .sub-nav .current-menu-item > a,  
		.woocommerce nav.woocommerce-pagination ul li a.prev:hover, 
		.woocommerce-page nav.woocommerce-pagination ul li a.prev:hover, 
		.woocommerce nav.woocommerce-pagination ul li a.next:hover, 
		.woocommerce-page nav.woocommerce-pagination ul li a.next:hover {
		  color: #0089af;
		}
		.background-color-primary, 
		.dt-icon-circle.primary-color, 
		.dt-icon-ghost.primary-color, 
		.sidebar .widget_text .social-circled li:hover, 
		#footer .container .widget_text .social-circled li:hover, 
		#featured-work-navbar #featured-filter.dt-featured-filter li.active a, 
		.owl-custom-pagination .owl-page.active i, 
		.wpb_wrapper .wpb_content_element .wpb_accordion_wrapper .ui-state-default .ui-icon:after, 
		.wpb_wrapper .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header.ui-accordion-header-active,  
		.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active, 
		.woocommerce div.product .woocommerce-tabs ul.tabs li.active, 
		.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active, 
		.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active, 
		.woocommerce nav.woocommerce-pagination ul li span.current, 
		.woocommerce-page nav.woocommerce-pagination ul li span.current, 
		.woocommerce #content nav.woocommerce-pagination ul li span.current, 
		.woocommerce-page #content nav.woocommerce-pagination ul li span.current, 
		.woocommerce nav.woocommerce-pagination ul li a:hover, 
		.woocommerce-page nav.woocommerce-pagination ul li a:hover, 
		.woocommerce #content nav.woocommerce-pagination ul li a:hover, 
		.woocommerce-page #content nav.woocommerce-pagination ul li a:hover, 
		.woocommerce nav.woocommerce-pagination ul li a:focus, 
		.woocommerce-page nav.woocommerce-pagination ul li a:focus, 
		.woocommerce #content nav.woocommerce-pagination ul li a:focus, 
		.woocommerce-page #content nav.woocommerce-pagination ul li a:focus, 
		#sequence ul li .btn-cta:after, .dt-iconboxes-4, .dt-iconboxes span:hover, 
		.dt-iconboxes-2:hover .dt-section-icon i.hi-icon, .dt-iconboxes-2:hover i, 
		.dt-iconboxes.layout-3 span:hover, .dt-iconboxes-4:hover .dt-section-icon, 
		.no-touch .dt-iconboxes-5:hover .hi-icon-effect-5 .hi-icon, 
		.dt-iconboxes.layout-6:hover,.bulat2, 
		.dt-iconboxes.layout-3 span:hover {
		  background: none repeat scroll 0 0 #0089af;
		}

		.dt-iconboxes.layout-3 span:hover:after, .dt-iconboxes.layout-3 span:hover:before {border-top-color: #0089af !important;}

		#featured-work-navbar #featured-filter.dt-featured-filter li.active {
		  border: 1px solid #0089af !important;
		}
		.no-touch .dt-iconboxes-5:hover .hi-icon-effect-5 .hi-icon {
		  background-color: #0089af;
		  border-color: #0089af;
		}
		.container .owl-theme .owl-controls .owl-page span {
		  background-color: #0089af;
		  border-color: #0089af; 
		}
		.owl-theme .owl-controls .owl-page.active span {
		  border-color: #0089af; 
		}
		.container .carousel-content .carousel-indicators li {
		  	background-color: #0089af;
		  	border-color: #0089af; 
		}
		.container .carousel-content .carousel-indicators .active {
		  	border-color: #0089af; 
		}
		.dt-iconboxes span:hover, .dt-iconboxes.layout-3 span:hover {
		  	border-color: #0089af;
		}
		.dt_vertical_tab .vertical-nav-tab > li > div i { color: #0089af; }
		.wpb_wrapper .wpb_content_element .wpb_accordion_wrapper .ui-state-active .ui-icon:after,
		.wpb_wrapper .vc_tta-accordion .vc_tta-panel.vc_active .vc_tta-controls-icon::after{
			color: #0089af;
		}

		.wpb_wrapper .vc_tta-accordion .vc_tta-panel .vc_tta-controls-icon::after{
			background-color: #0089af;
		}
		.wpb_wrapper .wpb_content_element .wpb_tabs_nav li.ui-tabs-active {
			background: none repeat scroll 0 0 #0089af;
		}

		.wpb_wrapper .vc_tta-tabs-container li.vc_tta-tab a {
			background:#ecf0f1;
			border-top: 0;
			margin:0;
		}

		.wpb_wrapper .vc_tta-tabs-container li.vc_tta-tab.vc_active a {
			border:0!important;
			background:#0089af;
			color: #fff;
		}

		.wpb_wrapper .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-title > a {
			background:#0089af;
			color: #fff;
		}

		.btn.btn-link { color: #0089af; }
		.btn.btn-link:hover { color: #0089af; }
		#footer h3.widget-title:after { border-top: 2px solid #0089af; }
		.text-hover-pre-title {background-color:#0089af}
		input.wpcf7-submit[type="submit"],
		form.wpcf7-form .wpcf7-form-control-wrap .select-target.select-theme-default { background-color: #0089af; }

		.dt-shop-category .owl-carousel-navigation .btn-owl { background: #0089af; }
		.dt-shop-category .owl-carousel-navigation .btn-owl:hover { background: none repeat scroll 0 0 #006d8c !important; }
		.secondary_color_bg { background-color: #0089af; }
		.secondary_color_text { color: #0089af; }
		.secondary_color_border { border-color: #0089af; }

		.secondary_color_button, .btn-color-secondary {
		  background-color: #0089af;
		}
		.background-color-secondary, .dt-icon-circle.secondary-color, .dt-icon-ghost.secondary-color, .dt-icon-square.secondary-color, #sequence ul.sequence-canvas li .slide-title:after {
			 background: #0089af;
		}
		:selection {
		  background: #0089af;
		}
		::selection {
		  background: #0089af;
		}
		::-moz-selection {
		  background: #0089af;
		}
		.woocommerce.widget_product_tag_cloud li:hover {
		  background-color: #0089af;
		}
		.woocommerce ul.products li.product .onsale:after,
		.woocommerce-page ul.products li.product .onsale:after,
		.woocommerce span.onsale:after,
		.woocommerce-page span.onsale:after {
		  border-bottom: 40px solid #0089af;
		}
		a {
		  color: #0089af;
		}
		a:hover, a:focus { border-color : #0089af; }
		a:hover, a:focus { color : #006d8c; }
		h1 a:hover,
		h2 a:hover,
		h3 a:hover,
		h4 a:hover,
		h5 a:hover,
		h6 a:hover,
		h1 a:focus,
		h2 a:focus,
		h3 a:focus,
		h4 a:focus,
		h5 a:focus,
		h6 a:focus,
		.portfolio-type-text .portfolio-item .portfolio-termlist a
		 {
		  color: #0089af;
		}
		#dt-topbar-menu-left li .toggle-sub:hover {
		  color: #0089af;
		}
		#dt-topbar-menu-left a.search_btn:hover {
		    color: #0089af;
		  }
		#dt-topbar-menu-right li .toggle-sub:hover {
		  color: #0089af;
		}
		#dt-topbar-menu-right a.search_btn:hover {
		    color: #0089af;
		  }
		footer#footer .widget_calendar a {
		  color: #0089af;
		}
		footer#footer .widget_recent_comments a:hover {
		  color: #0089af;
		}
		.sidebar a:hover {
		  color: #0089af;
		}
		.sidebar .dt-widget-twitter .sequence-twitter a {
		  color: #0089af;
		}
		.sidebar .widget_recent_comments a:hover {
		  color: #0089af;
		}
		.share-button label {
		  color: #0089af !important;
		}
		.share-button label span {
		  color: #0089af !important;
		}
		#top-bar a:hover {
		  color: #0089af;
		}
		.dt-section-head header i {
		  background: #0089af;
		}
		.progress_bars i {
		  background-color: #0089af;
		}
		.post-masonry li.isotope-item .isotope-inner .comment-count i:before {
		  color: #0089af;
		}
		.post-masonry li.isotope-item .post-info .author a {
		  color: #0089af;
		}

		.dt-pricing-table .price-4-col .btn-active,
		.dt-pricing-table .price-3-col .btn-active {
		  background-color: #0089af;
		}
		.dt-pricing-table .price-4-col .btn-active:hover,
		.dt-pricing-table .price-3-col .btn-active:hover {
		  background-color: #006d8c;
		}
		.box-secondary-color .img-blank {
		  background-color: #0089af;
		}
		.bulat1 {
		  background: none repeat scroll 0 0 #0089af;
		}
		.woocommerce #content div.product p.price, .woocommerce #content div.product span.price, .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce-page #content div.product p.price, .woocommerce-page #content div.product span.price, .woocommerce-page div.product p.price, .woocommerce-page div.product span.price {
			color: #0089af;
		}
		.tertier_color_bg {background-color: #222222; }

		#footer { background-image: url(""); }
		#footer { background-repeat: no-repeat; }
		#footer { background-size: cover; }

		.footer-left { color: #ffffff; }
		.footer-right { color: #ffffff; }
		footer#footer a { color: #ffffff; }
		#footer-right .widget .widget-title { color: #ffffff; }

		#footer .container .widget_text .social-circled li,
		#footer .container .widget_text .social-circled li:last-child,
		#footer .woocommerce ul.cart_list li,
		#footer .woocommerce ul.product_list_widget li,
		#footer .woocommerce-page ul.cart_list li,
		#footer .woocommerce-page ul.product_list_widget li,
		#footer .woocommerce.widget_product_categories li,
		footer#footer .widget_tag_cloud .tagcloud .tag,
		footer#footer .dt_widget_tabs .nav-tabs li a,
		footer#footer .dt_widget_tabs .tab-pane .rowlist,
		footer#footer .dt_widget_accordion .panel-heading,
		footer#footer .dt_widget_accordion .panel-body,
		#footer .widget_categories ul li,
		#footer .widget_recent_entries ul li,
		#footer .widget_recent_comments ul li,
		#footer .widget_rss ul li,
		#footer .widget_meta ul li,
		#footer .widget_nav_menu ul li,
		#footer .widget_archive ul li,
		#footer .widget_text ul li,
		footer#footer .woocommerce.widget_product_tag_cloud .tagcloud .tag {
		  border-color: rgba(255,255,255, 0.05);
		}

		footer#footer .widget_text ul.list-inline-icon li {
		  border: 1px solid rgba(255,255,255, 0.05);
		}

		footer#footer .widget_search {
		  color: #ffffff;
		}

		footer#footer .widget_search #s {
		  border: 1px solid rgba(255,255,255, 0.4);
		  color: #ffffff;
		}

		footer#footer .select-target.select-theme-default {
	  		border: 1px solid rgba(255,255,255, 0.4);
		}

		footer#footer .dt_widget_accordion .panel-heading {
		  color: #ffffff;
		}
		
		footer#footer .widget_recent_comments a {
		  color: rgba(255,255,255, 0.4);
		}

		footer#footer .woocommerce.widget_product_search #s {
		  border: 1px solid rgba(255,255,255, 0.4);
		}

	.home #head-page.alt.reveal #mobile-header label.toggle, .home #head-page.alt.reveal #mobile-header label.toggle:hover { color:#222222;}.home #head-page.reveal #mobile-header label.toggle, .home #head-page.reveal #mobile-header label.toggle:hover { color:#222222;}.home #head-page.alt.reveal #mobile-header label.toggle, .home #head-page.alt.reveal #mobile-header label.toggle:hover { color:#222222;}.home #head-page.reveal #mobile-header label.toggle, .home #head-page.reveal #mobile-header label.toggle:hover { color:#222222;}#head-page.reveal #dt-menu > ul > li > a span:after, #head-page.reveal #dt-menu > ul > li > a span:before { background: none repeat scroll 0 0 #222222; }#head-page.alt #dt-menu > ul > li > a span:after, #head-page.alt #dt-menu > ul > li > a span:before { background: none repeat scroll 0 0 #222222; }.home #head-page.reveal #dt-menu > ul > li > a span:after, .home #head-page.reveal #dt-menu > ul > li > a span:before { background: none repeat scroll 0 0 #222222; }.home #head-page.alt #dt-menu > ul > li > a span:after, .home #head-page.alt #dt-menu > ul > li > a span:before { background: none repeat scroll 0 0 #222222; }body.dt_custom_body { background-image: url(); }body.dt_custom_body { background-attachment: fixed; }body.dt_custom_body { background-repeat: no-repeat; }body.dt_custom_body { background-size: cover; }body.dt_custom_body { background-color: #ffffff; }body.dt_custom_body { color: #222222; }		@media(min-width: 992px) {
			#dt-menu > ul > li { line-height: 5em;}
		}
			#dt-menu.dt-menu-center > ul { margin-top: 100px; }
		.reveal.alt #dt-menu.dt-menu-center > ul { margin-top: 100px; }
	
	/* custom css generate from your custom css code*/
	                body{height: 100%;}
#dt-topbar-menu-right > ul > li > ul.sub-nav {
    background:#f2f2f2;
}
#dt-topbar-menu-right ul li.wpml-ls-menu-item.wpml-ls-item:hover > a:before {
    color: #f2f2f2;
}
@media screen and (min-width: 992px){
#dt-menu li:hover > ul.sub-nav {
    background-color: #128aad;
    margin-top: -12px;
}
}

.cabecera-contacto {
    padding: 120px 0 250px 0;
}


.wpb_wrapper .wpb_content_element .wpb_tabs_nav {
    display: flex;
    padding: 4px !important;
    background: #ffffff;
    border: 1px solid #0089af;
    border-radius: 3px;
    max-width: 400px;
    margin: 0 auto;
}
.wpb_wrapper .wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab{
    background: #ffffff;
}

.wpb_wrapper .wpb_content_element .wpb_tabs_nav li{
    border-color: #ffffff !important;
}

.wpb_wrapper .wpb_content_element .wpb_tabs_nav a {
    text-transform: normal;
}



.point_style{
    cursor: pointer;
}
a.mailto,
a.web{
    position: relative;
    padding-left: 21px;
}
a.mailto:hover,
a.web:hover{
    text-decoration: none;
    border-bottom-style: none;
}
a.mailto:before,
a.web:before{
    content:"";
    position: absolute;
    left: 0;
    height: 21px;
    width: 17px;
    background-position-x: right;
    background-position-y: 5px;
    background-repeat: no-repeat;
}
a.mailto:before{
    background-image: url("https://gtmotive.proyectos-royal.es/wp-content/uploads/2020/06/mail-3.png");
}
a.web:before{
    background-image: url("https://gtmotive.proyectos-royal.es/wp-content/uploads/2020/06/web.png");
}


#powerTip {
    background-color: #ffffff;
    border: 1px solid #0089af;
    color: #555;
    box-shadow: 0px 0px 17px #2e2e2e40;
    width: auto;
    min-width: 304px;
    padding: 16px;
}

#powerTip h1{
    font-size:23px;
    font-weight: 700p;
    margin:0;
}

#powerTip .build{
    font-size:12px;
    font-weight: 300px;
}

.box_view_html{
    color:#555;
}


@media (max-width: 629px){

.point_style{
     margin-top: -6px;
}
.point_style img{
    width:18px;
}
}

@media (max-width: 768px){
.point_style{
     margin-top: -4px;
}
}
@media (max-width: 950px){
    .contacto-centrales-box{
        margin-top: -240px !important;
    }
}

#powerTip.n:before {
    border-top: 10px solid #0089af;
}

#powerTip.e:before {
    border-right: 10px solid #0089af;
}

#powerTip.s:before {
    border-bottom: 10px solid #0089af;
}

#powerTip.w:before {
    border-left: 10px solid #0089af;
}

#powerTip.ne:before,#powerTip.nw:before {
    border-top: 10px solid ##0089af;
}

#powerTip.se:before,#powerTip.sw:before {
    border-bottom: 10px solid #0089af;
}

#powerTip.ne-alt:before,#powerTip.nw-alt:before,#powerTip.se-alt:before,#powerTip.sw-alt:before {
    border-top: 10px solid #0089af;
}

#powerTip.ne-alt:before,#powerTip.se-alt:before {
    left: auto;
    right: 10px
}

#powerTip.se-alt:before,#powerTip.sw-alt:before {
    border-top: none;
    border-bottom: 10px solid #0089af;
}
.client{
    pointer-events: none;
}
.connection {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
}
.connection-guide {
    display:flex;
    justify-content: space-evenly;
    list-style: none;
    padding: 0 0px 0 2px;
}
.connection-guide li{
    padding-left: 0px;
    line-height: 37px;
    position: relative;
}

.connection-guide li:before{
    content: "";
    position: absolute;
    left: 15px;
    top: -24px;
    height: 31px;
    width: 35px;
    background-position-x: left;
    background-position-y: 4px;
    background-repeat: no-repeat;
}

.connection-guide .office:before{
    background-image: url("https://gtmotive.proyectos-royal.es/wp-content/uploads/2020/06/pin_oficinas.png");
}
.connection-guide .partner:before{
    background-image: url("https://gtmotive.proyectos-royal.es/wp-content/uploads/2020/06/pin_partners.png");
}
.connection-guide .client:before{
    background-image: url("https://gtmotive.proyectos-royal.es/wp-content/uploads/2020/06/pin_clientes.png");
}
@media (min-width: 350px){
.connection{
    width: 335px;
}
}

@media (max-width: 500px){
div#powerTip {
    height: 50%;
}
}
@media (min-width: 800px){
.connection{
    position: absolute;
    left: 10%;
    top: 189px;
    width: 90%;
}
.connection-guide {
    flex-direction: column;
}
.connection-guide li{
    padding-left: 24px;
}
.connection-guide li:before{
    left: 0;
    top: 0;
}
}

.topbar-menu li.on-mouse-arrow > a{
    cursor: pointer !important;
}

#dt-topbar-menu-right ul.topbar-menu .on-mouse-arrow > a:before {
    content: none !important;
    margin-right: 0;
    display: none;
    top: 0;
}

#dt-topbar-menu-right ul.topbar-menu > li {
    flex: none !important;
    order: 0 !important;
}            