/* Minification failed. Returning unminified contents. (425,546): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; /*vertical-align: baseline;*/ background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } /* remember to define focus styles!*/ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } @font-face { font-family: 'Avenir'; font-weight: 700; font-style: normal; src: url(/Assets/fonts/Avenir-Black.eot); src: url(/Assets/fonts/Avenir-Black.eot?#iefix) format('embedded-opentype'), url(/Assets/fonts/Avenir-Black.woff2) format('woff2'), url(/Assets/fonts/Avenir-Black.woff) format('woff'), url(/Assets/fonts/Avenir-Black.ttf) format('truetype'); } @font-face { font-family: 'Avenir'; font-weight: 400; font-style: normal; src: url(/Assets/fonts/Avenir-Book.eot); src: url(/Assets/fonts/Avenir-Book.eot?#iefix) format('embedded-opentype'), url(/Assets/fonts/Avenir-Book.woff2) format('woff2'), url(/Assets/fonts/Avenir-Book.woff) format('woff'), url(/Assets/fonts/Avenir-Book.ttf) format('truetype'); } @font-face { font-family: 'Avenir'; font-weight: 300; font-style: normal; src: url(/Assets/fonts/Avenir-Light.eot); src: url(/Assets/fonts/Avenir-Light.eot?#iefix) format('embedded-opentype'), url(/Assets/fonts/Avenir-Light.woff2) format('woff2'), url(/Assets/fonts/Avenir-Light.woff) format('woff'), url(/Assets/fonts/Avenir-Light.ttf) format('truetype'); } /**** essential elements ****/ html { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } html, body { font-family: 'Avenir', Helvetica, Arial, sans-serif; font-size: 14px; color: #333; height: 100%; width: 100%; background-color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .clearfix:after { content: ""; display: table; clear: both; } ::-webkit-input-placeholder { color: #4d4d4d; } :-moz-placeholder { color: #4d4d4d; } ::-moz-placeholder { color: #4d4d4d; } :-ms-input-placeholder { color: #4d4d4d; } input[type=text]::-ms-clear { display: none; } a, a:visited { color: #005a2d; text-decoration: none; } a:hover { color: #333; text-decoration: underline;} .overflow-hidden { overflow: hidden;} /* & Columns : 12 & Gutter %: 20% & MaxWidth: 1280px */ .row { display:block; overflow:hidden; clear:both; } *[class*="col_"].alpha { margin-left:0; } *[class*="col_"].omega { margin-right:0; } .col_1 { width: 6.6666666666667%; } .col_2 { width: 15%; } .col_3 { width: 23.333333333333%; } .col_4 { width: 31.666666666667%; } .col_5 { width: 40%; } .col_6 { width: 48.333333333333%; } .col_7 { width: 56.666666666667%; } .col_8 { width: 65%; } .col_9 { width: 73.333333333333%; } .col_10 { width: 81.666666666667%; } .col_11 { width: 90%; } .col_12 { width: 98.333333333333%; } *[class*="col_"] { margin-left: 0.83333333333333%; margin-right: 0.83333333333333%; margin-top:0.5em; margin-bottom:0.5em; float: left; display: block; } *[class*="col_"].visible { background:#eee; border:1px dotted #ccc; } .container { width: 100% !important; max-width: 1200px !important; margin: 0 auto;} .sectionTitle { font-size: 60px; color: #000; line-height: 80px; margin-bottom: 20px; text-align: center;} .sectionSubTitle { font-size: 18px; color: #000; line-height: 24px; margin-top: 20px; text-align: center;} .separator { width: 220px; position: relative; height: 1px; background-color: #cccccc; margin: 0 auto; border: none; display: block;} .separator span { content: ""; width: 80px; height: 3px; background-color: #e00e45; position: absolute; margin: 0 auto; left: 0; top:-1px; right: 0;} .leftSeparator { width: 150px; position: relative; height: 1px; background-color: #cccccc; margin: 0; border: none; display: block;} .leftSeparator span { content: ""; width: 80px; height: 3px; background-color: #e00e45; position: absolute; margin: 0 auto; left: 0; top:-1px;} /* HEADER FIXED */ .headerWrapper { position: relative; float: left; width: 100%; } .headerWrapper.navShadow .innerBox { transition: all 0.1s ease; background-color: #fff; position: fixed; width: 100%; max-width: 100%; box-shadow: 0 4px 30px -5px rgba(0, 0, 0, 0.2); height: 75px; z-index: 2;} .headerWrapper.navShadow .innerBox .logo img { max-width: 130px;} .headerWrapper.navShadow .innerBox .stellarnav li a { padding: 25px 10px 25px; color: #333; transition: none;} .headerWrapper.navShadow .innerBox .stellarnav li li a { padding: 8px 10px;} .headerWrapper.navShadow .innerBox .stellarnav li a:before { background-color: #005a2d;} .headerWrapper.navShadow .innerBox .stellarnav.mobile > ul > li > a { color: #fff; padding: 8px 10px;} .headerWrapper.navShadow .innerBox .stellarnav.mobile ul ul a { color: #fff; padding: 6px 10px 6px 20px;} .headerWrapper.navShadow .innerBox .stellarnav.mobile ul ul ul a { padding: 6px 10px 6px 30px;} .headerWrapper.navShadow .innerBox .searchIcon { top: 27px;} .headerWrapper.navShadow .innerBox .searchIcon .active-icon { color: #000;} .headerWrapper.fixed { z-index: 999; max-width: 100%; position: relative; top: 0; padding: 0; box-shadow: 0 2px 4px rgba(0,0,0,.1); -webkit-border-radius: 0;-moz-border-radius: 0; border-radius: 0;} .headerWrapper.fixed header { position: relative; top: 0; padding: 0; height: 75px; } .headerWrapper.fixed header .logo img { max-width: 130px;} .headerWrapper.fixed header .stellarnav li a { padding: 25px 10px 25px; color: #333;} .headerWrapper.fixed header .stellarnav li li a { padding: 8px 10px;} .headerWrapper.fixed header .stellarnav li a:before { background-color: #005a2d;} .headerWrapper.fixed header .stellarnav.mobile > ul > li > a { color: #fff; padding: 8px 10px;} .headerWrapper.fixed header .stellarnav.mobile ul ul a { color: #fff; padding: 6px 10px 6px 20px;} .headerWrapper.fixed header .stellarnav.mobile ul ul ul a { padding: 6px 10px 6px 30px;} .headerWrapper.fixed header .searchIcon { top: 27px;} .headerWrapper.fixed header .searchIcon .active-icon { color: #000;} /* HEADER */ header { z-index: 2; height: 95px; bottom: 0; max-width: 1200px; margin: 0 auto; left: 0; right: 0; top: 0; position: absolute; transition: all 0.3s;} .headerWrapper.fixed.navShadow { transition: all 0.1s ease; background-color: #fff; position: fixed; width: 100%; max-width: 100%; box-shadow: 0 4px 30px -5px rgba(0, 0, 0, 0.2); height: 75px;} /* LOGO */ .logo { position: absolute; left: 10px; top: 12px;} .logo img { width: 100%; height: auto; max-width: 200px;} /* CAMERA SLIDER */ .camera_wrap a, .camera_wrap img, .camera_wrap ol, .camera_wrap ul, .camera_wrap li, .camera_wrap table, .camera_wrap tbody, .camera_wrap tfoot, .camera_wrap thead, .camera_wrap tr, .camera_wrap th, .camera_wrap td, .camera_thumbs_wrap a, .camera_thumbs_wrap img, .camera_thumbs_wrap ol, .camera_thumbs_wrap ul, .camera_thumbs_wrap li, .camera_thumbs_wrap table, .camera_thumbs_wrap tbody, .camera_thumbs_wrap tfoot, .camera_thumbs_wrap thead, .camera_thumbs_wrap tr, .camera_thumbs_wrap th, .camera_thumbs_wrap td { background: none; border: 0; font: inherit; font-size: 100%; margin: 0; padding: 0; vertical-align: baseline; list-style: none } .camera_wrap { margin-bottom: 0!important; width: 100%; overflow: hidden; direction: ltr; max-height: 634px!important; display: none; float: left; position: relative; z-index: 0; /*: none!important;*/ border-bottom: solid 5px #008e45;} .camera_wrap img { max-width: none!important;} .camera_fakehover { height: 100%; min-height: 60px; position: relative; width: 100%; z-index: 1;} .camera_src { display: none;} .cameraCont, .cameraContents { height: 100%; position: relative; width: 100%; z-index: 1;} .cameraSlide { bottom: 0; left: 0; position: absolute; right: 0; top: 0; width: 100%;} .cameraContent { bottom: 0; display: none; left: 0; position: absolute; right: 0; top: 0; width: 100%;} .camera_target { bottom: 0; height: 100%; left: 0; overflow: hidden; position: absolute; right: 0; text-align: left; top: 0; width: 100%; z-index: 0;} .camera_overlayer { bottom: 0; height: 100%; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; width: 100%; z-index: 0;} .camera_target_content { bottom: 0; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; z-index: 2;} .camera_target_content .camera_link { background: url(/Assets/images/blank.gif); display: block; height: 100%; text-decoration: none;} .camera_loader { background: #fff url(/Assets/images/camera-loader.gif) no-repeat center; background: rgba(255, 255, 255, 0.9) url(/Assets/images/camera-loader.gif) no-repeat center; border: 1px solid #ffffff; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; height: 36px; left: 50%; overflow: hidden; position: absolute; margin: -18px 0 0 -18px; top: 50%; width: 36px; z-index: 3;} .camera_bar { bottom: 0; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; z-index: 3;} .camera_thumbs_wrap.camera_left .camera_bar, .camera_thumbs_wrap.camera_right .camera_bar { height: 100%; position: absolute; width: auto;} .camera_thumbs_wrap.camera_bottom .camera_bar, .camera_thumbs_wrap.camera_top .camera_bar { height: auto; position: absolute; width: 100%; } .camera_nav_cont { height: 65px; overflow: hidden; position: absolute; right: 9px; top: 15px; width: 120px; z-index: 4;} .camerarelative { overflow: hidden; position: relative;} .imgFake { cursor: pointer;} .camera_command_wrap .hideNav { display: none;} .camera_command_wrap { left: 0; position: relative; right:0; z-index: 4;} .camera_clear { display: block; clear: both;} .showIt { display: none;} .camera_clear { clear: both; display: block; height: 1px; margin: -1px 0 25px; position: relative;} /* thumbs */ .camera_thumbs_cont { -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; overflow: hidden; position: relative; width: 100%; background: #d8d8d8; background: rgba(216, 216, 216, 0.85);} .camera_commands_emboss .camera_thumbs_cont { -moz-box-shadow: 0 1px 0 rgba(255,255,255,1), inset 0 1px 1px rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,1), inset 0 1px 1px rgba(0,0,0,0.2); box-shadow: 0 1px 0 rgba(255,255,255,1), inset 0 1px 1px rgba(0,0,0,0.2);} .camera_thumbs_cont > div { float: left; width: 100%;} .camera_thumbs_cont ul { overflow: hidden; padding: 3px 4px 8px; position: relative; text-align: center;} .camera_thumbs_cont ul li { display: inline; padding: 0 4px;} .camera_thumbs_cont ul li > img { border: 1px solid #000; cursor: pointer; margin-top: 5px; vertical-align:bottom;} .camera_prevThumbs { bottom: 4px; cursor: pointer; left: 0; position: absolute; top: 4px; visibility: hidden; width: 30px; z-index: 10; background: #d8d8d8; background: rgba(216, 216, 216, 0.85);} .camera_prevThumbs div { background: url(/Assets/images/camera_skins.png) no-repeat -160px 0; background-position: -160px -1000px; display: block; height: 40px; margin-top: -20px; position: absolute; top: 50%; width: 30px;} .camera_nextThumbs { bottom: 4px; cursor: pointer; position: absolute; right: 0; top: 4px; visibility: hidden; width: 30px; z-index: 10; background: #d8d8d8; background: rgba(216, 216, 216, 0.85);} .camera_nextThumbs div { background: url(/Assets/images/camera_skins.png) no-repeat -190px 0; background-position: -190px -1000px; display: block; height: 40px; margin-top: -20px; position: absolute; top: 50%; width: 30px;} /* commands play - pause */ .camera_commands { right: 41px; cursor: pointer; height: 40px; margin-top: -20px; position: absolute; top: 50%; width: 40px; z-index: 2; background: #d8d8d8; background: rgba(216, 216, 216, 0.85);} .camera_commands > .camera_play { background: url(/Assets/images/camera_skins.png) no-repeat -80px 0; height: 40px; width: 40px; background-position: -80px -1000px;} .camera_commands > .camera_stop { background: url(/Assets/images/camera_skins.png) no-repeat -120px 0; display: block; height: 40px; width: 40px; background-position: -120px -1000px;} /* previous - next */ .camera_prev { left: 20px; cursor: pointer; height: 70px; width: 70px; position: absolute; top: 40%; text-align: center; padding-top: 10px; padding-right: 4px; z-index: 2; background: rgba(0,0,0,0.5); -webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px; } .camera_prev span:before { content: "\e904"; color: #fff; font-size: 48px; font-family: 'icomoon', Arial, Helvetica, sans-serif; display: inline-block; } .camera_next { right: 20px; cursor: pointer; height: 70px; width: 70px; position: absolute; top: 40%; text-align: center; padding-top: 10px; padding-left: 4px; z-index: 2; background: rgba(0,0,0,0.5); -webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px;} .camera_next span:before { content: "\e907"; color: #fff; font-size: 48px; font-family: 'icomoon', Arial, Helvetica, sans-serif; display: inline-block; } .camera_prev:hover, .camera_next:hover { background: rgba(0,0,0,0.8);} /* hide arrows if only one slide*/ .camera_src.paused.hovered+.camera_prev, .camera_src.paused.hovered+.camera_pnext { display: none!important; opacity: 0!important;} /* dots pagination */ .camera_wrap .camera_pag { position: absolute; bottom: 0; width: 100%; max-width: 1200px; margin: 0 auto; left: 0; right: 0; padding: 0 10px;} .camera_wrap .camera_pag .camera_pag_ul { list-style: none; margin: 0; padding: 0; text-align: left;} .camera_wrap .camera_pag .camera_pag_ul li { background: #fff; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; cursor: pointer; display: inline-block; height: 10px; margin: 20px 5px; position: relative; text-align: left; text-indent: 9999px; width: 10px;} .camera_wrap .camera_pag .camera_pag_ul li.cameracurrent { background-color: rgba(255, 255, 255, 0.3);} .camera_wrap .camera_pag .camera_pag_ul li:hover > span { background: #b7b7b7; } .camera_wrap .camera_pag .camera_pag_ul li > span { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; height: 4px; left: 3px; overflow: hidden; position: absolute; top: 3px; width: 4px;} .camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span { display: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; background: #434648;} .camera_wrap .camera_pag .camera_pag_ul li img { display: none; position: absolute; border: 4px solid #e6e6e6; -moz-box-shadow: 0 3px 6px rgba(0,0,0,.5); -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5); box-shadow: 0 3px 6px rgba(0,0,0,.5);} .camera_wrap .camera_pag .camera_pag_ul .thumb_arrow { border-top-color: #e6e6e6; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid; top: 0; left: 50%; margin-left: -4px; position: absolute;} .camera_commands_emboss .camera_pag .camera_pag_ul li { -moz-box-shadow: 0 1px 0 rgba(255,255,255,1), inset 0 1px 1px rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,1), inset 0 1px 1px rgba(0,0,0,0.2); box-shadow: 0 1px 0 rgba(255,255,255,1), inset 0 1px 1px rgba(0,0,0,0.2);} .camera_commands_emboss .camera_pag .camera_pag_ul li:hover > span { -moz-box-shadow: 0 1px 0 rgba(255,255,255,1), inset 0 1px 1px rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,1), inset 0 1px 1px rgba(0,0,0,0.2); box-shadow: 0 1px 0 rgba(255,255,255,1), inset 0 1px 1px rgba(0,0,0,0.2);} /* caption */ .camera_wrap .camera_caption { height:auto; top:50%; transform:translateY(-50%); display:block; position:absolute; width:100%; color: #fff;} /* slide with only text */ .camera_wrap .camera_caption .wrapp.text { float: right; position: relative; left: -50%;} .camera_wrap .camera_caption .wrapp.text h2 { text-align: left; display: block; color:#a59889; padding: 8px; font-size: 18px; position: relative; left: 50%; text-transform: uppercase; max-width:750px; margin:25px auto 0;} .camera_wrap .camera_caption .wrapp.text p { text-align: center; max-width: 750px; display: block; color:#fff; font-size: 16px; line-height: 22px; margin:30px auto 0; padding: 8px; position: relative; left: 50%;} .camera_wrap .camera_caption .wrapp.text a { font-size: 16px; left: 50%; font-weight: 700; line-height: 44px; width:230px; text-transform: uppercase; text-align:center; background:#f6b60b; display:block; text-shadow:none; margin:50px auto 0; outline:none!important; box-shadow:none; border:0; color:#000; position:relative; z-index:2; padding:0; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; transition: all 0.3s ease;} .camera_wrap .camera_caption .wrapp.text a:hover { background:#E6A70B;} /* slide with text + image */ .camera_wrap .camera_caption .wrapp.text-image { position: relative; max-width: 1200px; margin: 0 auto;} .camera_wrap .camera_caption .wrapp.text-image .inner { max-width: 500px; float: left; display: inline-block; width: 48%; } .camera_wrap .camera_caption .wrapp.text-image .inner h2 { color: #a59889; text-align: left; max-width: 500px; font-weight: 700; display: block; font-size: 18px; line-height: 28px; position: relative; text-transform: uppercase; margin:25px 0 10px;} .camera_wrap .camera_caption .wrapp.text-image .inner h2 span { color: #a59889;} .camera_wrap .camera_caption .wrapp.text-image .inner p { text-align: left; max-width: 500px; display: block; color:#fff; font-size: 40px; font-weight: 300; line-height: 40px; margin:10px 0 30px; position: relative;} .camera_wrap .camera_caption .wrapp.text-image .inner a { font-size: 16px; line-height: 44px; font-weight: 700; width:230px; text-transform: uppercase; text-align:center; background:#f6b60b; display:block; text-shadow:none; margin:50px 0; outline:none!important; box-shadow:none; border:0; color:#000; position:relative; z-index:2; padding:0; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; transition: all 0.3s ease;} .camera_wrap .camera_caption .wrapp.text-image .inner a:hover { background:#E6A70B;} .camera_wrap .camera_caption .wrapp.text-image .imgBox { float: right; width: 48%; max-width: 500px; text-align: right; display: inline-block;} .camera_wrap .camera_caption .wrapp.text-image .imgBox img { max-width: 500px!important; max-height: 300px; width: 100%; height: auto;} /************* NAVIGATION **************/ .navigation { position: absolute; right: 15px; top: 0;} /************** search ************/ .searchIcon { position: absolute; right: 0; top: 35px; } .searchIcon .active-icon { color: #fff; font-size: 20px; } .searchIcon .active-icon:hover { text-decoration: none; color: #005a2d;} .searchIcon .switch { background: #ffffff; width: 250px; margin: 20px 0 0 0; _margin: 0; opacity: 0; visibility: hidden; position: absolute; top: 40px; z-index: 1; right: -15px; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; box-shadow: 0px 2px 6px #aaa; -webkit-box-shadow: 0px 2px 6px #aaa; -moz-box-shadow: 0px 2px 6px #aaa; -o-box-shadow: 0px 2px 6px #aaa; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .searchIcon.expanded .switch { opacity: 1; visibility: visible; margin: 0; z-index: 9999; display: block!important; } .searchIcon .switch { opacity: 0; padding: 5px; } .searchIcon .switch:before { content: ''; position: absolute; right: 18px; top: -6px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #f0f0f0;} .searchIcon .switch .txtField { padding: 8px 35px 8px 8px; height:34px; line-height: 16px; float: left; width: 100%; color: #5f5f5f; font-size: 12px; border: none; } .searchIcon .switch .searchBTN { z-index: 2; top:0; right:0px; padding: 0px; position:absolute; height: 44px; width: 36px; background-color: transparent; border-style: none; cursor: pointer; } .searchIcon .switch:after { content: '\e907'; font-family: icomoon; color: #666; position: absolute; right: 14px; font-size: 22px; top: 10px; z-index: 1; } /* INTRO ARTICLES */ .articlesIntroBox { clear: both; overflow: hidden; } .articlesIntroBox .article.alignLeft { display: flex; flex-direction: row; min-height: 500px; clear: both;} .articlesIntroBox .article.alignLeft .articleImage { flex: 1; order:1; background-position: center center; background-repeat:no-repeat; background-size:cover; } .articlesIntroBox .article.alignLeft .articleText { flex: 1; order:2;} .articlesIntroBox .article.alignLeft .articleText .inner { width: 65%; padding: 100px 15px 100px 70px; float: left;} .articlesIntroBox .article.alignLeft .articleText .inner h2 { font-size: 36px; line-height: 44px; color: #7f7f7f; margin-bottom: 20px; font-weight: 300;} .articlesIntroBox .article.alignLeft .articleText .inner p { font-size: 16px; line-height: 24px; color: #7f7f7f; font-weight: 400; margin-bottom: 20px; } .articlesIntroBox .article.alignLeft .articleText .inner .link { font-size: 14px; line-height: 22px; font-weight: 700;} .articlesIntroBox .article.alignRight { display: flex; flex-direction: row; min-height: 500px; clear: both;} .articlesIntroBox .article.alignRight .articleImage { flex: 1; order: 2;background-position: center center; background-repeat:no-repeat; background-size:cover; } .articlesIntroBox .article.alignRight .articleText { flex: 1; order:1;} .articlesIntroBox .article.alignRight .articleText .inner { width: 65%; padding: 100px 70px 100px 15px; float: right;} .articlesIntroBox .article.alignRight .articleText .inner h2 { font-size: 36px; line-height: 44px; color: #7f7f7f; margin-bottom: 20px; font-weight: 300;} .articlesIntroBox .article.alignRight .articleText .inner p { font-size: 16px; line-height: 24px; color: #7f7f7f; font-weight: 400; margin-bottom: 20px; } .articlesIntroBox .article.alignRight .articleText .inner .link { font-size: 14px; line-height: 22px; font-weight: 700;} /* INTRO NEWS */ .newsIntroBox { clear: both; margin-top: -27px;} .newsTitle { margin-left: 95px; position: relative; padding: 5px 0; margin-bottom: 90px; border-bottom: solid 1px #b2b2b2; font-weight: 700; text-transform: uppercase; font-size: 16px; color: #7f7f7f;} .newsTitle .icon { position: absolute; padding-top: 8px; padding-left: 7px; left: -94px; top: -15px; width: 80px; height: 80px; border-radius: 100%; background-color: #00460b; text-align: center;} .newsTitle .icon:before { content: '\e900'; font-weight: 300; font-family: icomoon; color: #fff; font-size: 54px; } .newsIntroBox { clear: both; display: block; float: right; width: 100%; } .newsIntroBox .owl-carousel { overflow: hidden; } .newsIntroBox .owl-carousel .item { display: block; } .newsIntroBox .owl-carousel .item h3 a { font-weight: 300; font-size: 22px; line-height: 28px; color: #005a2d; margin-bottom: 5px;} .newsIntroBox .owl-carousel .item h3 a:hover { text-decoration: none; color: #000; } .newsIntroBox .owl-carousel .item h3 span { font-size: 12px; font-weight: 700; color: #353535; text-transform: uppercase; margin-bottom: 50px; display: block; } .newsIntroBox .owl-carousel .item p { font-size: 14px; font-weight: 400; line-height: 30px; color: #7f7f7f; margin-bottom: 30px;} .newsIntroBox .owl-carousel .owl-stage-outer { margin-bottom: 25px;} .newsIntroBox .owl-nav { background-color: #005a2d; color: #fff; font-size: 20px; height: 50px; width: 100%; text-align: center;} .newsIntroBox .owl-nav .owl-prev { font-size: 20px; opacity: 1; line-height: 38px; color: #fff!important; opacity: 1!important; border: none; background-color: transparent; height: 50px;} .newsIntroBox .owl-nav .owl-prev:hover { cursor: pointer; color: #ddd!important;} .newsIntroBox .owl-nav .owl-prev.disabled:hover { cursor: default;} .newsIntroBox .owl-nav .owl-prev span:after { content: '/'; margin-left: 20px; margin-right: 8px; color: #fff!important; opacity: 1!important;} .newsIntroBox .owl-nav .owl-prev span:before { font-size: 14px; font-weight: 300; margin-right: 10px; color: #fff!important; opacity: 1!important;} .newsIntroBox .owl-nav .owl-next { font-size: 20px; opacity: 1; line-height: 38px; color: #fff!important; opacity: 1!important; border: none; background-color: transparent; height: 50px;} .newsIntroBox .owl-nav .owl-next:hover { cursor: pointer; color: #ddd!important;} .newsIntroBox .owl-nav .owl-next.disabled:hover { cursor: default;} .newsIntroBox .owl-nav .owl-next span:after { font-size: 14px; font-weight: 300; margin-left: 10px; color: #fff!important; opacity: 1!important;} .newsIntroBox .owl-nav .disabled:hover { color: #fff!important; opacity: 1!important;} a.readMore { font-size: 14px; line-height: 22px; font-weight: 700;} /* FOOTER */ footer { clear: both; overflow: hidden; display: block; background-color: #ededed; height: 100px;} footer .container { position: relative;} footer p { display: block; position: absolute; left: 0; top: 46px;} footer ul { display: block; text-align: right; position: absolute; right: 120px; top: 45px;} footer ul li { display: inline-block; padding: 0 10px 0 0; font-weight: 400;} footer ul li:after { content: '|'; margin-left: 10px;} footer ul li:last-child:after { content: none;} footer ul li a { font-size: 14px; color: #7f7f7f!important;} footer ul li a:hover { color: #005a2d!important; text-decoration: none;} footer a.footerLogo { position: absolute; right: 0; top: 32px;} footer a.footerLogo img { width: 100px;} /* page header */ .pg-header { background: #f2f4f7; border-bottom: 1px solid #e1e3e6; overflow: hidden; clear: both;} .pg-header .container { padding: 30px 10px; overflow: hidden;} .pg-header h1 { display: block; font-size: 24px; line-height: 28px; color: #005a2d;} .pg-header h1 em { font-style: normal; font-weight: 300;} /* breadcrumbs */ .breadcrumbs { display: block; margin-top: 6px; } .breadcrumbs li { display: inline-block; margin-right: 10px; font-size: 14px; line-height: 16px;} .breadcrumbs li:before { content: "\e907"; font-family: 'icomoon'; display: inline-block; padding-right: 5px; } .breadcrumbs li a { color: #333;} .breadcrumbs li a:hover { color: #005a2d; text-decoration: none;} .box { overflow: hidden; padding: 40px 0;} /************ post Box *************/ .postBox { border-bottom: solid 1px #eeeeee; margin-bottom:40px; display:block; overflow:hidden; clear:both; padding-bottom:35px;} .postBox .imageBox { width: 25%; margin-right: 5%; float: left;} .postBox .imageBox img { width:100%;} .postBox .shortDesc { overflow: hidden;} .postBox .shortDesc h2 { margin-bottom: 20px;} .postBox .shortDesc h2 a { font-weight: 300; font-size: 24px; line-height: 30px; color: #005a2d; margin-bottom: 5px;} .postBox .shortDesc h2 a:hover { color:#000; text-decoration: none;} .postBox .shortDesc h2 span { font-size: 12px; font-weight: 700; color: #353535; text-transform: uppercase; padding-top: 8px;display: block;} .postBox .shortDesc p { font-size: 14px; font-weight: 400; line-height: 30px; color: #7f7f7f; margin-bottom: 20px;} /* pagination */ .pagination { height: 46px; margin: 30px 0; text-align: center; clear:both; overflow:hidden; display:block;} .pagination ul { display: inline-block; margin-left: 0; margin-bottom: 0; margin-top: 2px; } .pagination li { display: inline; } .pagination a, .pagination a:visited { font-size: 16px; background-color: #fff; font-weight: 300; float: left; padding: 3px 15px; line-height: 34px; text-decoration: none; color:#333; transition: all 0.3s ease-in; } .pagination a:hover { color: #005a2d; } .pagination .active a { color: #005a2d; cursor: default; font-weight: 700; } .pagination .disabled span { background-color: #fff; float: left; padding: 3px 15px; line-height: 34px; text-decoration: none; color:#999999; } .pagination li:first-child a { border-left-width: 1px; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } .pagination li:last-child a { -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } .pagination.left { text-align: left; } .pagination.right { text-align: right; } /* content */ .content { background-color: #fff; padding: 0; overflow: hidden; display: block; margin-bottom: 10px;} .content p { line-height: 22px; margin: 10px 0; font-size: 14px;} .content h1 { font-size:28px; margin:25px 0px; font-weight:700; letter-spacing: -1px;} .content h2 { font-size:24px; margin:25px 0px; font-weight:700; letter-spacing: -1px;} .content h3 { font-size:22px; margin:25px 0px; font-weight:700; letter-spacing: -1px;} .content h4 { font-size:20px; margin:25px 0px; font-weight:700; letter-spacing: -1px;} .content h5 { font-size:18px; margin:25px 0px; font-weight:700; letter-spacing: -1px;} .content h6 { font-size:16px; margin:25px 0px; font-weight:700; letter-spacing: -1px;} .content ul li { font-size: 14px; padding: 8px 0; list-style-type: none; margin: 0; padding-left: 20px; position: relative; } .content ul li:before { content: '\e907'; font-family: icomoon; position: absolute; left: 6px; } .content ol { margin: 0 0 20px 25px; padding: 0; list-style-position: outside; list-style-type: decimal; } .content ol li { margin: 0; padding: 5px 8px; font-size: 14px; } .content blockquote { overflow:hidden; font-size:14px; line-height:20px; font-style:italic; margin:30px 0; padding:15px 20px; background-color: #F0F0F0;} .content blockquote span { font-size:11px; display:block; } .content .imageBox { margin-bottom:20px; float: left; margin-right: 30px; margin-top: 10px;} .content .imageBox img { width: 100%; max-width: 400px;} /* Documents */ .documentBox { border: solid 2px #F0F0F0; padding: 40px 50px 30px 50px; overflow: hidden; display: block; margin-bottom: 10px; margin-top: 50px;} .documentBox h3 { font-size: 20px; line-height: 30px; font-weight: 700; margin-bottom: 15px; text-transform: uppercase;} .documentBox ul { margin-top: 0; margin-right: 0; margin-bottom: 20px; margin-left: 0; padding: 0px; } .documentBox li { padding-left: 20px; position: relative; margin-bottom: 15px;} .documentBox li:before { content: '\e907'; font-family: icomoon; position: absolute; left: 6px; } .documentBox li a { font-size: 14px; color: #000; font-weight: 400; transition: all 300ms ease-in-out 0s;} .documentBox li a:hover { color: #005a2d; } .documentBox li span { font-size: 12px; color: #A8A8A8; margin-left: 5px;} /* Gallery */ .gallery { border: solid 2px #F0F0F0; padding: 40px 50px 30px 50px; overflow: hidden; display: block; margin-bottom: 30px; margin-top: 50px;} .gallery h3 { font-size: 20px; line-height: 30px; font-weight: 700; margin-bottom: 15px; text-transform: uppercase;} .gallery ul { display:block; clear:both; overflow:hidden; margin:0px; padding:0px; } .gallery li { padding:0px; float:left; overflow:hidden; width: 23%; margin-bottom: 20px; height: 140px; margin-right: 2%; } .gallery li a img { height: auto; max-width: 245px; } .date { font-size: 12px; font-weight: 700; color: #353535; text-transform: uppercase; margin-top: 8px; margin-bottom: 15px; display: block;} .map-responsive { overflow:hidden; position:relative; height:450px; } .map-responsive iframe { left:0; top:0; height:450px; width:100%; position:absolute; } .contactInfo { padding: 20px 0 60px; display: flex; flex-direction: row;} .contactInfo .infoContactBox { width: 33.33%; text-align: center; padding: 0 10px;} .contactInfo .infoContactBox .icon { text-align: center; padding-bottom: 20px; display: block;} .contactInfo .infoContactBox .icon i { font-family: icomoon; color: #005a2d; font-size: 35px; text-align: center;} .contactInfo .infoContactBox h4 { color: #005a2d; margin-bottom: 15px; font-size: 20px; font-weight: 400;} .contactInfo .infoContactBox p { color: #7f7f7f; font-size: 14px; line-height: 20px;} /************** questionForm ************/ .formCol { width:100%; margin:0 auto; padding: 40px 0; max-width: 1000px; margin: 0 auto;} .formCol h3 { font-size: 34px; line-height: 42px; color: #7f7f7f; margin-bottom: 10px; font-weight: 300;} .formCol h4 { font-size: 16px; line-height: 24px; color: #7f7f7f; font-weight: 400; margin-bottom: 30px;} .formCol .clearfix p { width: 50%; padding: 0 10px 0 0; clear: none; float: left; } .formCol p { margin: 0 0 8px; padding: 0 10px 0 0; clear: both; overflow: hidden; line-height:20px; } .formCol p .inputForm { font-family: 'Avenir', Helvetica, Arial, sans-serif; font-size: 16px; border-radius: 4px; width: 100%; padding: 10px; line-height:22px; height: 44px; color: #333; border: 1px solid #e5e5e5; } .formCol p .textarea { float: left; font-family: 'Avenir', Helvetica, Arial, sans-serif; font-size: 16px; border-radius: 4px; max-height:80px; min-height:140px; max-width:100%; min-width:100%; color: #333; padding: 5px 5px 5px 10px; border: 1px solid #e5e5e5; } .formCol p .inputForm.error, .formCol p .textarea.error { background: #F7DFDF; border: 1px solid #f7dfdf; } .formCol .btn { background-color: #005a2d; cursor: pointer; color: #fff; max-width: 275px; width: 100%; font-size: 16px; font-weight: 700; line-height: 50px; text-transform: uppercase; text-align: center; display: block; text-shadow: none; margin: 0; outline: none!important; box-shadow: none; border: 0; position: relative; z-index: 2; padding: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: a-ms-transition: all 0.3stransition: all 0.3s ease;} .formCol .btn:hover { background-color: #009039; } .formCol ::-webkit-input-placeholder { color: #a5a5a5; } .formCol :-moz-placeholder { color: #a5a5a5; } .formCol ::-moz-placeholder { color: #a5a5a5; } .formCol :-ms-input-placeholder { color: #a5a5a5; } .formCol .error::-webkit-input-placeholder { color: #a70000; } .formCol .error:-moz-placeholder { color: #a70000; } .formCol .error::-moz-placeholder { color: #a70000; } .formCol .error:-ms-input-placeholder { color: #a70000; } /* * Stellarnav.js 2.5.0 * Responsive, lightweight, multi-level dropdown menu. * Copyright (c) 2018 Vinny Moreira - http://vinnymoreira.com * Released under the MIT license */ /* all nav */ .stellarnav { position: relative; width: 100%; z-index: 9900; line-height: normal; right: 0; } .stellarnav a { color: #777; } .stellarnav ul { margin: 0; padding: 0; text-align: center; padding-right: 25px; } .stellarnav li { list-style: none; display: block; margin: 0; padding: 0; position: relative; line-height: normal; vertical-align: middle; } .stellarnav li a { padding: 35px 10px 35px; font-size: 20px; letter-spacing: -1px; font-weight: 400; display: block; text-decoration: none; color: #fff; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; transition: all .3s ease-out; } .stellarnav li a:before { content: ''; display: block; top: 0; position: absolute; width: 0; height: 3px; left: 50%; bottom: 0; background-color: #fff; -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0); transform: translate(-50%,0); } .stellarnav li:hover a:before { content: ''; width: 65%; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .stellarnav li.selected a:before { content: ''; width: 65%; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } /* main level */ .stellarnav > ul > li { display: inline-block; } .stellarnav > ul > li > a { } /* first level dd */ .stellarnav ul ul { top: auto; width: 200px; padding-right: 0; position: absolute; z-index: 9900; text-align: left; display: none; background: #fff; box-shadow: 1px 3px 4px rgba(0, 0, 0, 0.4); } .stellarnav li li { display: block; } .stellarnav li li a { text-transform: none; font-weight: 400; padding: 8px 10px; color: #444; font-size: 13px; } .stellarnav li li a:hover { background: #e0e0e0;} .stellarnav li li a:before { display: none;} /* second level dd */ .stellarnav ul ul ul { top: 0; /* dd animtion - change to auto to remove */ left: 200px; } .stellarnav > ul > li:hover > ul > li:hover > ul { opacity: 1; visibility: visible; top: 0; } /* .drop-left */ .stellarnav > ul > li.drop-left > ul { right: 0; } .stellarnav li.drop-left ul ul { left: auto; right: 220px; } /* light theme */ .stellarnav.light { background: rgba(255, 255, 255, 1); } .stellarnav.light a { color: #000; } .stellarnav.light ul ul { background: rgba(255, 255, 255, 1); } .stellarnav.light li a { color: #000; } /* dark theme */ .stellarnav.dark { background: rgba(0, 0, 0, 1); } .stellarnav.dark a { color: #FFF; } .stellarnav.dark ul ul { background: rgba(0, 0, 0, 1); } .stellarnav.dark li a { color: #FFF; } /* sticky nav */ .stellarnav.fixed { position: fixed; width: 100%; top: 0; left: 0; z-index: 9999; } /* only used when 'scrollbarFix' is set to true in the js. This fixes horizontal scrollbar caused by the dd menus that are very long.*/ body.stellarnav-noscroll-x { overflow-x: hidden; } /* general styling */ /*.stellarnav li.has-sub > a:after { content: '\e905'; font-family: icomoon; margin-left: 10px; display: block; float: right; }*/ .stellarnav li li.has-sub > a:after { content: '\e907'; font-family: icomoon; display: inline-block; margin-right: 10px; float: right; position: relative; top: 4px; } .stellarnav li.drop-left li.has-sub > a:after { float: left; margin-right: 10px; border-left: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 6px solid #FFF; } .stellarnav.hide-arrows li.has-sub > a:after, .stellarnav.hide-arrows li li.has-sub > a:after, .stellarnav.hide-arrows li.drop-left li.has-sub > a:after { display: none; } .stellarnav .menu-toggle, .stellarnav .close-menu, .stellarnav .call-btn-mobile, .stellarnav .location-btn-mobile { display: none; text-transform: uppercase; text-decoration: none; } .stellarnav .dd-toggle { display: none; position: absolute; top: 0; right: 0; padding: 0; width: 48px; height: 41px; text-align: center; z-index: 9999; border: 0; } .stellarnav .dd-toggle:hover { background-color: transparent;} .stellarnav.desktop li.has-sub a { padding-right: 5px; } .stellarnav.desktop.hide-arrows li.has-sub a { padding-right: 15px; } .stellarnav.mobile > ul > li > a.dd-toggle { padding: 0; } .stellarnav li.call-btn-mobile, .stellarnav li.location-btn-mobile { display: none; } /* svg icons */ .stellarnav svg { fill: currentColor; width: 1em; height: 1em; position: relative; top: 2px; } /* svg icons */ .stellarnav a.dd-toggle .icon-plus { box-sizing: border-box; transition: transform 0.3s; width: 12px; height: 100%; position: relative; vertical-align: middle; display: inline-block; } .stellarnav a.dd-toggle .icon-plus:before { content: ''; display: block; width: 12px; height: 0; border-bottom: solid 3px #777; position: absolute; top: 50%; transform: rotate(90deg); transition: width 0.3s; } .stellarnav a.dd-toggle .icon-plus:after { content: ''; display: block; width: 12px; height: 0; top: 50%; border-bottom: solid 3px #777; position: absolute; } .stellarnav li.open > a.dd-toggle .icon-plus { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); } .stellarnav.light a.dd-toggle .icon-plus:before { border-color: #000; } .stellarnav.light a.dd-toggle .icon-plus:after { border-color: #000; } .stellarnav.dark a.dd-toggle .icon-plus:before { border-color: #FFF; } .stellarnav.dark a.dd-toggle .icon-plus:after { border-color: #FFF; } .stellarnav .icon-close { box-sizing: border-box; width: 20px; height: 20px; position: relative; display: inline-block; } .stellarnav .icon-close:before { content: ''; display: block; width: 20px; height: 0; border-bottom: solid 3px #777; position: absolute; top: 50%; transform: rotate(45deg); } .stellarnav .icon-close:after { content: ''; display: block; width: 20px; height: 0; top: 50%; border-bottom: solid 3px #777; position: absolute; transform: rotate(-45deg); } .stellarnav.light .icon-close:before { border-color: #000; } .stellarnav.light .icon-close:after { border-color: #000; } .stellarnav.dark .icon-close:before { border-color: #FFF; } .stellarnav.dark .icon-close:after { border-color: #FFF; } /* mobile nav */ .stellarnav .menu-toggle, .stellarnav .call-btn-mobile, .stellarnav .location-btn-mobile, .stellarnav .close-menu { padding: 8px 15px 13px; box-sizing: border-box; } .stellarnav .menu-toggle span.bars { display: inline-block; position: relative; top: 8px; } .stellarnav .menu-toggle span.bars span { display: block; width: 28px; height: 4px; border-radius: 6px; background: #fff; margin: 0 0 4px; } .stellarnav .full { width: 100%; } .stellarnav .half { width: 50%; } .stellarnav .third { width: 33%; text-align: center; } .stellarnav .location-btn-mobile.third { text-align: center; } .stellarnav .location-btn-mobile.half { text-align: right; } .stellarnav.light .third, .stellarnav.light .half { border-left: 1px solid rgba(0, 0, 0, .15); } .stellarnav.light.left .third, .stellarnav.light.left .half { border-bottom: 1px solid rgba(0, 0, 0, .15); } .stellarnav.light.right .third, .stellarnav.light.right .half { border-bottom: 1px solid rgba(0, 0, 0, .15); } .stellarnav.light .third:first-child, .stellarnav.light .half:first-child { border-left: 0; } .stellarnav.dark .third, .stellarnav.dark .half { border-left: 1px solid rgba(255, 255, 255, .15); } .stellarnav.dark.left .third, .stellarnav.dark.left .half { border-bottom: 1px solid rgba(255, 255, 255, .15); } .stellarnav.dark.right .third, .stellarnav.dark.right .half { border-bottom: 1px solid rgba(255, 255, 255, .15); } .stellarnav.light.left .menu-toggle, .stellarnav.light.right .menu-toggle { border-bottom: 0; } .stellarnav.dark.left .menu-toggle, .stellarnav.dark.right .menu-toggle { border-bottom: 0; } .stellarnav.dark .third:first-child, .stellarnav.dark .half:first-child { border-left: 0; } .stellarnav.light .menu-toggle span.bars span { background: #000; } .stellarnav.dark .menu-toggle span.bars span { background: #FFF; } .stellarnav.mobile { position: static; } .stellarnav.mobile.fixed { position: static; } .stellarnav.mobile ul { position: relative; display: none; } .stellarnav.mobile.active { padding-bottom: 0; } .stellarnav.mobile.active > ul { display: block; } .stellarnav.mobile ul { text-align: left; } .stellarnav.mobile > ul > li { display: block; } .stellarnav.mobile > ul > li > a { padding: 8px 10px; color: #fff; font-weight: 400; letter-spacing: normal; } .stellarnav.mobile > ul > li > a:before { display: none; } .stellarnav.mobile ul { background-color: rgba(34, 34, 34, 1); } .stellarnav.mobile ul ul { position: relative; background-color: #494949; padding-right: 0; opacity: 1; visibility: visible; width: auto; display: none; box-shadow:none; -moz-transition: none; -webkit-transition: none; -o-transition: none; transition: none; } .stellarnav.mobile ul ul li a.dd-toggle { padding: 0!important; height: 30px; } .stellarnav.mobile ul ul a { color: #fff; padding: 6px 10px 6px 20px; font-size: 15px;} .stellarnav.mobile ul ul a:hover { background-color: transparent;} .stellarnav.mobile ul ul ul { left: auto; top: auto; background-color: #5b5b5b; } .stellarnav.mobile ul ul ul a { padding: 6px 10px 6px 30px; font-size: 14px;} .stellarnav.mobile li.drop-left ul ul { right: auto; } .stellarnav.mobile > ul { border-top: 1px solid rgba(255, 255, 255, .15); } .stellarnav.mobile.light li a { border-bottom: 1px solid rgba(0, 0, 0, .15); } .stellarnav.mobile.light > ul { border-top: 1px solid rgba(0, 0, 0, .15); } .stellarnav.mobile li a.dd-toggle { border: 0; } .stellarnav.mobile.light li a.dd-toggle { border: 0; } .stellarnav.mobile .menu-toggle, .stellarnav.mobile .dd-toggle, .stellarnav.mobile .close-menu, .stellarnav.mobile .call-btn-mobile, .stellarnav.mobile .location-btn-mobile { display: inline-block; } .stellarnav.mobile li.call-btn-mobile { border-right: 1px solid rgba(255, 255, 255, .1); box-sizing: border-box; } .stellarnav.mobile li.call-btn-mobile, .stellarnav.mobile li.location-btn-mobile { display: inline-block; width: 50%; text-transform: uppercase; text-align: center; } .stellarnav.mobile li.call-btn-mobile.full, .stellarnav.mobile li.location-btn-mobile.full { display: block; width: 100%; text-transform: uppercase; border-right: 0; text-align: left; } .stellarnav.mobile.light ul { background: rgba(255, 255, 255, 1); } .stellarnav.mobile.dark ul { background: rgba(0, 0, 0, 1); } .stellarnav.mobile.dark ul ul { background: rgba(255, 255, 255, .08); } .stellarnav.mobile.light li.call-btn-mobile { border-right: 1px solid rgba(0, 0, 0, .1); } .stellarnav.mobile.top { position: absolute; width: 100%; top: 0; left: 0; z-index: 9999; } .stellarnav.mobile li.has-sub > a:after, .stellarnav.mobile li li.has-sub > a:after, .stellarnav.mobile li.drop-left li.has-sub > a:after { display: none; } /* left and right positions */ .stellarnav.mobile.right > ul, .stellarnav.mobile.left > ul { position: fixed; top: 0; bottom: 0; width: 100%; max-width: 280px; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; } .stellarnav.mobile.right > ul { right: 0; padding-right: 0; } .stellarnav.mobile.right .close-menu, .stellarnav.mobile.left .close-menu { display: inline-block; text-align: left; padding: 14px 10px 11px 16px; border-bottom: solid 1px #444; margin-bottom: 60px; } .stellarnav.mobile.left > ul { left: 0; } .stellarnav.mobile.right .location-btn-mobile.half, .stellarnav.mobile.right .call-btn-mobile.half, .stellarnav.mobile.right .close-menu.half { text-align: center; } .stellarnav.mobile.right .location-btn-mobile.third, .stellarnav.mobile.right .call-btn-mobile.third, .stellarnav.mobile.right .close-menu.third { text-align: center; } .stellarnav.mobile.left .location-btn-mobile.half, .stellarnav.mobile.left .call-btn-mobile.half, .stellarnav.mobile.left .close-menu.half { text-align: center; } .stellarnav.mobile.left .location-btn-mobile.third, .stellarnav.mobile.left .call-btn-mobile.third, .stellarnav.mobile.left .close-menu.third { text-align: center; } .stellarnav.mobile.left .menu-toggle.half, .stellarnav.mobile.left .menu-toggle.third, .stellarnav.mobile.right .menu-toggle.half, .stellarnav.mobile.right .menu-toggle.third { text-align: left; } .stellarnav.mobile.left .close-menu.third span, .stellarnav.mobile.right .close-menu.third span { display: none; } /* left and right positions */ /* mega dd */ .stellarnav.desktop li.mega ul ul { background: none; } .stellarnav.desktop li.mega li { display: inline-block; vertical-align: top; margin-left: -4px; } .stellarnav.desktop li.mega li li { display: block; position: relative; left: 4px; } .stellarnav.desktop li.mega ul ul { width: auto; } .stellarnav.desktop > ul > li.mega { position: inherit; } .stellarnav.desktop > ul > li.mega > ul { width: 100%; } .stellarnav.desktop > ul > li.mega > ul li.has-sub ul { display: block; position: relative; left: auto; } .stellarnav.desktop > ul > li.mega > ul > li { padding-bottom: 15px; box-sizing: border-box; } .stellarnav.desktop li.mega li li a { padding: 5px 15px; } .stellarnav.desktop li.mega li.has-sub a:after { display: none; } .stellarnav.desktop > ul > li.mega > ul > li > a { color: yellow; } /* mega dd */ /* Fallback for slow javascript load */ @media only screen and (max-width : 800px) { .stellarnav { overflow: hidden; display: block; } .stellarnav ul { position: relative; display: none; } .stellarnav.mobile.active .searchIcon { margin: 0;} .stellarnav.mobile .searchIcon .switch { display: none!important; } .stellarnav.mobile.active .searchIcon .switch { display: block!important; transition: none!important; position: fixed; top: 60px; margin: 0; } .headerWrapper.fixed .stellarnav.mobile.active .searchIcon { top: 0;} .headerWrapper.fixed .stellarnav.mobile.active .searchIcon .switch { right: 15px; margin: 0; left: auto; position: fixed; top: 60px;} .headerWrapper.navShadow .innerBox .searchIcon { top: 0; } .headerWrapper.navShadow .stellarnav.mobile.active .searchIcon .switch { right: 15px; margin: 0; left: auto; position: fixed; top: 60px; } .headerWrapper .stellarnav.mobile.active .searchIcon .switch { right: 15px; margin: 0; left: auto; position: fixed; top: 60px; } } /* mobile nav */ @media only screen and (max-width : 420px) { .stellarnav.mobile .call-btn-mobile.third span, .stellarnav.mobile .location-btn-mobile.third span { display: none; } } @charset "UTF-8"; .animated {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both} .animated.infinite {-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite} @-webkit-keyframes fadeIn { 0% {opacity: 0} to {opacity: 1} } @keyframes fadeIn { 0% {opacity: 0} to {opacity: 1} } .fadeIn {-webkit-animation-name: fadeIn;animation-name: fadeIn} @-webkit-keyframes fadeInDown { 0% {opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0)} to {opacity: 1;-webkit-transform: none;transform: none} } @keyframes fadeInDown { 0% {opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0)} to {opacity: 1;-webkit-transform: none;transform: none} } .fadeInDown {-webkit-animation-name: fadeInDown;animation-name: fadeInDown} @-webkit-keyframes fadeInDownBig { 0% {opacity: 0;-webkit-transform: translate3d(0, -2000px, 0);transform: translate3d(0, -2000px, 0)} to {opacity: 1;-webkit-transform: none;transform: none} } @keyframes fadeInDownBig { 0% {opacity: 0;-webkit-transform: translate3d(0, -2000px, 0);transform: translate3d(0, -2000px, 0)} to {opacity: 1;-webkit-transform: none;transform: none} } .fadeInDownBig {-webkit-animation-name: fadeInDownBig;animation-name: fadeInDownBig} @-webkit-keyframes fadeInLeft { 0% {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0)} to {opacity: 1;-webkit-transform: none;transform: none} } @keyframes fadeInLeft { 0% {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0)} to {opacity: 1;-webkit-transform: none;transform: none} } .fadeInLeft {-webkit-animation-name: fadeInLeft;animation-name: fadeInLeft} @-webkit-keyframes fadeInRight { 0% {opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0)} to {opacity: 1;-webkit-transform: none;transform: none} } @keyframes fadeInRight { 0% {opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0)} to {opacity: 1;-webkit-transform: none;transform: none} } .fadeInRight {-webkit-animation-name: fadeInRight;animation-name: fadeInRight} @-webkit-keyframes fadeInUp { 0% {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0)} to {opacity: 1;-webkit-transform: none;transform: none} } @keyframes fadeInUp { 0% {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0)} to {opacity: 1;-webkit-transform: none;transform: none} } .fadeInUp {-webkit-animation-name: fadeInUp;animation-name: fadeInUp} @-webkit-keyframes fadeInUpBig { 0% {opacity: 0;-webkit-transform: translate3d(0, 2000px, 0);transform: translate3d(0, 2000px, 0)} to {opacity: 1;-webkit-transform: none;transform: none} } @keyframes fadeInUpBig { 0% {opacity: 0;-webkit-transform: translate3d(0, 2000px, 0);transform: translate3d(0, 2000px, 0)} to {opacity: 1;-webkit-transform: none;transform: none} } .fadeInUpBig {-webkit-animation-name: fadeInUpBig;animation-name: fadeInUpBig} @-webkit-keyframes fadeOut { 0% {opacity: 1} to {opacity: 0} } @keyframes fadeOut { 0% {opacity: 1} to {opacity: 0} } .fadeOut {-webkit-animation-name: fadeOut;animation-name: fadeOut} /* font awesome animate*/ /* HORIZONTAL */ @-webkit-keyframes horizontal { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 6% { -webkit-transform: translate(5px, 0); transform: translate(5px, 0); } 12% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 18% { -webkit-transform: translate(5px, 0); transform: translate(5px, 0); } 24% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 30% { -webkit-transform: translate(5px, 0); transform: translate(5px, 0); } 36% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes horizontal { 0% { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } 6% { -webkit-transform: translate(5px, 0); -ms-transform: translate(5px, 0); transform: translate(5px, 0); } 12% { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } 18% { -webkit-transform: translate(5px, 0); -ms-transform: translate(5px, 0); transform: translate(5px, 0); } 24% { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } 30% { -webkit-transform: translate(5px, 0); -ms-transform: translate(5px, 0); transform: translate(5px, 0); } 36% { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } } .faa-horizontal.animated, .faa-horizontal.animated-hover:hover, .faa-parent.animated-hover:hover > .faa-horizontal { -webkit-animation: horizontal 2s ease infinite; animation: horizontal 2s ease infinite; } /************** RESPONSIVE *************/ @media only screen and (max-width: 1900px) { .articlesIntroBox .article.alignLeft .articleText .inner { width: 70%;} .articlesIntroBox .article.alignRight .articleText .inner { width: 70%;} } @media only screen and (max-width: 1600px) { .articlesIntroBox .article.alignLeft .articleText .inner { width: 80%;} .articlesIntroBox .article.alignRight .articleText .inner { width: 80%;} } @media only screen and (max-width: 1400px) { .camera_wrap .camera_caption .wrapp.text p { margin: 10px auto 0;} .camera_wrap .camera_caption .wrapp.text a { margin: 20px auto 50px;} .articlesIntroBox .article.alignLeft .articleText .inner { width: 90%;} .articlesIntroBox .article.alignRight .articleText .inner { width: 90%;} } @media only screen and (max-width: 1280px) { .container { padding: 0 20px; } .camera_wrap .camera_caption { top: 50%; transform: translateY(-50%); padding: 0 30px; bottom: auto;} .articlesIntroBox .article.alignLeft, .articlesIntroBox .article.alignRight { min-height: auto; } .articlesIntroBox .article.alignLeft .articleText .inner { width: 100%; padding: 100px 70px;} .articlesIntroBox .article.alignRight .articleText .inner { width: 100%; padding: 100px 70px;} .searchIcon .switch { right: -10px;} .searchIcon .switch:before { right: 14px;} } @media only screen and (max-width: 1024px) { .articlesIntroBox .article.alignLeft .articleText .inner { padding: 40px; } .articlesIntroBox .article.alignRight .articleText .inner { padding: 40px 40px 60px 40px;} .stellarnav li a { font-size: 18px;} } @media only screen and (max-width: 994px) { header { height: 45px;} .logo { top: 10px;} .logo img { max-width: 140px; } .stellarnav li a { font-size: 16px; padding: 25px 7px 20px;} .searchIcon { top: 25px;} .camera_wrap .camera_caption .wrapp.text-image .inner h2 { margin: 25px 0 0px;} .camera_wrap .camera_caption .wrapp.text-image .inner p { font-size: 32px;} footer a.footerLogo { display: none;} footer ul { left: 0; right: 0; top: 25px; margin: 0 auto; text-align: center; padding: 0 10px;} footer p { left: 0; right: 0; top: 55px; margin: 0 auto; text-align: center; padding: 0 10px; line-height: 20px;} .headerWrapper.fixed header .searchIcon { top: 25px;} .headerWrapper.fixed header { height: 70px;} } @media only screen and (max-width: 800px) { .navigation { top: 8px;} .icon-search:before { display: none;} .searchIcon { position: relative; left: 0; top: 0; width: 90%; margin: 0 auto; } .searchIcon .switch { border-radius: 0; background-color: #444; visibility: visible; opacity: 1; top: 10px; position: relative; display: block; overflow: hidden; box-shadow: none; left: 0; right: 0; margin: 0 auto;} .searchIcon .switch .txtField { background-color: #444; color: #fff;} .searchIcon .switch ::-webkit-input-placeholder { color: #fff; } .searchIcon .switch :-moz-placeholder { color: #fff; } .searchIcon .switch ::-moz-placeholder { color: #fff; } .searchIcon .switch :-ms-input-placeholder { color: #fff; } .closeTriggerNav { display: block;} .camera_prev, .camera_next { opacity: 1!important; width: 40px; height: 40px; padding-top: 0;} .camera_prev span:before, .camera_next span:before { font-size: 35px;} .camera_prev { left: 5px;} .camera_next { right: 5px;} .camera_wrap .camera_caption { padding: 0 50px;} .camera_wrap .camera_caption .wrapp.text-image .inner a { margin: 10px 0; line-height: 38px; width: 160px; font-size: 14px;} .articlesIntroBox .article.alignLeft, .articlesIntroBox .article.alignRight { flex-direction: column;} .articlesIntroBox .article.alignLeft .articleText .inner { padding: 40px; } .articlesIntroBox .article.alignRight .articleText .inner { padding: 40px;} .articlesIntroBox .article.alignLeft .articleImage { min-height: 300px; order: 2;} .articlesIntroBox .article.alignLeft .articleText { order: 1;} .articlesIntroBox .article.alignRight .articleImage { order: 2; min-height: 300px;} .articlesIntroBox .article.alignRight .articleText { order: 1;} .articlesIntroBox .article.alignLeft .articleText .inner h2, .articlesIntroBox .article.alignRight .articleText .inner h2 { font-size: 30px; line-height: 28px;} .articlesIntroBox .article.alignLeft .articleText .inner p, .articlesIntroBox .article.alignRight .articleText .inner p { font-size: 14px;} .newsIntroBox { margin: 0; padding-top: 35px;} .news .owl-nav { display: block !important; } .news .owl-carousel { padding-bottom: 0;} .owl-carousel .owl-stage-outer { margin-bottom: 20px;} .headerWrapper.navShadow .innerBox .stellarnav .menu-toggle span.bars span { background: #333;} .headerWrapper.fixed header .stellarnav .menu-toggle span.bars span { background: #333;} .headerWrapper.fixed header .headerWrapper.fixed header .logo img { max-width: 110px;} .headerWrapper.fixed header { height: 65px;} .headerWrapper.fixed header .logo { top: 7px;} .headerWrapper.fixed.navShadow { height: 65px;} } @media only screen and (max-width: 600px) { .camera_wrap .camera_caption .wrapp.text-image .inner { width: 60%;} .camera_wrap .camera_caption { padding: 0 20px;} .camera_wrap .camera_caption .wrapp.text-image .inner h2 { font-size: 18px; } .camera_wrap .camera_caption .wrapp.text-image .inner p { font-size: 28px; line-height: 30px;} .postBox .imageBox { width: 100%; float: none; margin-bottom: 20px; } .gallery li { width: 48%;} .pg-header { text-align: center; } .contactInfo { display: block;} .contactInfo .infoContactBox { width: 100%; margin-bottom: 30px;} } @media only screen and (max-width: 480px) { *[class*="col_"] { float:none; clear:both; display:block; margin-left:0; margin-right:0; width:100%;} .camera_prev { left: 5px;} .camera_next { right: 5px;} .camera_wrap .camera_caption h3 span { font-size: 20px; font-weight: 400; letter-spacing: -1px;} .camera_wrap .camera_caption .wrapp.text p {display: none;} .news .owl-carousel .item h3 span { margin-bottom: 10px;} footer { height: 120px;} .pagination { border-top: solid 1px #e9e7e7; border-bottom: solid 1px #e9e7e7;} .pagination li { display:none;} .pagination li:first-child, .pagination li:last-child { display:inline!important;} .pagination.left, .pagination.right { text-align: center;} .documentBox { padding: 20px 20px 10px 20px;} .gallery { padding: 20px 20px 10px 20px;} } @media only screen and (max-width: 400px) { .gallery li { width: 100%;} .gallery li a img { width: 100%; max-width: 100%;} } @font-face { font-family: 'icomoon'; src: url(/Assets/fonts/icomoon.eot?halh50); src: url(/Assets/fonts/icomoon.eot?halh50#iefix) format('embedded-opentype'), url(/Assets/fonts/icomoon.ttf?halh50) format('truetype'), url(/Assets/fonts/icomoon.woff?halh50) format('woff'), url(/Assets/fonts/icomoon.svg?halh50#icomoon) format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-arrow-right-after:after { content: "\e903"; } /*--------------------------------*/ .icon-location:before { content: "\e909"; } .icon-map:before { content: "\e909"; } .icon-envelope-o:before { content: "\e90a"; } .icon-arrow-right:before { content: "\e903"; } .icon-arrow-left:before { content: "\e908"; } .icon-close:before { content: "\e902"; } .icon-remove:before { content: "\e902"; } .icon-times:before { content: "\e902"; } .icon-angle-down:before { content: "\e905"; } .icon-angle-up:before { content: "\e906"; } .icon-angle-right:before { content: "\e907"; } .icon-angle-left:before { content: "\e904"; } .icon-phone:before { content: "\e90b"; } .icon-logo-symbol:before { content: "\e900"; color: #fff; } .icon-search:before { content: "\e901"; } /* ------ venobox.css --------*/ .vbox-overlay *, .vbox-overlay *:before, .vbox-overlay *:after{ -webkit-backface-visibility: hidden; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .vbox-overlay * { -webkit-backface-visibility: visible; backface-visibility: visible; } .vbox-overlay{ display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; position: fixed; left: 0; top: 0; bottom: 0; right: 0; z-index: 1040; -webkit-transform:translateZ(1000px); transform: translateZ(1000px); transform-style: preserve-3d; } /* ----- navigation ----- */ .vbox-title{ width: 100%; height: 40px; float: left; text-align: center; line-height: 28px; font-size: 12px; padding: 6px 40px; overflow: hidden; position: fixed; display: none; left: 0; z-index: 1050; } .vbox-close{ cursor: pointer; position: fixed; top: -1px; right: 0; width: 50px; height: 40px; padding: 6px; display: block; background-position:10px center; overflow: hidden; font-size: 24px; line-height: 1; text-align: center; z-index: 1050; } .vbox-num{ cursor: pointer; position: fixed; left: 0; height: 40px; display: block; overflow: hidden; line-height: 28px; font-size: 12px; padding: 6px 10px; display: none; z-index: 1050; } /* ----- navigation ARROWS ----- */ .vbox-next, .vbox-prev{ position: fixed; top: 50%; margin-top: -15px; overflow: hidden; cursor: pointer; display: block; width: 45px; height: 45px; z-index: 1050; } .vbox-next span, .vbox-prev span{ position: relative; width: 20px; height: 20px; border: 2px solid transparent; border-top-color: #B6B6B6; border-right-color: #B6B6B6; text-indent: -100px; position: absolute; top: 8px; display: block; } .vbox-prev{ left: 15px; } .vbox-next{ right: 15px; } .vbox-prev span{ left: 10px; -ms-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); transform: rotate(-135deg); } .vbox-next span{ -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); right: 10px; } /* ------- inline window ------ */ .vbox-inline{ width: 420px; height: 315px; height: 70vh; padding: 10px; background: #fff; margin: 0 auto; overflow: auto; text-align: left; } /* ------- Video & iFrames window ------ */ .venoframe{ max-width: 100%; width: 100%; border: none; width: 100%; height: 260px; height: 70vh; } .venoframe.vbvid{ height: 260px; } @media (min-width: 768px) { .venoframe, .vbox-inline{ width: 90%; height: 360px; height: 70vh; } .venoframe.vbvid{ width: 640px; height: 360px; } } @media (min-width: 992px) { .venoframe, .vbox-inline{ max-width: 1200px; width: 80%; height: 540px; height: 70vh; } .venoframe.vbvid{ width: 960px; height: 540px; } } /* Please do NOT edit this part! or at least read this note: http://i.imgur.com/7C0ws9e.gif */ .vbox-open{ overflow: hidden; } .vbox-container{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow-x: hidden; overflow-y: scroll; overflow-scrolling: touch; -webkit-overflow-scrolling: touch; z-index: 20; max-height: 100%; } .vbox-content{ text-align: center; float: left; width: 100%; position: relative; overflow: hidden; padding: 20px 10px; } .vbox-container img{ max-width: 100%; height: auto; } .figlio{ box-shadow: 0 0 12px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); max-width: 100%; text-align: initial; } img.figlio{ -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; } .vbox-content.swipe-left{ margin-left: -200px !important; } .vbox-content.swipe-right{ margin-left: 200px !important; } .animated{ webkit-transition: margin 300ms ease-out; transition: margin 300ms ease-out; } .animate-in{ opacity: 1; } .animate-out{ opacity: 0; } /* ---------- preloader ---------- * SPINKIT * http://tobiasahlin.com/spinkit/ -------------------------------- */ .sk-double-bounce,.sk-rotating-plane{width:40px;height:40px;margin:40px auto}.sk-rotating-plane{background-color:#333;-webkit-animation:sk-rotatePlane 1.2s infinite ease-in-out;animation:sk-rotatePlane 1.2s infinite ease-in-out}@-webkit-keyframes sk-rotatePlane{0%{-webkit-transform:perspective(120px) rotateX(0) rotateY(0);transform:perspective(120px) rotateX(0) rotateY(0)}50%{-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0);transform:perspective(120px) rotateX(-180.1deg) rotateY(0)}100%{-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}@keyframes sk-rotatePlane{0%{-webkit-transform:perspective(120px) rotateX(0) rotateY(0);transform:perspective(120px) rotateX(0) rotateY(0)}50%{-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0);transform:perspective(120px) rotateX(-180.1deg) rotateY(0)}100%{-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}.sk-double-bounce{position:relative}.sk-double-bounce .sk-child{width:100%;height:100%;border-radius:50%;background-color:#333;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:sk-doubleBounce 2s infinite ease-in-out;animation:sk-doubleBounce 2s infinite ease-in-out}.sk-chasing-dots .sk-child,.sk-spinner-pulse,.sk-three-bounce .sk-child{background-color:#333;border-radius:100%}.sk-double-bounce .sk-double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes sk-doubleBounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sk-doubleBounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}.sk-wave{margin:40px auto;width:50px;height:40px;text-align:center;font-size:10px}.sk-wave .sk-rect{background-color:#333;height:100%;width:6px;display:inline-block;-webkit-animation:sk-waveStretchDelay 1.2s infinite ease-in-out;animation:sk-waveStretchDelay 1.2s infinite ease-in-out}.sk-wave .sk-rect1{-webkit-animation-delay:-1.2s;animation-delay:-1.2s}.sk-wave .sk-rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.sk-wave .sk-rect3{-webkit-animation-delay:-1s;animation-delay:-1s}.sk-wave .sk-rect4{-webkit-animation-delay:-.9s;animation-delay:-.9s}.sk-wave .sk-rect5{-webkit-animation-delay:-.8s;animation-delay:-.8s}@-webkit-keyframes sk-waveStretchDelay{0%,100%,40%{-webkit-transform:scaleY(.4);transform:scaleY(.4)}20%{-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes sk-waveStretchDelay{0%,100%,40%{-webkit-transform:scaleY(.4);transform:scaleY(.4)}20%{-webkit-transform:scaleY(1);transform:scaleY(1)}}.sk-wandering-cubes{margin:40px auto;width:40px;height:40px;position:relative}.sk-wandering-cubes .sk-cube{background-color:#333;width:10px;height:10px;position:absolute;top:0;left:0;-webkit-animation:sk-wanderingCube 1.8s ease-in-out -1.8s infinite both;animation:sk-wanderingCube 1.8s ease-in-out -1.8s infinite both}.sk-chasing-dots,.sk-spinner-pulse{width:40px;height:40px;margin:40px auto}.sk-wandering-cubes .sk-cube2{-webkit-animation-delay:-.9s;animation-delay:-.9s}@-webkit-keyframes sk-wanderingCube{0%{-webkit-transform:rotate(0);transform:rotate(0)}25%{-webkit-transform:translateX(30px) rotate(-90deg) scale(.5);transform:translateX(30px) rotate(-90deg) scale(.5)}50%{-webkit-transform:translateX(30px) translateY(30px) rotate(-179deg);transform:translateX(30px) translateY(30px) rotate(-179deg)}50.1%{-webkit-transform:translateX(30px) translateY(30px) rotate(-180deg);transform:translateX(30px) translateY(30px) rotate(-180deg)}75%{-webkit-transform:translateX(0) translateY(30px) rotate(-270deg) scale(.5);transform:translateX(0) translateY(30px) rotate(-270deg) scale(.5)}100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}@keyframes sk-wanderingCube{0%{-webkit-transform:rotate(0);transform:rotate(0)}25%{-webkit-transform:translateX(30px) rotate(-90deg) scale(.5);transform:translateX(30px) rotate(-90deg) scale(.5)}50%{-webkit-transform:translateX(30px) translateY(30px) rotate(-179deg);transform:translateX(30px) translateY(30px) rotate(-179deg)}50.1%{-webkit-transform:translateX(30px) translateY(30px) rotate(-180deg);transform:translateX(30px) translateY(30px) rotate(-180deg)}75%{-webkit-transform:translateX(0) translateY(30px) rotate(-270deg) scale(.5);transform:translateX(0) translateY(30px) rotate(-270deg) scale(.5)}100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}.sk-spinner-pulse{-webkit-animation:sk-pulseScaleOut 1s infinite ease-in-out;animation:sk-pulseScaleOut 1s infinite ease-in-out}@-webkit-keyframes sk-pulseScaleOut{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}@keyframes sk-pulseScaleOut{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}.sk-chasing-dots{position:relative;text-align:center;-webkit-animation:sk-chasingDotsRotate 2s infinite linear;animation:sk-chasingDotsRotate 2s infinite linear}.sk-chasing-dots .sk-child{width:60%;height:60%;display:inline-block;position:absolute;top:0;-webkit-animation:sk-chasingDotsBounce 2s infinite ease-in-out;animation:sk-chasingDotsBounce 2s infinite ease-in-out}.sk-chasing-dots .sk-dot2{top:auto;bottom:0;-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes sk-chasingDotsRotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes sk-chasingDotsRotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes sk-chasingDotsBounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sk-chasingDotsBounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}.sk-three-bounce{margin:40px auto;width:80px;text-align:center}.sk-three-bounce .sk-child{width:20px;height:20px;display:inline-block;-webkit-animation:sk-three-bounce 1.4s ease-in-out 0s infinite both;animation:sk-three-bounce 1.4s ease-in-out 0s infinite both}.sk-circle .sk-child:before,.sk-fading-circle .sk-circle:before{display:block;border-radius:100%;content:'';background-color:#333}.sk-three-bounce .sk-bounce1{-webkit-animation-delay:-.32s;animation-delay:-.32s}.sk-three-bounce .sk-bounce2{-webkit-animation-delay:-.16s;animation-delay:-.16s}@-webkit-keyframes sk-three-bounce{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sk-three-bounce{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}.sk-circle{margin:40px auto;width:40px;height:40px;position:relative}.sk-circle .sk-child{width:100%;height:100%;position:absolute;left:0;top:0}.sk-circle .sk-child:before{margin:0 auto;width:15%;height:15%;-webkit-animation:sk-circleBounceDelay 1.2s infinite ease-in-out both;animation:sk-circleBounceDelay 1.2s infinite ease-in-out both}.sk-circle .sk-circle2{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}.sk-circle .sk-circle3{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}.sk-circle .sk-circle4{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.sk-circle .sk-circle5{-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg)}.sk-circle .sk-circle6{-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg)}.sk-circle .sk-circle7{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.sk-circle .sk-circle8{-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg)}.sk-circle .sk-circle9{-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg)}.sk-circle .sk-circle10{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.sk-circle .sk-circle11{-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg)}.sk-circle .sk-circle12{-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg)}.sk-circle .sk-circle2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.sk-circle .sk-circle3:before{-webkit-animation-delay:-1s;animation-delay:-1s}.sk-circle .sk-circle4:before{-webkit-animation-delay:-.9s;animation-delay:-.9s}.sk-circle .sk-circle5:before{-webkit-animation-delay:-.8s;animation-delay:-.8s}.sk-circle .sk-circle6:before{-webkit-animation-delay:-.7s;animation-delay:-.7s}.sk-circle .sk-circle7:before{-webkit-animation-delay:-.6s;animation-delay:-.6s}.sk-circle .sk-circle8:before{-webkit-animation-delay:-.5s;animation-delay:-.5s}.sk-circle .sk-circle9:before{-webkit-animation-delay:-.4s;animation-delay:-.4s}.sk-circle .sk-circle10:before{-webkit-animation-delay:-.3s;animation-delay:-.3s}.sk-circle .sk-circle11:before{-webkit-animation-delay:-.2s;animation-delay:-.2s}.sk-circle .sk-circle12:before{-webkit-animation-delay:-.1s;animation-delay:-.1s}@-webkit-keyframes sk-circleBounceDelay{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sk-circleBounceDelay{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}.sk-cube-grid{width:40px;height:40px;margin:40px auto}.sk-cube-grid .sk-cube{width:33.33%;height:33.33%;background-color:#333;float:left;-webkit-animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out;animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out}.sk-cube-grid .sk-cube1{-webkit-animation-delay:.2s;animation-delay:.2s}.sk-cube-grid .sk-cube2{-webkit-animation-delay:.3s;animation-delay:.3s}.sk-cube-grid .sk-cube3{-webkit-animation-delay:.4s;animation-delay:.4s}.sk-cube-grid .sk-cube4{-webkit-animation-delay:.1s;animation-delay:.1s}.sk-cube-grid .sk-cube5{-webkit-animation-delay:.2s;animation-delay:.2s}.sk-cube-grid .sk-cube6{-webkit-animation-delay:.3s;animation-delay:.3s}.sk-cube-grid .sk-cube7{-webkit-animation-delay:0ms;animation-delay:0ms}.sk-cube-grid .sk-cube8{-webkit-animation-delay:.1s;animation-delay:.1s}.sk-cube-grid .sk-cube9{-webkit-animation-delay:.2s;animation-delay:.2s}@-webkit-keyframes sk-cubeGridScaleDelay{0%,100%,70%{-webkit-transform:scale3D(1,1,1);transform:scale3D(1,1,1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}}@keyframes sk-cubeGridScaleDelay{0%,100%,70%{-webkit-transform:scale3D(1,1,1);transform:scale3D(1,1,1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}}.sk-fading-circle{margin:40px auto;width:40px;height:40px;position:relative}.sk-fading-circle .sk-circle{width:100%;height:100%;position:absolute;left:0;top:0}.sk-fading-circle .sk-circle:before{margin:0 auto;width:15%;height:15%;-webkit-animation:sk-circleFadeDelay 1.2s infinite ease-in-out both;animation:sk-circleFadeDelay 1.2s infinite ease-in-out both}.sk-fading-circle .sk-circle2{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}.sk-fading-circle .sk-circle3{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}.sk-fading-circle .sk-circle4{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.sk-fading-circle .sk-circle5{-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg)}.sk-fading-circle .sk-circle6{-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg)}.sk-fading-circle .sk-circle7{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.sk-fading-circle .sk-circle8{-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg)}.sk-fading-circle .sk-circle9{-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg)}.sk-fading-circle .sk-circle10{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.sk-fading-circle .sk-circle11{-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg)}.sk-fading-circle .sk-circle12{-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg)}.sk-fading-circle .sk-circle2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.sk-fading-circle .sk-circle3:before{-webkit-animation-delay:-1s;animation-delay:-1s}.sk-fading-circle .sk-circle4:before{-webkit-animation-delay:-.9s;animation-delay:-.9s}.sk-fading-circle .sk-circle5:before{-webkit-animation-delay:-.8s;animation-delay:-.8s}.sk-fading-circle .sk-circle6:before{-webkit-animation-delay:-.7s;animation-delay:-.7s}.sk-fading-circle .sk-circle7:before{-webkit-animation-delay:-.6s;animation-delay:-.6s}.sk-fading-circle .sk-circle8:before{-webkit-animation-delay:-.5s;animation-delay:-.5s}.sk-fading-circle .sk-circle9:before{-webkit-animation-delay:-.4s;animation-delay:-.4s}.sk-fading-circle .sk-circle10:before{-webkit-animation-delay:-.3s;animation-delay:-.3s}.sk-fading-circle .sk-circle11:before{-webkit-animation-delay:-.2s;animation-delay:-.2s}.sk-fading-circle .sk-circle12:before{-webkit-animation-delay:-.1s;animation-delay:-.1s}@-webkit-keyframes sk-circleFadeDelay{0%,100%,39%{opacity:0}40%{opacity:1}}@keyframes sk-circleFadeDelay{0%,100%,39%{opacity:0}40%{opacity:1}}.sk-folding-cube{margin:40px auto;width:40px;height:40px;position:relative;-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg)}.sk-folding-cube .sk-cube{float:left;width:50%;height:50%;position:relative;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.sk-folding-cube .sk-cube:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:#333;-webkit-animation:sk-foldCubeAngle 2.4s infinite linear both;animation:sk-foldCubeAngle 2.4s infinite linear both;-webkit-transform-origin:100% 100%;-ms-transform-origin:100% 100%;transform-origin:100% 100%}.sk-folding-cube .sk-cube2{-webkit-transform:scale(1.1) rotateZ(90deg);transform:scale(1.1) rotateZ(90deg)}.sk-folding-cube .sk-cube3{-webkit-transform:scale(1.1) rotateZ(180deg);transform:scale(1.1) rotateZ(180deg)}.sk-folding-cube .sk-cube4{-webkit-transform:scale(1.1) rotateZ(270deg);transform:scale(1.1) rotateZ(270deg)}.sk-folding-cube .sk-cube2:before{-webkit-animation-delay:.3s;animation-delay:.3s}.sk-folding-cube .sk-cube3:before{-webkit-animation-delay:.6s;animation-delay:.6s}.sk-folding-cube .sk-cube4:before{-webkit-animation-delay:.9s;animation-delay:.9s}@-webkit-keyframes sk-foldCubeAngle{0%,10%{-webkit-transform:perspective(140px) rotateX(-180deg);transform:perspective(140px) rotateX(-180deg);opacity:0}25%,75%{-webkit-transform:perspective(140px) rotateX(0);transform:perspective(140px) rotateX(0);opacity:1}100%,90%{-webkit-transform:perspective(140px) rotateY(180deg);transform:perspective(140px) rotateY(180deg);opacity:0}}@keyframes sk-foldCubeAngle{0%,10%{-webkit-transform:perspective(140px) rotateX(-180deg);transform:perspective(140px) rotateX(-180deg);opacity:0}25%,75%{-webkit-transform:perspective(140px) rotateX(0);transform:perspective(140px) rotateX(0);opacity:1}100%,90%{-webkit-transform:perspective(140px) rotateY(180deg);transform:perspective(140px) rotateY(180deg);opacity:0}} /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ /* Owl Carousel - Core */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; /* fix firefox animation glitch */ } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot { background: none; color: inherit; border: none; padding: 0 !important; font: inherit; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* Owl Carousel - Animate Plugin */ .owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { animation-name: fadeOut; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* Owl Carousel - Auto Height Plugin */ .owl-height { transition: height 500ms ease-in-out; } /* Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item { /* This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong calculation of the height of the owl-item that breaks page layouts */ } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) { max-height: 0; } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; } /* Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(/Assets/images/owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ /* * Default theme - Owl Carousel CSS File */ .owl-carousel .owl-nav { text-align: center; -webkit-tap-highlight-color: transparent; position: absolute; top: 50%; width: 100%; } .owl-carousel .owl-nav [class*='owl-'] { color: #FFF; font-size: 14px; margin: 5px; padding: 4px 7px; background: #D6D6D6; display: inline-block; cursor: pointer; border-radius: 3px; } .owl-carousel .owl-nav [class*='owl-']:hover { color: #000; text-decoration: none; cursor: pointer; opacity: 1; } .owl-carousel .owl-nav .disabled { opacity: 0.3; cursor: default; } .owl-carousel .owl-nav .disabled:hover { opacity: 0.3!important; cursor: default; } .owl-carousel .owl-nav.disabled + .owl-dots { margin-top: 10px; } .owl-carousel .owl-dots { text-align: center; -webkit-tap-highlight-color: transparent; } .owl-carousel .owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline; } .owl-carousel .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #D6D6D6; display: block; -webkit-backface-visibility: visible; transition: opacity 200ms ease; border-radius: 30px; } .owl-carousel .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #869791; } body.stop-scrolling { height: 100%; overflow: hidden; } .sweet-overlay { background-color: black; /* IE8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; /* IE8 */ background-color: rgba(0, 0, 0, 0.4); position: fixed; left: 0; right: 0; top: 0; bottom: 0; display: none; z-index: 10000; } .sweet-alert { background-color: white; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; width: 478px; padding: 17px; border-radius: 5px; text-align: center; position: fixed; left: 50%; top: 50%; margin-left: -256px; margin-top: -200px; overflow: hidden; display: none; z-index: 99999; } @media all and (max-width: 540px) { .sweet-alert { width: auto; margin-left: 0; margin-right: 0; left: 15px; right: 15px; } } .sweet-alert h2 { color: #575757; font-size: 30px; text-align: center; font-weight: 600; text-transform: none; position: relative; margin: 25px 0; padding: 0; line-height: 40px; display: block; } .sweet-alert p { color: #797979; font-size: 16px; text-align: center; font-weight: 300; position: relative; text-align: inherit; float: none; margin: 0; padding: 0; line-height: normal; } .sweet-alert fieldset { border: none; position: relative; } .sweet-alert .sa-error-container { background-color: #f1f1f1; margin-left: -17px; margin-right: -17px; overflow: hidden; padding: 0 10px; max-height: 0; webkit-transition: padding 0.15s, max-height 0.15s; transition: padding 0.15s, max-height 0.15s; } .sweet-alert .sa-error-container.show { padding: 10px 0; max-height: 100px; webkit-transition: padding 0.2s, max-height 0.2s; transition: padding 0.25s, max-height 0.25s; } .sweet-alert .sa-error-container .icon { display: inline-block; width: 24px; height: 24px; border-radius: 50%; background-color: #ea7d7d; color: white; line-height: 24px; text-align: center; margin-right: 3px; } .sweet-alert .sa-error-container p { display: inline-block; } .sweet-alert .sa-input-error { position: absolute; top: 29px; right: 26px; width: 20px; height: 20px; opacity: 0; -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all 0.1s; transition: all 0.1s; } .sweet-alert .sa-input-error::before, .sweet-alert .sa-input-error::after { content: ""; width: 20px; height: 6px; background-color: #f06e57; border-radius: 3px; position: absolute; top: 50%; margin-top: -4px; left: 50%; margin-left: -9px; } .sweet-alert .sa-input-error::before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .sweet-alert .sa-input-error::after { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .sweet-alert .sa-input-error.show { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .sweet-alert input { width: 100%; box-sizing: border-box; border-radius: 3px; border: 1px solid #d7d7d7; height: 43px; margin-top: 10px; margin-bottom: 17px; font-size: 18px; box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.06); padding: 0 12px; display: none; -webkit-transition: all 0.3s; transition: all 0.3s; } .sweet-alert input:focus { outline: none; box-shadow: 0px 0px 3px #c4e6f5; border: 1px solid #b4dbed; } .sweet-alert input:focus::-moz-placeholder { transition: opacity 0.3s 0.03s ease; opacity: 0.5; } .sweet-alert input:focus:-ms-input-placeholder { transition: opacity 0.3s 0.03s ease; opacity: 0.5; } .sweet-alert input:focus::-webkit-input-placeholder { transition: opacity 0.3s 0.03s ease; opacity: 0.5; } .sweet-alert input::-moz-placeholder { color: #bdbdbd; } .sweet-alert input:-ms-input-placeholder { color: #bdbdbd; } .sweet-alert input::-webkit-input-placeholder { color: #bdbdbd; } .sweet-alert.show-input input { display: block; } .sweet-alert button { background-color: #AEDEF4; color: white; border: none; box-shadow: none; font-size: 17px; font-weight: 500; -webkit-border-radius: 4px; border-radius: 5px; padding: 10px 32px; margin: 26px 5px 0 5px; cursor: pointer; } .sweet-alert button:focus { outline: none; box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05); } .sweet-alert button:hover { background-color: #a1d9f2; } .sweet-alert button:active { background-color: #81ccee; } .sweet-alert button.cancel { background-color: #D0D0D0; } .sweet-alert button.cancel:hover { background-color: #c8c8c8; } .sweet-alert button.cancel:active { background-color: #b6b6b6; } .sweet-alert button.cancel:focus { box-shadow: rgba(197, 205, 211, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset !important; } .sweet-alert button::-moz-focus-inner { border: 0; } .sweet-alert[data-has-cancel-button=false] button { box-shadow: none !important; } .sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] { padding-bottom: 40px; } .sweet-alert .sa-icon { width: 80px; height: 80px; border: 4px solid gray; -webkit-border-radius: 40px; border-radius: 40px; border-radius: 50%; margin: 20px auto; padding: 0; position: relative; box-sizing: content-box; } .sweet-alert .sa-icon.sa-error { border-color: #F27474; } .sweet-alert .sa-icon.sa-error .sa-x-mark { position: relative; display: block; } .sweet-alert .sa-icon.sa-error .sa-line { position: absolute; height: 5px; width: 47px; background-color: #F27474; display: block; top: 37px; border-radius: 2px; } .sweet-alert .sa-icon.sa-error .sa-line.sa-left { -webkit-transform: rotate(45deg); transform: rotate(45deg); left: 17px; } .sweet-alert .sa-icon.sa-error .sa-line.sa-right { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); right: 16px; } .sweet-alert .sa-icon.sa-warning { border-color: #F8BB86; } .sweet-alert .sa-icon.sa-warning .sa-body { position: absolute; width: 5px; height: 47px; left: 50%; top: 10px; -webkit-border-radius: 2px; border-radius: 2px; margin-left: -2px; background-color: #F8BB86; } .sweet-alert .sa-icon.sa-warning .sa-dot { position: absolute; width: 7px; height: 7px; -webkit-border-radius: 50%; border-radius: 50%; margin-left: -3px; left: 50%; bottom: 10px; background-color: #F8BB86; } .sweet-alert .sa-icon.sa-info { border-color: #C9DAE1; } .sweet-alert .sa-icon.sa-info::before { content: ""; position: absolute; width: 5px; height: 29px; left: 50%; bottom: 17px; border-radius: 2px; margin-left: -2px; background-color: #C9DAE1; } .sweet-alert .sa-icon.sa-info::after { content: ""; position: absolute; width: 7px; height: 7px; border-radius: 50%; margin-left: -3px; top: 19px; background-color: #C9DAE1; } .sweet-alert .sa-icon.sa-success { border-color: #A5DC86; } .sweet-alert .sa-icon.sa-success::before, .sweet-alert .sa-icon.sa-success::after { content: ''; -webkit-border-radius: 40px; border-radius: 40px; border-radius: 50%; position: absolute; width: 60px; height: 120px; background: white; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .sweet-alert .sa-icon.sa-success::before { -webkit-border-radius: 120px 0 0 120px; border-radius: 120px 0 0 120px; top: -7px; left: -33px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 60px 60px; transform-origin: 60px 60px; } .sweet-alert .sa-icon.sa-success::after { -webkit-border-radius: 0 120px 120px 0; border-radius: 0 120px 120px 0; top: -11px; left: 30px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 0px 60px; transform-origin: 0px 60px; } .sweet-alert .sa-icon.sa-success .sa-placeholder { width: 80px; height: 80px; border: 4px solid rgba(165, 220, 134, 0.2); -webkit-border-radius: 40px; border-radius: 40px; border-radius: 50%; box-sizing: content-box; position: absolute; left: -4px; top: -4px; z-index: 2; } .sweet-alert .sa-icon.sa-success .sa-fix { width: 5px; height: 90px; background-color: white; position: absolute; left: 28px; top: 8px; z-index: 1; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .sweet-alert .sa-icon.sa-success .sa-line { height: 5px; background-color: #A5DC86; display: block; border-radius: 2px; position: absolute; z-index: 2; } .sweet-alert .sa-icon.sa-success .sa-line.sa-tip { width: 25px; left: 14px; top: 46px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .sweet-alert .sa-icon.sa-success .sa-line.sa-long { width: 47px; right: 8px; top: 38px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .sweet-alert .sa-icon.sa-custom { background-size: contain; border-radius: 0; border: none; background-position: center center; background-repeat: no-repeat; } /* * Animations */ @-webkit-keyframes showSweetAlert { 0% { transform: scale(0.7); -webkit-transform: scale(0.7); } 45% { transform: scale(1.05); -webkit-transform: scale(1.05); } 80% { transform: scale(0.95); -webkit-transform: scale(0.95); } 100% { transform: scale(1); -webkit-transform: scale(1); } } @keyframes showSweetAlert { 0% { transform: scale(0.7); -webkit-transform: scale(0.7); } 45% { transform: scale(1.05); -webkit-transform: scale(1.05); } 80% { transform: scale(0.95); -webkit-transform: scale(0.95); } 100% { transform: scale(1); -webkit-transform: scale(1); } } @-webkit-keyframes hideSweetAlert { 0% { transform: scale(1); -webkit-transform: scale(1); } 100% { transform: scale(0.5); -webkit-transform: scale(0.5); } } @keyframes hideSweetAlert { 0% { transform: scale(1); -webkit-transform: scale(1); } 100% { transform: scale(0.5); -webkit-transform: scale(0.5); } } @-webkit-keyframes slideFromTop { 0% { top: 0%; } 100% { top: 50%; } } @keyframes slideFromTop { 0% { top: 0%; } 100% { top: 50%; } } @-webkit-keyframes slideToTop { 0% { top: 50%; } 100% { top: 0%; } } @keyframes slideToTop { 0% { top: 50%; } 100% { top: 0%; } } @-webkit-keyframes slideFromBottom { 0% { top: 70%; } 100% { top: 50%; } } @keyframes slideFromBottom { 0% { top: 70%; } 100% { top: 50%; } } @-webkit-keyframes slideToBottom { 0% { top: 50%; } 100% { top: 70%; } } @keyframes slideToBottom { 0% { top: 50%; } 100% { top: 70%; } } .showSweetAlert[data-animation=pop] { -webkit-animation: showSweetAlert 0.3s; animation: showSweetAlert 0.3s; } .showSweetAlert[data-animation=none] { -webkit-animation: none; animation: none; } .showSweetAlert[data-animation=slide-from-top] { -webkit-animation: slideFromTop 0.3s; animation: slideFromTop 0.3s; } .showSweetAlert[data-animation=slide-from-bottom] { -webkit-animation: slideFromBottom 0.3s; animation: slideFromBottom 0.3s; } .hideSweetAlert[data-animation=pop] { -webkit-animation: hideSweetAlert 0.2s; animation: hideSweetAlert 0.2s; } .hideSweetAlert[data-animation=none] { -webkit-animation: none; animation: none; } .hideSweetAlert[data-animation=slide-from-top] { -webkit-animation: slideToTop 0.4s; animation: slideToTop 0.4s; } .hideSweetAlert[data-animation=slide-from-bottom] { -webkit-animation: slideToBottom 0.3s; animation: slideToBottom 0.3s; } @-webkit-keyframes animateSuccessTip { 0% { width: 0; left: 1px; top: 19px; } 54% { width: 0; left: 1px; top: 19px; } 70% { width: 50px; left: -8px; top: 37px; } 84% { width: 17px; left: 21px; top: 48px; } 100% { width: 25px; left: 14px; top: 45px; } } @keyframes animateSuccessTip { 0% { width: 0; left: 1px; top: 19px; } 54% { width: 0; left: 1px; top: 19px; } 70% { width: 50px; left: -8px; top: 37px; } 84% { width: 17px; left: 21px; top: 48px; } 100% { width: 25px; left: 14px; top: 45px; } } @-webkit-keyframes animateSuccessLong { 0% { width: 0; right: 46px; top: 54px; } 65% { width: 0; right: 46px; top: 54px; } 84% { width: 55px; right: 0px; top: 35px; } 100% { width: 47px; right: 8px; top: 38px; } } @keyframes animateSuccessLong { 0% { width: 0; right: 46px; top: 54px; } 65% { width: 0; right: 46px; top: 54px; } 84% { width: 55px; right: 0px; top: 35px; } 100% { width: 47px; right: 8px; top: 38px; } } @-webkit-keyframes rotatePlaceholder { 0% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } 5% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } 12% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); } 100% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); } } @keyframes rotatePlaceholder { 0% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } 5% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } 12% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); } 100% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); } } .animateSuccessTip { -webkit-animation: animateSuccessTip 0.75s; animation: animateSuccessTip 0.75s; } .animateSuccessLong { -webkit-animation: animateSuccessLong 0.75s; animation: animateSuccessLong 0.75s; } .sa-icon.sa-success.animate::after { -webkit-animation: rotatePlaceholder 4.25s ease-in; animation: rotatePlaceholder 4.25s ease-in; } @-webkit-keyframes animateErrorIcon { 0% { transform: rotateX(100deg); -webkit-transform: rotateX(100deg); opacity: 0; } 100% { transform: rotateX(0deg); -webkit-transform: rotateX(0deg); opacity: 1; } } @keyframes animateErrorIcon { 0% { transform: rotateX(100deg); -webkit-transform: rotateX(100deg); opacity: 0; } 100% { transform: rotateX(0deg); -webkit-transform: rotateX(0deg); opacity: 1; } } .animateErrorIcon { -webkit-animation: animateErrorIcon 0.5s; animation: animateErrorIcon 0.5s; } @-webkit-keyframes animateXMark { 0% { transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0; } 50% { transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0; } 80% { transform: scale(1.15); -webkit-transform: scale(1.15); margin-top: -6px; } 100% { transform: scale(1); -webkit-transform: scale(1); margin-top: 0; opacity: 1; } } @keyframes animateXMark { 0% { transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0; } 50% { transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0; } 80% { transform: scale(1.15); -webkit-transform: scale(1.15); margin-top: -6px; } 100% { transform: scale(1); -webkit-transform: scale(1); margin-top: 0; opacity: 1; } } .animateXMark { -webkit-animation: animateXMark 0.5s; animation: animateXMark 0.5s; } @-webkit-keyframes pulseWarning { 0% { border-color: #F8D486; } 100% { border-color: #F8BB86; } } @keyframes pulseWarning { 0% { border-color: #F8D486; } 100% { border-color: #F8BB86; } } .pulseWarning { -webkit-animation: pulseWarning 0.75s infinite alternate; animation: pulseWarning 0.75s infinite alternate; } @-webkit-keyframes pulseWarningIns { 0% { background-color: #F8D486; } 100% { background-color: #F8BB86; } } @keyframes pulseWarningIns { 0% { background-color: #F8D486; } 100% { background-color: #F8BB86; } } .pulseWarningIns { -webkit-animation: pulseWarningIns 0.75s infinite alternate; animation: pulseWarningIns 0.75s infinite alternate; } /* Internet Explorer 9 has some special quirks that are fixed here */ /* The icons are not animated. */ /* This file is automatically merged into sweet-alert.min.js through Gulp */ /* Error icon */ .sweet-alert .sa-icon.sa-error .sa-line.sa-left { -ms-transform: rotate(45deg) \9; } .sweet-alert .sa-icon.sa-error .sa-line.sa-right { -ms-transform: rotate(-45deg) \9; } /* Success icon */ .sweet-alert .sa-icon.sa-success { border-color: transparent\9; } .sweet-alert .sa-icon.sa-success .sa-line.sa-tip { -ms-transform: rotate(45deg) \9; } .sweet-alert .sa-icon.sa-success .sa-line.sa-long { -ms-transform: rotate(-45deg) \9; } @-webkit-keyframes three-quarters { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes three-quarters { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes three-quarters { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes three-quarters { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } /* Styles for old versions of IE */ .btn-spinner { font-family: sans-serif; font-weight: 100; } .btn-spinner:empty { display: none !important; } /* :not(:required) hides this rule from IE9 and below */ .btn-spinner:not(:required) { -webkit-animation: three-quarters 1250ms infinite linear; -moz-animation: three-quarters 1250ms infinite linear; -ms-animation: three-quarters 1250ms infinite linear; -o-animation: three-quarters 1250ms infinite linear; animation: three-quarters 1250ms infinite linear; border: 3px solid #FFF; border-right-color: transparent; border-radius: 100%; box-sizing: border-box; display: inline-block; position: relative; vertical-align: middle; overflow: hidden; text-indent: -9999px; width: 18px; height: 18px; } .btn-spinner:not(:required) { margin-left: -22px; opacity: 0; transition: 0.4s margin ease-out, 0.2s opacity ease-out; } .is-loading .btn-spinner { transition: 0.2s margin ease-in, 0.4s opacity ease-in; margin-left: 10px; opacity: 1; display: inline-block !important; } .notification-overlay, .cg-busy-overlay, .modal-ui-dialog-overlay { position: fixed; top: 0; left: 0; height: 100%; width: 100%; z-index: 999999; background-color: rgba(255, 255, 255, 0.8); } .notification-wrapper, .modal-ui-dialog { width: 500px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2); padding: 20px; margin: 0.5rem 0 1rem 0; border-radius: 4px; border: 1px solid #d7d7d7; background-color: #fff; -webkit-transition: all ease .4s; -moz-transition: all ease .4s; -o-transition: all ease .4s; -ms-transition: all ease .4s; transition: all ease .4s; } .notifications-container, .cg-busy-container, .modal-ui-dialog-container { position: fixed; z-index: 999999; width: 500px; } .notifications-container.notifications-container-top-left { top: 10px; left: 10px; } .notifications-container-top-center { top: 10px; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); } .notifications-container.notifications-container-top-right { top: 10px; right: 10px; } .notifications-container.notifications-container-middle-center, .cg-busy-container-middle-center, .modal-ui-dialog-container.modal-ui-dialog-container-middle-center { transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); top: 50%; left: 50%; } .notifications-container.notifications-container-bottom-left { bottom: 10px; left: 10px; } .notifications-container.notifications-container-bottom-center { bottom: 10px; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); } .notifications-container.notifications-container-bottom-right { bottom: 10px; right: 10px; } .notification-wrapper h4{ line-height: 20px;} @media (max-width: 767px) { .notifications-container, .cg-busy-container, .modal-ui-dialog-container { width: 90%; } .notification, .modal-ui-dialog { width: 100% !important; } } @-webkit-keyframes ngdialog-fadeout { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes ngdialog-fadeout { 0% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes ngdialog-fadein { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes ngdialog-fadein { 0% { opacity: 0; } 100% { opacity: 1; } } .ngdialog { box-sizing: border-box; } .ngdialog *, .ngdialog *:before, .ngdialog *:after { box-sizing: inherit; } .ngdialog { position: fixed; overflow: auto; -webkit-overflow-scrolling: touch; z-index: 10000; top: 0; right: 0; bottom: 0; left: 0; } .ngdialog.ngdialog-disabled-animation, .ngdialog.ngdialog-disabled-animation .ngdialog-overlay, .ngdialog.ngdialog-disabled-animation .ngdialog-content { -webkit-animation: none!important; animation: none!important; } .ngdialog-overlay { /*position: fixed; background: rgba(0, 0, 0, 0.4); top: 0; right: 0; bottom: 0; left: 0; -webkit-backface-visibility: hidden; -webkit-animation: ngdialog-fadein 0.5s; animation: ngdialog-fadein 0.5s;*/ display:none; } .ngdialog-no-overlay { pointer-events: none; } .ngdialog.ngdialog-closing .ngdialog-overlay { -webkit-backface-visibility: hidden; -webkit-animation: ngdialog-fadeout 0.5s; animation: ngdialog-fadeout 0.5s; } .ngdialog-content { background: white; -webkit-backface-visibility: hidden; -webkit-animation: ngdialog-fadein 0.5s; animation: ngdialog-fadein 0.5s; pointer-events: all; } .ngdialog.ngdialog-closing .ngdialog-content { -webkit-backface-visibility: hidden; -webkit-animation: ngdialog-fadeout 0.5s; animation: ngdialog-fadeout 0.5s; } .ngdialog-close:before { font-family: 'Helvetica', Arial, sans-serif; content: '\00D7'; cursor: pointer; } html.ngdialog-open, body.ngdialog-open { /*overflow: hidden;*/ } .text-center { text-align: center; } .text-left { text-align: left; } .clear-both { clear:both; } .m-xxs { margin: 2px 4px; } .m-xs { margin: 5px; } .m-sm { margin: 10px; } .m { margin: 15px; } .m-md { margin: 20px; } .m-lg { margin: 30px; } .m-xl { margin: 50px; } .m-n { margin: 0 !important; } .m-l-none { margin-left: 0; } .m-l-xs { margin-left: 5px; } .m-l-sm { margin-left: 10px !important; } .m-l { margin-left: 15px; } .m-l-md { margin-left: 20px; } .m-l-lg { margin-left: 30px; } .m-l-xl { margin-left: 40px; } .m-l-n-xxs { margin-left: -1px; } .m-l-n-xs { margin-left: -5px; } .m-l-n-sm { margin-left: -10px; } .m-l-n { margin-left: -15px; } .m-l-n-md { margin-left: -20px; } .m-l-n-lg { margin-left: -30px; } .m-l-n-xl { margin-left: -40px; } .m-t-none { margin-top: 0; } .m-t-xxs { margin-top: 1px; } .m-t-xs { margin-top: 5px; } .m-t-sm { margin-top: 10px; } .m-t { margin-top: 15px; } .m-t-md { margin-top: 20px; } .m-t-lg { margin-top: 30px; } .m-t-xl { margin-top: 40px; } .m-t-xxl { margin-top: 50px; } .m-t-xxxl { margin-top: 60px; } .m-t-n-xxs { margin-top: -1px; } .m-t-n-xs { margin-top: -5px; } .m-t-n-sm { margin-top: -10px; } .m-t-n { margin-top: -15px; } .m-t-n-md { margin-top: -20px; } .m-t-n-lg { margin-top: -30px; } .m-t-n-xl { margin-top: -40px; } .m-r-none { margin-right: 0; } .m-r-xxs { margin-right: 1px; } .m-r-xs { margin-right: 5px; } .m-r-sm { margin-right: 10px; } .m-r { margin-right: 15px; } .m-r-md { margin-right: 20px; } .m-r-lg { margin-right: 30px; } .m-r-xl { margin-right: 40px; } .m-r-n-xxs { margin-right: -1px; } .m-r-n-xs { margin-right: -5px; } .m-r-n-sm { margin-right: -10px; } .m-r-n { margin-right: -15px; } .m-r-n-md { margin-right: -20px; } .m-r-n-lg { margin-right: -30px; } .m-r-n-xl { margin-right: -40px; } .m-b-none { margin-bottom: 0 !important; } .m-b-xxs { margin-bottom: 1px; } .m-b-xs { margin-bottom: 5px; } .m-b-sm { margin-bottom: 10px; } .m-b { margin-bottom: 15px; } .m-b-md { margin-bottom: 20px; } .m-b-lg { margin-bottom: 30px; } .m-b-xl { margin-bottom: 40px; } .m-b-n-xxs { margin-bottom: -1px; } .m-b-n-xs { margin-bottom: -5px; } .m-b-n-sm { margin-bottom: -10px; } .m-b-n { margin-bottom: -15px; } .m-b-n-md { margin-bottom: -20px; } .m-b-n-lg { margin-bottom: -30px; } .m-b-n-xl { margin-bottom: -40px; } .p-b-none { padding-bottom: 0 !important; } .p-t-none { padding-top: 0 !important; } .p-t { padding-top:15px; } .p-none { padding: 0 !important; } .p-xs { padding: 10px !important; } .width30 { width: 30% !important; } .width35 { width: 35% !important; } .width40 { width: 40% !important; } .width45 { width: 45% !important; } .width50 { width: 50% !important; } .width60 { width: 60% !important; } .width70 { width: 70% !important; } .width80 { width: 80% !important; } .width90 { width: 90% !important; } .width100 { width: 100% !important; } .auto-width { width: auto !important; } .max-width30 { max-width: 30% !important; } .max-width35 { max-width: 35% !important; } .max-width40 { max-width: 40% !important; } .max-width50 { max-width: 50% !important; } .max-width60 { max-width: 60% !important; } .max-width70 { max-width: 70% !important; } .max-width80 { max-width: 80% !important; } .max-width90 { max-width: 90% !important; } .max-width100 { max-width: 100% !important; } .display-block { display: block !important; } .display-inline { display: inline !important; } .display-inline-block { display: inline-block !important; } .display-none { display: none !important; } .visibility-hidden { visibility: hidden !important; } .float-none { float: none !important; } .float-right { float: right !important; } .verticalMenu a.selected { color: #cc0000; } .hidden { display: none !important; } input[type='number'] { -moz-appearance: textfield; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .text-uppercase { text-transform: uppercase !important; } .text-underline { text-decoration: underline; } .text14 { font-size: 14px; } .hide-spinner i { display: none; } .text-red { color: #DE2100 !important; } .text-bold { font-weight:bold !important; } .text-error, .text-error * { color: #A84430 !important; } .text-right { text-align: right !important; } .inputForm.error, .dropDown.error, .dropDownSmall.error, .textarea.error { background: #F7DFDF; border: 1px solid #F7DFDF; } .cursor-pointer { cursor: pointer; } .btnPos .btn { max-width: 45%; } .tablePrint th, .tablePrint td { text-transform: none; } .no-border { border: none; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }