::-moz-selection { /* Code for Firefox */ color: whitesmoke; background: #428BCA; }
::selection { color: whitesmoke;  background: #428BCA; }
.margin-top-10 { margin-top: 10px; }
.margin-top-20 { margin-top: 20px; }
.margin-top-30 { margin-top: 30px; }
.margin-top-40 { margin-top: 40px; }
.margin-top-50 { margin-top: 50px; }
.margin-bottom-10 { margin-bottom: 10px; }
.margin-bottom-20 { margin-bottom: 20px; }
.margin-bottom-30 { margin-bottom: 30px; }
.margin-bottom-40 { margin-bottom: 40px; }
.margin-bottom-50 { margin-bottom: 50px; }
.margin-left-10 { margin-left: 10px; }
.margin-left-20 { margin-left: 20px; }
.margin-left-30 { margin-left: 30px; }
.margin-left-40 { margin-left: 40px; }
.margin-left-50 { margin-left: 50px; }
.margin-right-10 { margin-right: 10px; }
.margin-right-20 { margin-right: 20px; }
.margin-right-30 { margin-right: 30px; }
.margin-right-40 { margin-right: 40px; }
.margin-right-50 { margin-right: 50px; }
.text-align-left { text-align: left; }
.text-align-center { text-align: center; }
.text-align-right { text-align: right; }
.font-size-18 { font-size: 18px; }
.font-size-20 { font-size: 20px; }
.font-size-22 { font-size: 22px; }
.font-size-24 { font-size: 24px; }
.font-size-26 { font-size: 26px; }
.font-size-28 { font-size: 28px; }
.font-size-30 { font-size: 30px; }

.focus, .works, .about-us, .features, .packages, .products, .testimonial, .contact-us { padding-top: 40px; }
.section-header { padding-bottom: 20px; }
.section-header h2:after { background: #083a9b; }
.focus-box .service-icon:hover { border: 10px solid #083a9b !important; }
.focus-box .red-border-bottom:before, .works .red-border-bottom:before, .listpost-content-wrap .entry-title a:after { background: #083a9b !important; }
.focus { padding-bottom: 40px; }
.green-btn, .red-btn{ background: #CB4332; border: 1px solid #CB4332 !important; }
.green-btn:hover, .red-btn:hover, .green-btn:focus, .red-btn:focus, .green-btn:active, .red-btn:active { background: #E96656; border: 1px solid #E96656 !important; color: white !important; }
button, input[type="button"], input[type="reset"], input[type="submit"] { background-color: #083a9b; }
.pirate_forms .pirate-forms-submit-button:hover { background-color: #326FCB; }
.nav-links a { color: #083a9b; }
a, a:visited { color: #337ab7; }

/* HOME SLIDER */
.rb_logo { padding-bottom: 20px; max-width: 200px; }
.header-content-wrap { padding: 120px 0px 130px; /*background: url('/dipo/wp-content/uploads/2015/11/Dipo-farfalle.png') no-repeat center bottom 35px;*/ background:none; background-size: 50%; }
.header-content-wrap .intro-text { font-size: 30px; line-height: 40px; color: #083a9b; text-transform: initial; font-weight: bold; }
.header-content-wrap .intro-text .title { font-size: 35px; }

/* MENU */
li.menu-item.menu-cml-flag, li.menu-item.menu-cml-flag span { font-size: 12px; }
li.menu-item.menu-cml-flag ul.sub-menu { width: 130px; text-transform: uppercase; }
li.menu-item.menu-cml-flag.has_children { float: right; }
.navbar { background: rgba(11,64,154,0.8) !important; }
.navbar.navbar-black { background: rgba(11,64,154,0.5); }
ul.nav > li.current_page_item > a:before, ul.nav > li.current_page_item > a:before, ul.nav > li.current-menu-item > a:before { background: #083a9b; }
.navbar-inverse { border:0 !important; }
.navbar-inverse .navbar-nav > li > a { color: #fff !important; }
.navbar-inverse .navbar-nav > li > a:hover { color: #cccccc !important; cursor: pointer; }
.navbar-inverse .navbar-nav ul.sub-menu { width: 140px; text-align: left; background: rgba(230,230,230,0.8); }
.navbar-inverse .navbar-nav ul.sub-menu li:hover > a, .navbar-inverse .navbar-nav ul.sub-menu li.link-focus > a { color: #083a9b; }
.navbar-brand { height:100px !important; }
.navbar-brand:focus { border: 0; }
#site-navigation { float: right; }
/*.navbar-black nav ul.nav li { float: left; }*/
/*.navbar-collapse { width: calc(100% - 116px); }*/
.rb-site-title { color: #083a9b; }
ul#menu-topmenu { width:100%; }
.navbar-nav.navbar-right { margin-top: 10px !important; }
/*#main-nav { min-height: 100px !important; }*/

/* ABOUT US */
.about-us { background: rgba(11,64,154,0.5) !important; }
.about-us p { color: white; text-align: justify; }
.about-us p a, .about-us p a:visited { color: #11089B; }

/* OUR PRODUCTS */
.focus-box .service-icon .pixeden { background-size: 100% !important; }
.focus .container .row { margin: 0; }

/* OUR VIDEO */
.our-team { background: rgba(11,64,154,0.5) !important; padding-top: 30px; }
.our-team h2.dark-text { color: white; }
.out-team .section-header { padding-bottom: 0 !important; }


/* PAGES */
.section-header h2 { font-weight: bold; }
.widget .widget-title { text-align: center; }
.widget .widget-title:before { left: calc(65% / 2); }
.widget.widget_text, .widget.widget_recent_entries { padding-top: 20px; }
.entry-title:before, .widget .widget-title:before { background: #083a9b; }
.entry-title:after { background: #083a9b; }
#breadcrumbs { text-align: left; }
.contact-box-wrapper { margin-top: 30px; }
.contact-box-wrapper .contact-box { width: calc(50% - 10px); margin: 5px; border: 1px solid #cecece; box-shadow: 2px 2px 10px #cecece; padding: 10px; float: left; height: 160px; }
.contact-box-wrapper .contact-box p { font-size: 14px; margin-bottom: 15px; margin-top: 15px; }
.presentation-single { margin: 30px 0; }
.presentation-60 { width: calc(60% - 20px); float: left; padding: 10px; }
.presentation-40 { width: calc(40% - 20px); float: left; padding: 10px; }
.presentation-title { font-weight: bold; font-size: 24px; line-height: 36px; color: #428BCA; margin: 20px 0; display: inline-block; text-transform: uppercase; }
.presentation-text-1 { font-size: 20px; color: #5F9EA0; margin: 10px 0; display: inline-block; }
.presentation-col { text-align: center; }
input.search-field { width: 100%; }
.page-title-slidedown:hover { cursor: pointer; }
/*.page-title-slidedown + .page-text-slidedown { display: none; }*/
.page-title-slidedown.closed .slidedown-icon::before { font-family: 'Glyphicons Halflings'; content:"\e258"; }
.page-title-slidedown .slidedown-icon::before { font-family: 'Glyphicons Halflings'; content:"\e259"; }
.breadcrumbs, .breadcrumbs span { font-size: 12px !important; }
.breadcrumbs { border-bottom: 1px solid #cecece; margin-bottom: 30px; padding-bottom: 5px; }
article.hentry { padding-top: 5px; }
footer .company-details { padding-top:40px; }
.page-header { border-bottom: 0 !important; }
.page-header .page-title:before { background: #083a9b; width: 10%; }
.page-header h1.page-title { font-size: 20px; margin-top: 0; padding-top: 0; }

/* ARTICLES */
article footer { display: none; }
.single .posted-on, .single .posted-on a { font-size: 12px; }
.single .byline, .group-blog .byline { display: none !important; }

/* PRODUCTS */
.hugeitmicro-item { background: transparent !important; border: 0 !important; border-bottom: 1px solid #dedede !important; }
.hugeitmicro-item h3 { color: #083a9b !important; }
.hugeitmicro-item div.right-block > div { background: none !important; }
.hugeitmicro-item .button-block { display: none; }
.hugeitmicro-item a { color: #e96656 !important; }
.hugeitmicro-item a:hover { color: #cb4332 !important; }
*[class^="element_"] div.right-block .button-block a, *[class^="element_"] div.right-block  .button-block a:link, *[class^="element_"] div.right-block .button-block a:visited { background: #CB4332 !important; }
*[class^="element_"] div.right-block .button-block a:hover, .pupup-elemen.element div.right-block .button-block a:focus, *[class^="element_"] div.right-block .button-block a:active { background: #e96656 !important; }
.sp-full-screen-button.sp-fade-full-screen { display: none; }

*[class^="element_"] { background: none !important; border: 0 !important; border-bottom: 1px solid #dedede !important; margin-top: 20px !important; width: 100% !important; }
*[class^="element_"] h3 { color: #083a9b !important; }
*[class^="element_"] div.right-block > div { background: none !important; }

/* SIDEBAR PRODUCTS */
.focus-box.focus-box-sidebar { width: calc(50% - 17px); float: left; margin: 0 9px 5px 8px; }
.focus-box.focus-box-sidebar.focus-box-sidebar-last { width: 100%; }
.focus-box.focus-box-sidebar h3 { font-size: 12px; }
.focus-box.focus-box-sidebar .service-icon.service-icon-sidebar { width: 100%; height: 110px; margin-bottom: 0; }
.focus-box.focus-box-sidebar .service-icon.service-icon-sidebar:hover { border: 10px solid #083a9b !important; }
.focus-box.focus-box-sidebar .red-border-bottom:before { background: none !important; }
.focus-box.focus-box-sidebar .service-icon.service-icon-sidebar .pixeden-sidebar { background-size: 100% !important; }

/* CONTACT IN HOME */
.testimonial { background: rgba(121, 106, 99, 0.8) none repeat scroll 0% 0% !important; }
.testimonial h2, .testimonial h6 { color: white; }
.testimonial .section-header { padding-bottom: 20px; }
.testimonial .section-header h2:after { background: #083a9b; }
.testimonial .pirate_forms .pirate-forms-submit-button { float: none; min-width: 200px; }

/* NEWS IN HOME */
.rb-latest-news-image-holder .rb-latest-news-content { color: white; background: rgba(11,64,154,0.5) !important; display: block; border: 1px solid white;  }
.rb-latest-news-image-holder:hover .rb-latest-news-content { background: rgba(11,64,154,0.7) !important; }
.rb-latest-news-content a.rb-latest-news-read-more { color: white !important; border: 1px solid white; }


/* VIDEO PLAYER */
.huge_it_video_player_bottom, .huge_it_video_player_top { background: rgba(0,0,0,0.5) !important; }
*[id^="huge_it_sigle_video_player_"] { margin: 40px auto !important; }
.huge_it_video_player_player video { max-height: 360px; }


/* MOBILE */

/* iPad Landscape */
@media screen and (max-width: 1024px) and (orientation: landscape) { 
  	.focus-box.focus-box-sidebar .service-icon.service-icon-sidebar, .focus-box.focus-box-sidebar-last .service-icon.service-icon-sidebar { width: 100%; height: 90px; }
}

/* iPad Landscape */
@media screen and (max-width: 1024px) and (orientation: portrait) { 
	.focus-box.focus-box-sidebar { width: calc(25% - 17px); }
}


@media screen and (min-width: 1024px) { 
  	/* HOME */
	.focus .focus-box .service-icon { width: 200px; height: 200px; }
  	.focus-box.focus-box-sidebar.focus-box-sidebar-last .service-icon.service-icon-sidebar { width: calc(50% - 17px); }
}


@media screen and (max-width: 999px) { 
	/* HOME */
  	.col-lg-6,.col-md-6 { padding-right: 0; }
	.container { width: 100% !important; }
  	.about-us .container, .focus .container, .our-team .container { padding: 0; }
  	.about-us .container .row { -webkit-transform: scaleY(-1); transform: scaleY(-1); }
  	.about-us .container .row .column { -webkit-transform: scaleY(-1); transform: scaleY(-1); }
  	.about-us .container .row, .focus .container .row, .our-team .container .row { margin: 0; }
  	.focus .focus-box h3 { font-size: 14px; }
  	.navbar-nav.navbar-right:last-child { margin-right: 0; }
  	.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand { margin-left: 0; }
  	.navbar-brand { height: 76px !important; }
  	.navbar-nav.navbar-right { margin-top: 0 !important; }
}


@media screen and (min-width: 768px) and (max-width: 1199px) {
  	/* HOME */
  	.container { width: 100% !important; }
  	.focus .container { width: 100% !important; }
  	.focus .focus-box { width: 25%; }    
	.focus .focus-box .service-icon { width: 100%; height: 165px; }
}

@media screen and (min-width: 768px) {
  	.focus-box.focus-box-sidebar.focus-box-sidebar-last { margin: 0 auto; } 
}

@media screen and (max-width: 992px) {
  	/* HOME */
	.focus .focus-box .service-icon { width: 165px; height: 165px; }
  	.focus-box.focus-box-sidebar, .focus-box.focus-box-sidebar.focus-box-sidebar-last { width: calc(25% - 17px); margin: 0 9px 5px 8px; }
}

@media screen and (max-width: 767px) { 
	/* PAGE */
  	body.page .container { padding: 0 }
  	body.page article.hentry { border: 0; padding:0; }
  	body.page article.hentry .entry-content img { margin: 0 15px 15px 15px ; max-width: calc(100% - 30px); }
  	body.page article.hentry .entry-content img.estero-flag{ margin: 0 15px 15px 0 ; }
  	.contact-box-wrapper .contact-box { width: calc(100% - 10px); }
  	#main-nav, #main-nav.fixed { background: rgba(0, 0, 0, 0.8) none repeat scroll 0% 0%; background: rgba(11,64,154,0.5); }
  	.navbar-toggle.collapsed { background-color: #083a9b !important; }
  	.navbar > .container .navbar-brand { height: 76px !important; max-width: calc(100% - 59px); }
  	.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: #5D7FC0 !important; }
	.navbar-black-init .rb-hidden-logo { display: block; }
  	.navbar-toggle { margin-top: 20px !important; }
  	.dropdownmenu { background-color: #083a9b; }
	.aromalab-menu-logo { margin-top: 7px; margin-left: 0; width: 84px; }
  	.about-us { padding-bottom: 20px; }
  	.about-us .section-header { padding-bottom:0; }
	.focus-box.focus-box-sidebar { width: calc(25% - 17px); }
  	.our-team .section-header h2, .our-team .section-header h2 a { font-size: 120px; line-height: 120px; } 
}

@media screen and (min-width: 401px) and (max-width: 700px) {
   	.focus .focus-box { width: 50% !important; } 
   	.focus .focus-box .service-icon { width: 180px; height: 180px; } 
  	.focus .focus-box h3 { font-size: 17px; }
}

@media screen and (max-width: 480px) {
  	body.page article.hentry .entry-content img.img-center { width: calc(100% - 30px); }
	.entry-content p { margin: inherit; }
  	.our-team .section-header h2, .our-team .section-header h2 a { font-size: 75px; line-height: 75px; }
  	.widget .widget-title { line-height: 6.5vw !important; }
	.es_textbox_class { width: 100% !important; }
}

@media screen and (max-width: 400px) {
	.menu-align-center .responsive-logo > a { width: 76%; } 
  	.header-content-wrap .intro-text, .header-content-wrap .intro-text .title { font-size: 20px; line-height: 30px; }
  	.header-content-wrap { padding-top: 30px; }
  	.focus-box.focus-box-sidebar { width: calc(50% - 17px); }
  	.focus-box.focus-box-sidebar.focus-box-sidebar-last { width: 100%; margin: 0;  }
  	.focus-box.focus-box-sidebar.focus-box-sidebar-last .service-icon-sidebar { width: calc(50% - 17px);  }
  	.focus .focus-box { width: 100% !important; }
   	.focus .focus-box .service-icon { width: 200px; height: 200px; }  
}
