@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i');
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700');
/* WonderWebs-Bootstrap 9.2 Responsive template - Website stylesheet - Copyright 2018 WonderWebs.com */

body,.Normal{font-family: 'Roboto', sans-serif;line-height: 24px;}/* Default font and colour. Use long form CSS */
h1{color: #760010;font-weight: 400;font-size: 30px;font-family: 'Roboto', sans-serif;text-transform: uppercase;line-height: 36px;}
h2{font-family: 'Roboto', sans-serif;color: #760010;text-transform: uppercase;}
h3{font-family: 'Roboto', sans-serif;text-transform: uppercase;}
h4{font-family: 'Roboto', sans-serif;}
h5{}
h6{}
hr{}
pre{}
blockquote{}
strong,b,.NormalBold{}
input[type="text"], input[type="file"], input[type="password"], input[type="date"], input[type="email"], select, textarea{}

/* Hyperlinks and buttons */
a,a:link,a:visited{color: rgb(118, 0, 16);}
a:active,a:hover{color: rgb(127, 33, 46);}
.SigninSeparator,.SigninPane a:link,.SigninPane a:visited{}
.SigninPane a:active,.SigninPane a:hover{}
.BreadCrumbSeparator,a.BreadCrumbs:link,a.BreadCrumbs:visited{}
a.BreadCrumbs:active,a.BreadCrumbs:hover{}
.FooterLinks span,.FooterSeparator,.FooterLinks a:link,.FooterLinks a:visited{}
.FooterLinks a span:hover,.FooterLinks a:active,.FooterLinks a:hover{}
.StandardButton,a.StandardButton,a.StandardButton:link{}
.StandardButton:hover,a.StandardButton:hover{}

/* Structure and content */
.Outer{}
.PageID{}
.Page{background: #fff; padding: 0;}/* Website background */
.Above{}
.Paper{display: inherit; border: none; box-shadow: none;}/* Wraps Header and Contents sections. Set display:inherit to disable rubber-banding on these */
.Header{display: inherit;}/* Wraps AboveLogo down to BelowLogo */
.AboveLogo{}
.LogoSpan{}
.LogoWrapper{padding-top:17.094%;}/* Responsive logo height {padding-top:(height*100/width)%;} Otherwise use px */
.LogoPane{background:url("Logo-1170x200.png") no-repeat scroll 0 0 #fff;background-size:cover}
.LogoLink{}
.Logo{}
.BelowLogo{}
.MenuBar{background: none;position: absolute;top: 100px;left: 0;right: 0;}/* Menu wrapper includes SigninPane */
.MenuPane{width: 100%;}/* Menu column */
.MenuPaneInner{float: right;border-top: 1px #e7e7e7 solid;}
.SigninPane{display: none;}/* Signin column */
.SigninPaneInner{}
.Account{}
.SigninSeparator::after{}
.SigninTop{}
.BelowMenu{}
.Contents{}/* Wraps from BreadCrumbBar down to Foot */
.Contents .Span{}/* Website foreground */
.BreadCrumbBar{}
.BreadCrumbs{}/* Use line-height to set BreadCrumbBar height */
.BreadCrumbPane{display: none}/* Breadcrumbs column */
.BreadCrumbSeparator:after{}
.SearchBar{display: none; height: 0; padding: 0;}/* Search column */
.SearchWrapper{}/* Padding and margins */
.SearchPane{display: none; height: 0; padding: 0;}/* Use height:px to set SearchBar height */
.SearchInput{}
a.SearchIcon{}
a.SearchIcon:hover{}
.SearchIcon .fa{}
.ContentPane{}
.ContentLeft{}/* Move this min-height into the primary content panel */
.ContentLeftDown{}
.ContentRight{}
.ContentRightUp{}
.Foot{}
.Footer{}/* Wraps all footer rows */
.FooterLinks{background: #c6c6c6;}
.SigninBottom{}
.FooterSeparator{}
.FooterSeparator:after{}
.Terms{}
.Privacy{}
.Copyright{}
.Producer{}

/* Containers */
.Container{}/* Padding and margins for all */
.Default.Container{}
.Titled.Container{}
.Featured.Container{}
.NoContainer.Container{}
.NoPadding.Container{}
.NoGaps.Container{}

/* Featured Container. Modify these to suit any container */
.Featured.Container{}
.Featured .ContainerTitle{}
.Featured .ContainerBody{}
.Featured .Normal{}
.Featured a,.Featured a:link,.Featured a:visited{}
.Featured a:active,.Featured a:hover{}

/* Menu and Submenu font. Use long form CSS */
.MenuBar ul.Menu a{font-weight: 400;font-size: 18px; text-transform: uppercase;}
.MenuBar ul.Menu .sub a{}

/* Menu item borders and separators. Set border:none to remove defaults */
.MenuBar ul.Menu a.first{border: none}
.MenuBar ul.Menu a{border: none}
.MenuBar ul.Menu a.last{border: none}
.MenuBar ul.Menu .sub a.first{}
.MenuBar ul.Menu .sub a{}
.MenuBar ul.Menu .sub a.last{}

/* Menu colours - Every menu item also has a unique ID */
.MenuBar ul.Menu a,.MenuBar ul.Menu a:visited{background: none;}/* Menu */
.MenuBar ul.Menu a.branch{background: none;}/* Branch */
.MenuBar ul.Menu a.current,.MenuBar ul.Menu a.breadcrumb{background: none;}/* Active */
.MenuBar ul.Menu a:hover,.MenuBar ul.Menu a:focus{background: none;}/* Hover */

/* SubMenu colours */
.MenuBar ul.Menu .sub a,.MenuBar ul.Menu .sub a:visited{}/* Sub Menu */
.MenuBar ul.Menu .sub a.branch{}/* Branch */
.MenuBar ul.Menu .sub a.current,.MenuBar ul.Menu .sub a.breadcrumb{}/* Active */
.MenuBar ul.Menu .sub a:hover,.MenuBar ul.Menu .sub a:focus{}/* Hover */

/* Menu item height and padding e.g. {height:40px;line-height:40px} */
.MenuBar ul.Menu a{}
.MenuBar ul.Menu .sub a{}

/* Hamburger menu */
.hamburger .mean-bar,.PreloadImage{background:url("Logo-1982x180.png") no-repeat scroll 0 0 / 991px 90px #fff}/* Logo */
.hamburger a.hamburger-wrapper{}/* Use for full-screen menu */
.hamburger a.hamburger-bun{}/* Hamburger bun */
.hamburger a.hamburger-bun span{}/* Hamburger meat */
.hamburger .mean-nav{}/* Menu background */
.hamburger .mean-nav ul li a{}/* Menu items */
.hamburger .mean-nav ul li a:hover{}
.hamburger a.meanmenu-reveal span {background: #760010;}
.hamburger a.meanmenu-reveal{color: rgb(118, 0, 16);}

/* Splash */
.SplashPage{}/* Background */
.SplashPlacement{}/* Content padding */
.SplashContent{}/* Content */

/* Custom Classes - Any uncommented classes here will appear in the word processor menu */
/* .CustomClass01{} */
/* .CustomClass02{} */
/* .CustomClass03{} */
/* .CustomClass04{} */
/* .CustomClass05{} */
/* .CustomClass06{} */
/* .StandardButton{} */

/* Other styles */


/*Front Links*/
.LinkDiv {position: relative; width: 100%; }
.image {opacity: 1;display: block;width: 100%; height: auto;transition: .5s ease;backface-visibility: hidden;}
.middlebottom {transition: .5s ease;opacity: 0;position: absolute;top: 0;left: 0;text-align: center;right: 0;bottom: 0;}
.LinkDiv:hover .image {opacity: 0.9; -webkit-filter: brightness(0.40);}
.LinkDiv:hover .middlebottom {opacity: 1;background: #7600104d;}
.text-wrapper {background-color: transparent;	color: white;	font-size: 16px;	padding: 5%;	width: 75%;	height: 75%;	margin: auto;position: absolute;	left: 0;right: 0;bottom: 0;top: 0;text-align: center;border: 1px solid #fff;border-radius: 5px;}
.TextInner {position: absolute;transform: translate(0, 45%);left: 0;top: 0;bottom: 0;right: 0;}
.FrontLink1{}
.FrontLink2{margin: auto;}
.FrontLink3{float: right}
.Bottom3Column.Section {margin-bottom: 2%;margin-top: 2%;padding-top: 2%;}
.Page7611 .Bottom3Column.Section{border-top: none;padding-top: 0;}
hr.style-two { border: 0; height: 1px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));}

.SocialIcons {padding: 8%;text-align: right;position: absolute;top: 50%;transform: translateY(-50%);right: 0;left: 0;}
.SocialIcons a {color: #760010;}
.SocialIcons a:hover{color: #7f212e;}
#dnn_ctr17263_HtmlModule_lblContent {height: 9vw;position: relative;min-height: 175px;}
.FooterButton p{font-size: 36px;text-transform: uppercase; margin: 0;}
.FooterButton a{color: #fff;}
.FooterButton {padding: 2%;}
.Footer1Column.Section {background: #760010;}
.Footer3Column.Section {background: #c6c6c6;}

.PhoneTop a {font-size: 18px;	color: #757575;	text-transform: uppercase;}
.PhoneTop {font-size: 18px;color: rgb(117, 117, 117);}
.DnnModule.DnnModule-DNN_HTML.DnnModule-17269 {position: absolute;top: 70px;right: 10px;}

.BelowLogoRow .Span.row.no-gutters {width: 100%;}




/*Home*/
.Page7611 .ContentLeft {min-height: 100% !important;}
.Page7611 #dnn_Bottom4A {width: 100%;}
.Page7611 #dnn_Bottom4D {width: 35%;}
.Page7611 #dnn_Bottom4B {width: 65%;}
.HomeText {position: absolute;top: 50%;transform: translateY(-50%);right: 0;left: 0;padding: 5%;}
#dnn_ctr17258_HtmlModule_lblContent {position: relative;height: 20vw;}
.HomeText h2 {color: #760010; font-size: 24px; font-weight: 400;line-height: 30px;}
img.HomeProfile{border-radius: 50%;filter: drop-shadow(12px 12px 25px rgba(177, 177, 177, 0.5));}



/*Home Banner*/
.viewport.scrollable {max-height: 100% !important;}
.DnnModule.DnnModule-EasyDNNrotator.DnnModule-17254 {border-bottom: 5px solid #760010;}
.chameleon_slider.callisto .scrollable_box {background: none;}
.BannerText h2 {background: rgba(118, 0, 16, 0.6);padding: 7% 5% !important;font-size: 36px !important;line-height: 42px;font-weight: 300 !important;font-family: 'Open Sans Condensed', sans-serif !important;}
.BannerText a {background: rgba(118, 0, 16, 0.6);padding: 2% 3% !important;display: inline-block;font-size: 30px !important;line-height: 30px;font-weight: 300 !important;width: 43% !important;text-align: center;font-family: 'Open Sans Condensed', sans-serif;}
.BannerText {max-width: 400px;}
.scrollable_box.item_info {max-height: 100% !important;}

/* Underline From Center */
.hvr-underline-from-center { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; overflow: hidden;}
.hvr-underline-from-center:before {content: ""; position: absolute; z-index: -1; left: 51%; right: 51%; bottom: 0; background: rgb(200, 200, 200);  height: 2px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {left: 0;right: 0;}


/*Team*/
#portfoliopro-lightbox-gallery17278 .cbp-l-grid-team .cbp-item {height: 350px !important;}
.cbp img {  width: 79%;  margin: auto;}
.cbp-l-grid-team .cbp-caption {  border: none;height: 73%;}
.cbp-caption-fadeIn .cbp-caption-activeWrap{    width: 80%;    margin: 0 10%;}
.cbp-popup-singlePage .cbp-popup-content .cbp-l-project-img{max-width: 35%;border-radius: 5px;}
.cbp-popup-singlePage .cbp-popup-navigation-wrap{    background-color: #ffffff;}
.cbp-popup-singlePage-counter {color: #222;}
.cbp-popup-singlePage .cbp-popup-prev { }
.cbp-popup-singlePage .cbp-popup-prev:hover { background-position: -2px -94px;}
.cbp-popup-singlePage .cbp-popup-close:hover { background-position: -94px -94px;}
.cbp-popup-singlePage .cbp-popup-next:hover { background-position: -48px -94px;}
.cbp-popup-content {text-align: center;}
/*.cbp-l-grid-team-position {display: none;}*/
/*.cbp img {border-radius: 50%;}*/
/*.cbp-caption-fadeIn .cbp-caption-activeWrap { border-radius: 50%;}*/
#grid-container17278 {max-width: 100% !important;}
.cbp-l-grid-team-name:link, .cbp-l-grid-team-name:active, .cbp-l-grid-team-name:visited {color: rgb(118, 0, 16) !important;}
.cbp-l-grid-team-name:hover {color: rgba(105, 0, 14, 0.58) !important;}






/*About Us*/
.Page7612 div#dnn_ContentLeft {width: 33.33333333%;}
.Page7612 div#dnn_ColumnRight {width: 66.66666667%;}
.Page7612 .ContentLeft {min-height: 100% !important;}
.DnnModule.DnnModule-EasyDNNrotator.DnnModule-17275 {border-bottom: 5px solid #760010;}
.Page7612 .ContentLeftRow.Section {margin: 10% 0 0;}
.Page7612 .ContentRightRow.Section {margin: 3% 0 3%;}

/*Cosmetics*/
.DnnModule.DnnModule-EasyDNNrotator.DnnModule-17833 {border-bottom: 5px solid #760010;}

/*Medical*/
.DnnModule.DnnModule-EasyDNNrotator.DnnModule-17838 {border-bottom: 5px solid #760010;}

/*Accordion*/
.liveacchotsneaks .ui-state-default, .liveacchotsneaks .ui-widget-content .ui-state-default{background: none; border: none;font-weight: 400;margin-top: 3% !important;}
.liveacchotsneaks .ui-state-default .ui-icon{background-color: #ff9e1c;border-radius: 50%;}
.liveacchotsneaks .ui-state-active a, .liveacchotsneaks .ui-state-active a:link, .liveacchotsneaks .ui-state-active a:visited{color: #444;}
.liveacchotsneaks .ui-accordion .ui-accordion-header a{font-size: 16px; color: #555555;}
.liveacchotsneaks .ui-accordion .ui-accordion-content{font-family: 'Roboto', sans-serif;line-height: 24px;font-size: 14px;}
.liveacchotsneaks .ui-widget-content{ border: none;}
.liveacchotsneaks .ui-widget-content{background:rgba(239, 239, 239, 0.4);border-radius: 10px;margin: 0 0% !important;}
.liveacchotsneaks .ui-state-default a, .liveacchotsneaks .ui-state-default a:link, .liveacchotsneaks .ui-state-default a:visited{color: rgb(51, 51, 51);}
.liveacchotsneaks .ui-widget-content {color: #000;}
#ui-id-1 {margin-top: 0 !important;}
/*Arrow*/
.liveacchotsneaks .ui-state-default .ui-icon{    background-color: transparent;border-radius: 0; z-index: 999;background-image: none;}
.liveacchotsneaks .ui-accordion .ui-accordion-header .ui-icon{    margin-top: -15px;}
.liveacchotsneaks .ui-icon{width: 30px; height: 30px; background-image: none;}
.LA-ui-accordion-header .fa{ margin-left: -22px; font-size: 30px;vertical-align: -15%;color: rgb(198, 198, 198);}
.LA-ui-accordion-header .fa:hover{color: rgb(182, 182, 182);}
.liveacchotsneaks .ui-accordion .ui-accordion-header a{font-size: 16px;}
.liveacchotsneaks .ui-accordion .ui-accordion-header .ui-icon {width:100%;z-index:9999;}
.LA-ui-accordion-header span {font-weight: 700;}

/*Contact Us */
#Field_17270_1 {padding-top: 0;}
.LiveForm.WWBlank {padding-top: 0;}
.Page7613 .ContentRightRow {margin-top: 3%;}


/* Phone */
@media (min-width: 0) and (max-width: 767px) {
#dnn_ctr17263_HtmlModule_lblContent {height: unset;position: unset;min-height: unset;}
.SocialIcons {  padding: 8%;   text-align: right;position: unset;}
.SocialIcons p {text-align: center !important;}
.FooterButton p {font-size: 24px;line-height: 36px;}
.BannerText {max-width: 400px;margin: auto;margin-top: 25%;}
.Page7611 #dnn_Bottom4B, .Page7611 #dnn_Bottom4D {width: 100%;}
.HomeText {position: unset;top: unset;transform: unset;right: unset;left: unset;padding: 3%;text-align: center;}
#dnn_ctr17258_HtmlModule_lblContent {position: unset;height: unset;}
img.HomeProfile {margin-bottom: 6%;}
.Page7612 div#dnn_ContentLeft, .Page7612 div#dnn_ColumnRight {width: 100%;}
.Page7612 #dnn_ColumnRight p, .Page7612 #dnn_ContentRight p{text-align: center;}



}

/* Phone and Tablet */
@media (min-width: 0) and (max-width:991px) {

.BannerText {max-width: 400px;margin: auto;margin-top: 15%;}


}

/* Desktop */
@media (min-width: 992px) and (max-width: 1199px) { 

.BannerText {max-width: 400px;margin-left: 30%;	margin-top: 10%;}

}

/* Widescreen */
@media (min-width: 1200px) { 

.BannerText {max-width: 400px;margin-left: 25%;	margin-top: 7%;}

}