/* * This is a manifest file that'll be compiled into application.css, which will include all the files * listed below. * * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets, * or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path. * * You're free to add application-wide styles to this file and they'll appear at the bottom of the * compiled file so the styles you add here take precedence over styles defined in any styles * defined in the other CSS/SCSS files in this directory. It is generally better to create a new * file per style scope. * */ /*! * Bootstrap v3.1.1 (http://getbootstrap.com) * Copyright 2011-2014 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! normalize.css v3.0.0 | MIT License | git.io/normalize */ html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}@media print{*{text-shadow:none !important;color:#000 !important;background:transparent !important;box-shadow:none !important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100% !important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}select{background:#fff !important}.navbar{display:none}.table td,.table th{background-color:#fff !important}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000 !important}.label{border:1px solid #000}.table{border-collapse:collapse !important}.table-bordered th,.table-bordered td{border:1px solid #ddd !important}}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:62.5%;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#428bca;text-decoration:none}a:hover,a:focus{color:#2a6496;text-decoration:underline}a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.img-responsive,.thumbnail>img,.thumbnail a>img,.carousel-inner>.item>img,.carousel-inner>.item>a>img{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small,.h1 .small,.h2 .small,.h3 .small,.h4 .small,.h5 .small,.h6 .small{font-weight:normal;line-height:1;color:#999}h1,.h1,h2,.h2,h3,.h3{margin-top:20px;margin-bottom:10px}h1 small,.h1 small,h2 small,.h2 small,h3 small,.h3 small,h1 .small,.h1 .small,h2 .small,.h2 .small,h3 .small,.h3 .small{font-size:65%}h4,.h4,h5,.h5,h6,.h6{margin-top:10px;margin-bottom:10px}h4 small,.h4 small,h5 small,.h5 small,h6 small,.h6 small,h4 .small,.h4 .small,h5 .small,.h5 .small,h6 .small,.h6 .small{font-size:75%}h1,.h1{font-size:36px}h2,.h2{font-size:30px}h3,.h3{font-size:24px}h4,.h4{font-size:18px}h5,.h5{font-size:14px}h6,.h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:200;line-height:1.4}@media (min-width:768px){.lead{font-size:21px}}small,.small{font-size:85%}cite{font-style:normal}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-muted{color:#999}.text-primary{color:#428bca}a.text-primary:hover{color:#3071a9}.text-success{color:#3c763d}a.text-success:hover{color:#2b542c}.text-info{color:#31708f}a.text-info:hover{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:hover{color:#66512c}.text-danger{color:#a94442}a.text-danger:hover{color:#843534}.bg-primary{color:#fff;background-color:#428bca}a.bg-primary:hover{background-color:#3071a9}.bg-success{background-color:#dff0d8}a.bg-success:hover{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:hover{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:hover{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:hover{background-color:#e4b9b9}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}ul,ol{margin-top:0;margin-bottom:10px}ul ul,ol ul,ul ol,ol ol{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none;margin-left:-5px}.list-inline>li{display:inline-block;padding-left:5px;padding-right:5px}dl{margin-top:0;margin-bottom:20px}dt,dd{line-height:1.42857143}dt{font-weight:bold}dd{margin-left:0}@media (min-width:768px){.dl-horizontal dt{float:left;width:160px;clear:left;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[title],abbr[data-original-title]{cursor:help;border-bottom:1px dotted #999}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}blockquote p:last-child,blockquote ul:last-child,blockquote ol:last-child{margin-bottom:0}blockquote footer,blockquote small,blockquote .small{display:block;font-size:80%;line-height:1.42857143;color:#999}blockquote footer:before,blockquote small:before,blockquote .small:before{content:'\2014 \00A0'}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;border-right:5px solid #eee;border-left:0;text-align:right}.blockquote-reverse footer:before,blockquote.pull-right footer:before,.blockquote-reverse small:before,blockquote.pull-right small:before,.blockquote-reverse .small:before,blockquote.pull-right .small:before{content:''}.blockquote-reverse footer:after,blockquote.pull-right footer:after,.blockquote-reverse small:after,blockquote.pull-right small:after,.blockquote-reverse .small:after,blockquote.pull-right .small:after{content:'\00A0 \2014'}blockquote:before,blockquote:after{content:""}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;white-space:nowrap;border-radius:4px}kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;box-shadow:inset 0 -1px 0 rgba(0,0,0,0.25)}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;word-break:break-all;word-wrap:break-word;color:#333;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.row{margin-left:-15px;margin-right:-15px}.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:0}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:0}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:0}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:0}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:0}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:0}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:0}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:0}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}table{max-width:100%;background-color:transparent}th{text-align:left}.table{width:100%;margin-bottom:20px}.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>th,.table>caption+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>td,.table>thead:first-child>tr:first-child>td{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>thead>tr>th,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>tbody>tr>td,.table-condensed>tfoot>tr>td{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>td{border:1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>thead>tr>td{border-bottom-width:2px}.table-striped>tbody>tr:nth-child(odd)>td,.table-striped>tbody>tr:nth-child(odd)>th{background-color:#f9f9f9}.table-hover>tbody>tr:hover>td,.table-hover>tbody>tr:hover>th{background-color:#f5f5f5}table col[class*="col-"]{position:static;float:none;display:table-column}table td[class*="col-"],table th[class*="col-"]{position:static;float:none;display:table-cell}.table>thead>tr>td.active,.table>tbody>tr>td.active,.table>tfoot>tr>td.active,.table>thead>tr>th.active,.table>tbody>tr>th.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>tbody>tr.active>td,.table>tfoot>tr.active>td,.table>thead>tr.active>th,.table>tbody>tr.active>th,.table>tfoot>tr.active>th{background-color:#f5f5f5}.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover,.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th{background-color:#e8e8e8}.table>thead>tr>td.success,.table>tbody>tr>td.success,.table>tfoot>tr>td.success,.table>thead>tr>th.success,.table>tbody>tr>th.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>tbody>tr.success>td,.table>tfoot>tr.success>td,.table>thead>tr.success>th,.table>tbody>tr.success>th,.table>tfoot>tr.success>th{background-color:#dff0d8}.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover,.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th{background-color:#d0e9c6}.table>thead>tr>td.info,.table>tbody>tr>td.info,.table>tfoot>tr>td.info,.table>thead>tr>th.info,.table>tbody>tr>th.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>tbody>tr.info>td,.table>tfoot>tr.info>td,.table>thead>tr.info>th,.table>tbody>tr.info>th,.table>tfoot>tr.info>th{background-color:#d9edf7}.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover,.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th{background-color:#c4e3f3}.table>thead>tr>td.warning,.table>tbody>tr>td.warning,.table>tfoot>tr>td.warning,.table>thead>tr>th.warning,.table>tbody>tr>th.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>tbody>tr.warning>td,.table>tfoot>tr.warning>td,.table>thead>tr.warning>th,.table>tbody>tr.warning>th,.table>tfoot>tr.warning>th{background-color:#fcf8e3}.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover,.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th{background-color:#faf2cc}.table>thead>tr>td.danger,.table>tbody>tr>td.danger,.table>tfoot>tr>td.danger,.table>thead>tr>th.danger,.table>tbody>tr>th.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>tbody>tr.danger>td,.table>tfoot>tr.danger>td,.table>thead>tr.danger>th,.table>tbody>tr.danger>th,.table>tfoot>tr.danger>th{background-color:#f2dede}.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover,.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th{background-color:#ebcccc}@media (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;overflow-x:scroll;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd;-webkit-overflow-scrolling:touch}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>thead>tr>th,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tfoot>tr>td{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>thead>tr>th:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}.table-responsive>.table-bordered>thead>tr>th:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>th,.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>td{border-bottom:0}}fieldset{padding:0;margin:0;border:0;min-width:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;margin-bottom:5px;font-weight:bold}input[type="search"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type="radio"],input[type="checkbox"]{margin:4px 0 0;margin-top:1px \9;line-height:normal}input[type="file"]{display:block}input[type="range"]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{display:block;padding-top:7px;font-size:14px;line-height:1.42857143;color:#555}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{cursor:not-allowed;background-color:#eee;opacity:1}textarea.form-control{height:auto}input[type="search"]{-webkit-appearance:none}input[type="date"]{line-height:34px}.form-group{margin-bottom:15px}.radio,.checkbox{display:block;min-height:20px;margin-top:10px;margin-bottom:10px;padding-left:20px}.radio label,.checkbox label{display:inline;font-weight:normal;cursor:pointer}.radio input[type="radio"],.radio-inline input[type="radio"],.checkbox input[type="checkbox"],.checkbox-inline input[type="checkbox"]{float:left;margin-left:-20px}.radio+.radio,.checkbox+.checkbox{margin-top:-5px}.radio-inline,.checkbox-inline{display:inline-block;padding-left:20px;margin-bottom:0;vertical-align:middle;font-weight:normal;cursor:pointer}.radio-inline+.radio-inline,.checkbox-inline+.checkbox-inline{margin-top:0;margin-left:10px}input[type="radio"][disabled],input[type="checkbox"][disabled],.radio[disabled],.radio-inline[disabled],.checkbox[disabled],.checkbox-inline[disabled],fieldset[disabled] input[type="radio"],fieldset[disabled] input[type="checkbox"],fieldset[disabled] .radio,fieldset[disabled] .radio-inline,fieldset[disabled] .checkbox,fieldset[disabled] .checkbox-inline{cursor:not-allowed}.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm{height:30px;line-height:30px}textarea.input-sm,select[multiple].input-sm{height:auto}.input-lg{height:46px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}select.input-lg{height:46px;line-height:46px}textarea.input-lg,select[multiple].input-lg{height:auto}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.has-feedback .form-control-feedback{position:absolute;top:25px;right:0;display:block;width:34px;height:34px;line-height:34px;text-align:center}.has-success .help-block,.has-success .control-label,.has-success .radio,.has-success .checkbox,.has-success .radio-inline,.has-success .checkbox-inline{color:#3c763d}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;border-color:#3c763d;background-color:#dff0d8}.has-success .form-control-feedback{color:#3c763d}.has-warning .help-block,.has-warning .control-label,.has-warning .radio,.has-warning .checkbox,.has-warning .radio-inline,.has-warning .checkbox-inline{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;border-color:#8a6d3b;background-color:#fcf8e3}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .help-block,.has-error .control-label,.has-error .radio,.has-error .checkbox,.has-error .radio-inline,.has-error .checkbox-inline{color:#a94442}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;border-color:#a94442;background-color:#f2dede}.has-error .form-control-feedback{color:#a94442}.form-control-static{margin-bottom:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .radio,.form-inline .checkbox{display:inline-block;margin-top:0;margin-bottom:0;padding-left:0;vertical-align:middle}.form-inline .radio input[type="radio"],.form-inline .checkbox input[type="checkbox"]{float:none;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .control-label,.form-horizontal .radio,.form-horizontal .checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline{margin-top:0;margin-bottom:0;padding-top:7px}.form-horizontal .radio,.form-horizontal .checkbox{min-height:27px}.form-horizontal .form-group{margin-left:-15px;margin-right:-15px}.form-horizontal .form-control-static{padding-top:7px}@media (min-width:768px){.form-horizontal .control-label{text-align:right}}.form-horizontal .has-feedback .form-control-feedback{top:0;right:15px}.btn{display:inline-block;margin-bottom:0;font-weight:normal;text-align:center;vertical-align:middle;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:6px 12px;font-size:14px;line-height:1.42857143;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn:focus,.btn:active:focus,.btn.active:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn:hover,.btn:focus{color:#333;text-decoration:none}.btn:active,.btn.active{outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;pointer-events:none;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default{color:#333;background-color:#ebebeb;border-color:#adadad}.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default{background-image:none}.btn-default.disabled,.btn-default[disabled],fieldset[disabled] .btn-default,.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled:active,.btn-default[disabled]:active,fieldset[disabled] .btn-default:active,.btn-default.disabled.active,.btn-default[disabled].active,fieldset[disabled] .btn-default.active{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#428bca;border-color:#357ebd}.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{color:#fff;background-color:#3276b1;border-color:#285e8e}.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled,.btn-primary[disabled],fieldset[disabled] .btn-primary,.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled:active,.btn-primary[disabled]:active,fieldset[disabled] .btn-primary:active,.btn-primary.disabled.active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary.active{background-color:#428bca;border-color:#357ebd}.btn-primary .badge{color:#428bca;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.open .dropdown-toggle.btn-success{color:#fff;background-color:#47a447;border-color:#398439}.btn-success:active,.btn-success.active,.open .dropdown-toggle.btn-success{background-image:none}.btn-success.disabled,.btn-success[disabled],fieldset[disabled] .btn-success,.btn-success.disabled:hover,.btn-success[disabled]:hover,fieldset[disabled] .btn-success:hover,.btn-success.disabled:focus,.btn-success[disabled]:focus,fieldset[disabled] .btn-success:focus,.btn-success.disabled:active,.btn-success[disabled]:active,fieldset[disabled] .btn-success:active,.btn-success.disabled.active,.btn-success[disabled].active,fieldset[disabled] .btn-success.active{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.open .dropdown-toggle.btn-info{color:#fff;background-color:#39b3d7;border-color:#269abc}.btn-info:active,.btn-info.active,.open .dropdown-toggle.btn-info{background-image:none}.btn-info.disabled,.btn-info[disabled],fieldset[disabled] .btn-info,.btn-info.disabled:hover,.btn-info[disabled]:hover,fieldset[disabled] .btn-info:hover,.btn-info.disabled:focus,.btn-info[disabled]:focus,fieldset[disabled] .btn-info:focus,.btn-info.disabled:active,.btn-info[disabled]:active,fieldset[disabled] .btn-info:active,.btn-info.disabled.active,.btn-info[disabled].active,fieldset[disabled] .btn-info.active{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active,.open .dropdown-toggle.btn-warning{color:#fff;background-color:#ed9c28;border-color:#d58512}.btn-warning:active,.btn-warning.active,.open .dropdown-toggle.btn-warning{background-image:none}.btn-warning.disabled,.btn-warning[disabled],fieldset[disabled] .btn-warning,.btn-warning.disabled:hover,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning:hover,.btn-warning.disabled:focus,.btn-warning[disabled]:focus,fieldset[disabled] .btn-warning:focus,.btn-warning.disabled:active,.btn-warning[disabled]:active,fieldset[disabled] .btn-warning:active,.btn-warning.disabled.active,.btn-warning[disabled].active,fieldset[disabled] .btn-warning.active{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,.open .dropdown-toggle.btn-danger{color:#fff;background-color:#d2322d;border-color:#ac2925}.btn-danger:active,.btn-danger.active,.open .dropdown-toggle.btn-danger{background-image:none}.btn-danger.disabled,.btn-danger[disabled],fieldset[disabled] .btn-danger,.btn-danger.disabled:hover,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger:hover,.btn-danger.disabled:focus,.btn-danger[disabled]:focus,fieldset[disabled] .btn-danger:focus,.btn-danger.disabled:active,.btn-danger[disabled]:active,fieldset[disabled] .btn-danger:active,.btn-danger.disabled.active,.btn-danger[disabled].active,fieldset[disabled] .btn-danger.active{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{color:#428bca;font-weight:normal;cursor:pointer;border-radius:0}.btn-link,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:hover,.btn-link:focus,.btn-link:active{border-color:transparent}.btn-link:hover,.btn-link:focus{color:#2a6496;text-decoration:underline;background-color:transparent}.btn-link[disabled]:hover,fieldset[disabled] .btn-link:hover,.btn-link[disabled]:focus,fieldset[disabled] .btn-link:focus{color:#999;text-decoration:none}.btn-lg,.btn-group-lg>.btn{padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}.btn-sm,.btn-group-sm>.btn{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-xs,.btn-group-xs>.btn{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%;padding-left:0;padding-right:0}.btn-block+.btn-block{margin-top:5px}input[type="submit"].btn-block,input[type="reset"].btn-block,input[type="button"].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition:height .35s ease;transition:height .35s ease}@font-face{font-family:'Glyphicons Halflings';src:url('../fonts/glyphicons-halflings-regular.eot');src:url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),url('../fonts/glyphicons-halflings-regular.woff') format('woff'),url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'),url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg')}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"\2a"}.glyphicon-plus:before{content:"\2b"}.glyphicon-euro:before{content:"\20ac"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"}.glyphicon-music:before{content:"\e002"}.glyphicon-search:before{content:"\e003"}.glyphicon-heart:before{content:"\e005"}.glyphicon-star:before{content:"\e006"}.glyphicon-star-empty:before{content:"\e007"}.glyphicon-user:before{content:"\e008"}.glyphicon-film:before{content:"\e009"}.glyphicon-th-large:before{content:"\e010"}.glyphicon-th:before{content:"\e011"}.glyphicon-th-list:before{content:"\e012"}.glyphicon-ok:before{content:"\e013"}.glyphicon-remove:before{content:"\e014"}.glyphicon-zoom-in:before{content:"\e015"}.glyphicon-zoom-out:before{content:"\e016"}.glyphicon-off:before{content:"\e017"}.glyphicon-signal:before{content:"\e018"}.glyphicon-cog:before{content:"\e019"}.glyphicon-trash:before{content:"\e020"}.glyphicon-home:before{content:"\e021"}.glyphicon-file:before{content:"\e022"}.glyphicon-time:before{content:"\e023"}.glyphicon-road:before{content:"\e024"}.glyphicon-download-alt:before{content:"\e025"}.glyphicon-download:before{content:"\e026"}.glyphicon-upload:before{content:"\e027"}.glyphicon-inbox:before{content:"\e028"}.glyphicon-play-circle:before{content:"\e029"}.glyphicon-repeat:before{content:"\e030"}.glyphicon-refresh:before{content:"\e031"}.glyphicon-list-alt:before{content:"\e032"}.glyphicon-lock:before{content:"\e033"}.glyphicon-flag:before{content:"\e034"}.glyphicon-headphones:before{content:"\e035"}.glyphicon-volume-off:before{content:"\e036"}.glyphicon-volume-down:before{content:"\e037"}.glyphicon-volume-up:before{content:"\e038"}.glyphicon-qrcode:before{content:"\e039"}.glyphicon-barcode:before{content:"\e040"}.glyphicon-tag:before{content:"\e041"}.glyphicon-tags:before{content:"\e042"}.glyphicon-book:before{content:"\e043"}.glyphicon-bookmark:before{content:"\e044"}.glyphicon-print:before{content:"\e045"}.glyphicon-camera:before{content:"\e046"}.glyphicon-font:before{content:"\e047"}.glyphicon-bold:before{content:"\e048"}.glyphicon-italic:before{content:"\e049"}.glyphicon-text-height:before{content:"\e050"}.glyphicon-text-width:before{content:"\e051"}.glyphicon-align-left:before{content:"\e052"}.glyphicon-align-center:before{content:"\e053"}.glyphicon-align-right:before{content:"\e054"}.glyphicon-align-justify:before{content:"\e055"}.glyphicon-list:before{content:"\e056"}.glyphicon-indent-left:before{content:"\e057"}.glyphicon-indent-right:before{content:"\e058"}.glyphicon-facetime-video:before{content:"\e059"}.glyphicon-picture:before{content:"\e060"}.glyphicon-map-marker:before{content:"\e062"}.glyphicon-adjust:before{content:"\e063"}.glyphicon-tint:before{content:"\e064"}.glyphicon-edit:before{content:"\e065"}.glyphicon-share:before{content:"\e066"}.glyphicon-check:before{content:"\e067"}.glyphicon-move:before{content:"\e068"}.glyphicon-step-backward:before{content:"\e069"}.glyphicon-fast-backward:before{content:"\e070"}.glyphicon-backward:before{content:"\e071"}.glyphicon-play:before{content:"\e072"}.glyphicon-pause:before{content:"\e073"}.glyphicon-stop:before{content:"\e074"}.glyphicon-forward:before{content:"\e075"}.glyphicon-fast-forward:before{content:"\e076"}.glyphicon-step-forward:before{content:"\e077"}.glyphicon-eject:before{content:"\e078"}.glyphicon-chevron-left:before{content:"\e079"}.glyphicon-chevron-right:before{content:"\e080"}.glyphicon-plus-sign:before{content:"\e081"}.glyphicon-minus-sign:before{content:"\e082"}.glyphicon-remove-sign:before{content:"\e083"}.glyphicon-ok-sign:before{content:"\e084"}.glyphicon-question-sign:before{content:"\e085"}.glyphicon-info-sign:before{content:"\e086"}.glyphicon-screenshot:before{content:"\e087"}.glyphicon-remove-circle:before{content:"\e088"}.glyphicon-ok-circle:before{content:"\e089"}.glyphicon-ban-circle:before{content:"\e090"}.glyphicon-arrow-left:before{content:"\e091"}.glyphicon-arrow-right:before{content:"\e092"}.glyphicon-arrow-up:before{content:"\e093"}.glyphicon-arrow-down:before{content:"\e094"}.glyphicon-share-alt:before{content:"\e095"}.glyphicon-resize-full:before{content:"\e096"}.glyphicon-resize-small:before{content:"\e097"}.glyphicon-exclamation-sign:before{content:"\e101"}.glyphicon-gift:before{content:"\e102"}.glyphicon-leaf:before{content:"\e103"}.glyphicon-fire:before{content:"\e104"}.glyphicon-eye-open:before{content:"\e105"}.glyphicon-eye-close:before{content:"\e106"}.glyphicon-warning-sign:before{content:"\e107"}.glyphicon-plane:before{content:"\e108"}.glyphicon-calendar:before{content:"\e109"}.glyphicon-random:before{content:"\e110"}.glyphicon-comment:before{content:"\e111"}.glyphicon-magnet:before{content:"\e112"}.glyphicon-chevron-up:before{content:"\e113"}.glyphicon-chevron-down:before{content:"\e114"}.glyphicon-retweet:before{content:"\e115"}.glyphicon-shopping-cart:before{content:"\e116"}.glyphicon-folder-close:before{content:"\e117"}.glyphicon-folder-open:before{content:"\e118"}.glyphicon-resize-vertical:before{content:"\e119"}.glyphicon-resize-horizontal:before{content:"\e120"}.glyphicon-hdd:before{content:"\e121"}.glyphicon-bullhorn:before{content:"\e122"}.glyphicon-bell:before{content:"\e123"}.glyphicon-certificate:before{content:"\e124"}.glyphicon-thumbs-up:before{content:"\e125"}.glyphicon-thumbs-down:before{content:"\e126"}.glyphicon-hand-right:before{content:"\e127"}.glyphicon-hand-left:before{content:"\e128"}.glyphicon-hand-up:before{content:"\e129"}.glyphicon-hand-down:before{content:"\e130"}.glyphicon-circle-arrow-right:before{content:"\e131"}.glyphicon-circle-arrow-left:before{content:"\e132"}.glyphicon-circle-arrow-up:before{content:"\e133"}.glyphicon-circle-arrow-down:before{content:"\e134"}.glyphicon-globe:before{content:"\e135"}.glyphicon-wrench:before{content:"\e136"}.glyphicon-tasks:before{content:"\e137"}.glyphicon-filter:before{content:"\e138"}.glyphicon-briefcase:before{content:"\e139"}.glyphicon-fullscreen:before{content:"\e140"}.glyphicon-dashboard:before{content:"\e141"}.glyphicon-paperclip:before{content:"\e142"}.glyphicon-heart-empty:before{content:"\e143"}.glyphicon-link:before{content:"\e144"}.glyphicon-phone:before{content:"\e145"}.glyphicon-pushpin:before{content:"\e146"}.glyphicon-usd:before{content:"\e148"}.glyphicon-gbp:before{content:"\e149"}.glyphicon-sort:before{content:"\e150"}.glyphicon-sort-by-alphabet:before{content:"\e151"}.glyphicon-sort-by-alphabet-alt:before{content:"\e152"}.glyphicon-sort-by-order:before{content:"\e153"}.glyphicon-sort-by-order-alt:before{content:"\e154"}.glyphicon-sort-by-attributes:before{content:"\e155"}.glyphicon-sort-by-attributes-alt:before{content:"\e156"}.glyphicon-unchecked:before{content:"\e157"}.glyphicon-expand:before{content:"\e158"}.glyphicon-collapse-down:before{content:"\e159"}.glyphicon-collapse-up:before{content:"\e160"}.glyphicon-log-in:before{content:"\e161"}.glyphicon-flash:before{content:"\e162"}.glyphicon-log-out:before{content:"\e163"}.glyphicon-new-window:before{content:"\e164"}.glyphicon-record:before{content:"\e165"}.glyphicon-save:before{content:"\e166"}.glyphicon-open:before{content:"\e167"}.glyphicon-saved:before{content:"\e168"}.glyphicon-import:before{content:"\e169"}.glyphicon-export:before{content:"\e170"}.glyphicon-send:before{content:"\e171"}.glyphicon-floppy-disk:before{content:"\e172"}.glyphicon-floppy-saved:before{content:"\e173"}.glyphicon-floppy-remove:before{content:"\e174"}.glyphicon-floppy-save:before{content:"\e175"}.glyphicon-floppy-open:before{content:"\e176"}.glyphicon-credit-card:before{content:"\e177"}.glyphicon-transfer:before{content:"\e178"}.glyphicon-cutlery:before{content:"\e179"}.glyphicon-header:before{content:"\e180"}.glyphicon-compressed:before{content:"\e181"}.glyphicon-earphone:before{content:"\e182"}.glyphicon-phone-alt:before{content:"\e183"}.glyphicon-tower:before{content:"\e184"}.glyphicon-stats:before{content:"\e185"}.glyphicon-sd-video:before{content:"\e186"}.glyphicon-hd-video:before{content:"\e187"}.glyphicon-subtitles:before{content:"\e188"}.glyphicon-sound-stereo:before{content:"\e189"}.glyphicon-sound-dolby:before{content:"\e190"}.glyphicon-sound-5-1:before{content:"\e191"}.glyphicon-sound-6-1:before{content:"\e192"}.glyphicon-sound-7-1:before{content:"\e193"}.glyphicon-copyright-mark:before{content:"\e194"}.glyphicon-registration-mark:before{content:"\e195"}.glyphicon-cloud-download:before{content:"\e197"}.glyphicon-cloud-upload:before{content:"\e198"}.glyphicon-tree-conifer:before{content:"\e199"}.glyphicon-tree-deciduous:before{content:"\e200"}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent}.dropdown{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;list-style:none;font-size:14px;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,0.175);box-shadow:0 6px 12px rgba(0,0,0,0.175);background-clip:padding-box}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:normal;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{text-decoration:none;color:#262626;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{color:#fff;text-decoration:none;outline:0;background-color:#428bca}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{color:#999}.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{text-decoration:none;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);cursor:not-allowed}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{left:auto;right:0}.dropdown-menu-left{left:0;right:auto}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#999}.dropdown-backdrop{position:fixed;left:0;right:0;bottom:0;top:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{border-top:0;border-bottom:4px solid;content:""}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:1px}@media (min-width:768px){.navbar-right .dropdown-menu{left:auto;right:0}.navbar-right .dropdown-menu-left{left:0;right:auto}}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group>.btn,.btn-group-vertical>.btn{position:relative;float:left}.btn-group>.btn:hover,.btn-group-vertical>.btn:hover,.btn-group>.btn:focus,.btn-group-vertical>.btn:focus,.btn-group>.btn:active,.btn-group-vertical>.btn:active,.btn-group>.btn.active,.btn-group-vertical>.btn.active{z-index:2}.btn-group>.btn:focus,.btn-group-vertical>.btn:focus{outline:none}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{margin-left:-5px}.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-top-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.btn-group>.btn-group{float:left}.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group>.btn-group:first-child>.btn:last-child,.btn-group>.btn-group:first-child>.dropdown-toggle{border-bottom-right-radius:0;border-top-right-radius:0}.btn-group>.btn-group:last-child>.btn:first-child{border-bottom-left-radius:0;border-top-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn+.dropdown-toggle{padding-left:8px;padding-right:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-left:12px;padding-right:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-bottom-left-radius:4px;border-top-right-radius:0;border-top-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-right-radius:0;border-top-left-radius:0}.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}.btn-group-justified>.btn,.btn-group-justified>.btn-group{float:none;display:table-cell;width:1%}.btn-group-justified>.btn-group .btn{width:100%}[data-toggle="buttons"]>.btn>input[type="radio"],[data-toggle="buttons"]>.btn>input[type="checkbox"]{display:none}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*="col-"]{float:none;padding-left:0;padding-right:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:46px;line-height:46px}textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn,select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn,select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn{height:auto}.input-group-addon,.input-group-btn,.input-group .form-control{display:table-cell}.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child),.input-group .form-control:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:normal;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type="radio"],.input-group-addon input[type="checkbox"]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group-btn:last-child>.btn-group:not(:last-child)>.btn{border-bottom-right-radius:0;border-top-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:first-child>.btn-group:not(:first-child)>.btn{border-bottom-left-radius:0;border-top-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{position:relative;font-size:0;white-space:nowrap}.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-1px}.input-group-btn>.btn:hover,.input-group-btn>.btn:focus,.input-group-btn>.btn:active{z-index:2}.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{margin-left:-1px}.nav{margin-bottom:0;padding-left:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:hover,.nav>li>a:focus{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#999}.nav>li.disabled>a:hover,.nav>li.disabled>a:focus{color:#999;text-decoration:none;background-color:transparent;cursor:not-allowed}.nav .open>a,.nav .open>a:hover,.nav .open>a:focus{background-color:#eee;border-color:#428bca}.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{color:#555;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent;cursor:default}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{text-align:center;margin-bottom:5px}.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}}.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus{border:1px solid #ddd}@media (min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus{border-bottom-color:#fff}}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:4px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus{color:#fff;background-color:#428bca}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{text-align:center;margin-bottom:5px}.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus{border:1px solid #ddd}@media (min-width:768px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus{border-bottom-color:#fff}}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-right-radius:0;border-top-left-radius:0}.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}@media (min-width:768px){.navbar{border-radius:4px}}@media (min-width:768px){.navbar-header{float:left}}.navbar-collapse{max-height:340px;overflow-x:visible;padding-right:15px;padding-left:15px;border-top:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);-webkit-overflow-scrolling:touch}.navbar-collapse.in{overflow-y:auto}@media (min-width:768px){.navbar-collapse{width:auto;border-top:0;box-shadow:none}.navbar-collapse.collapse{display:block !important;height:auto !important;padding-bottom:0;overflow:visible !important}.navbar-collapse.in{overflow-y:visible}.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse{padding-left:0;padding-right:0}}.container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse{margin-right:0;margin-left:0}}.navbar-static-top{z-index:1000;border-width:0 0 1px}@media (min-width:768px){.navbar-static-top{border-radius:0}}.navbar-fixed-top,.navbar-fixed-bottom{position:fixed;right:0;left:0;z-index:1030}@media (min-width:768px){.navbar-fixed-top,.navbar-fixed-bottom{border-radius:0}}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}.navbar-brand{float:left;padding:15px 15px;font-size:18px;line-height:20px;height:50px}.navbar-brand:hover,.navbar-brand:focus{text-decoration:none}@media (min-width:768px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}}.navbar-toggle{position:relative;float:right;margin-right:15px;padding:9px 10px;margin-top:8px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}.navbar-toggle:focus{outline:none}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media (min-width:768px){.navbar-toggle{display:none}}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media (max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;box-shadow:none}.navbar-nav .open .dropdown-menu>li>a,.navbar-nav .open .dropdown-menu .dropdown-header{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:hover,.navbar-nav .open .dropdown-menu>li>a:focus{background-image:none}}@media (min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}.navbar-nav.navbar-right:last-child{margin-right:-15px}}@media (min-width:768px){.navbar-left{float:left !important}.navbar-right{float:right !important}}.navbar-form{margin-left:-15px;margin-right:-15px;padding:10px 15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1);box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1);margin-top:8px;margin-bottom:8px}@media (min-width:768px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}.navbar-form .input-group>.form-control{width:100%}.navbar-form .control-label{margin-bottom:0;vertical-align:middle}.navbar-form .radio,.navbar-form .checkbox{display:inline-block;margin-top:0;margin-bottom:0;padding-left:0;vertical-align:middle}.navbar-form .radio input[type="radio"],.navbar-form .checkbox input[type="checkbox"]{float:none;margin-left:0}.navbar-form .has-feedback .form-control-feedback{top:0}}@media (max-width:767px){.navbar-form .form-group{margin-bottom:5px}}@media (min-width:768px){.navbar-form{width:auto;border:0;margin-left:0;margin-right:0;padding-top:0;padding-bottom:0;-webkit-box-shadow:none;box-shadow:none}.navbar-form.navbar-right:last-child{margin-right:-15px}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-right-radius:0;border-top-left-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{border-bottom-right-radius:0;border-bottom-left-radius:0}.navbar-btn{margin-top:8px;margin-bottom:8px}.navbar-btn.btn-sm{margin-top:10px;margin-bottom:10px}.navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}.navbar-text{margin-top:15px;margin-bottom:15px}@media (min-width:768px){.navbar-text{float:left;margin-left:15px;margin-right:15px}.navbar-text.navbar-right:last-child{margin-right:0}}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand{color:#777}.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus{color:#5e5e5e;background-color:transparent}.navbar-default .navbar-text{color:#777}.navbar-default .navbar-nav>li>a{color:#777}.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:hover,.navbar-default .navbar-nav>.disabled>a:focus{color:#ccc;background-color:transparent}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#888}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus{background-color:#e7e7e7;color:#555}@media (max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#ccc;background-color:transparent}}.navbar-default .navbar-link{color:#777}.navbar-default .navbar-link:hover{color:#333}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#999}.navbar-inverse .navbar-brand:hover,.navbar-inverse .navbar-brand:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-text{color:#999}.navbar-inverse .navbar-nav>li>a{color:#999}.navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>li>a:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>.active>a:focus{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:hover,.navbar-inverse .navbar-nav>.disabled>a:focus{color:#444;background-color:transparent}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a:focus{background-color:#080808;color:#fff}@media (max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#999}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#444;background-color:transparent}}.navbar-inverse .navbar-link{color:#999}.navbar-inverse .navbar-link:hover{color:#fff}.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{content:"/\00a0";padding:0 5px;color:#ccc}.breadcrumb>.active{color:#999}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;line-height:1.42857143;text-decoration:none;color:#428bca;background-color:#fff;border:1px solid #ddd;margin-left:-1px}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-bottom-right-radius:4px;border-top-right-radius:4px}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{color:#2a6496;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{z-index:2;color:#fff;background-color:#428bca;border-color:#428bca;cursor:default}.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#999;background-color:#fff;border-color:#ddd;cursor:not-allowed}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-bottom-left-radius:6px;border-top-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-bottom-right-radius:6px;border-top-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-bottom-left-radius:3px;border-top-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-bottom-right-radius:3px;border-top-right-radius:3px}.pager{padding-left:0;margin:20px 0;list-style:none;text-align:center}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:hover,.pager li>a:focus{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:hover,.pager .disabled>a:focus,.pager .disabled>span{color:#999;background-color:#fff;cursor:not-allowed}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:bold;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}.label[href]:hover,.label[href]:focus{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#999}.label-default[href]:hover,.label-default[href]:focus{background-color:#808080}.label-primary{background-color:#428bca}.label-primary[href]:hover,.label-primary[href]:focus{background-color:#3071a9}.label-success{background-color:#5cb85c}.label-success[href]:hover,.label-success[href]:focus{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:hover,.label-info[href]:focus{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:hover,.label-warning[href]:focus{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:hover,.label-danger[href]:focus{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:bold;color:#fff;line-height:1;vertical-align:baseline;white-space:nowrap;text-align:center;background-color:#999;border-radius:10px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.btn-xs .badge{top:0;padding:1px 5px}a.badge:hover,a.badge:focus{color:#fff;text-decoration:none;cursor:pointer}a.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#428bca;background-color:#fff}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding:30px;margin-bottom:30px;color:inherit;background-color:#eee}.jumbotron h1,.jumbotron .h1{color:inherit}.jumbotron p{margin-bottom:15px;font-size:21px;font-weight:200}.container .jumbotron{border-radius:6px}.jumbotron .container{max-width:100%}@media screen and (min-width:768px){.jumbotron{padding-top:48px;padding-bottom:48px}.container .jumbotron{padding-left:60px;padding-right:60px}.jumbotron h1,.jumbotron .h1{font-size:63px}}.thumbnail{display:block;padding:4px;margin-bottom:20px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.thumbnail>img,.thumbnail a>img{margin-left:auto;margin-right:auto}a.thumbnail:hover,a.thumbnail:focus,a.thumbnail.active{border-color:#428bca}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:bold}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable{padding-right:35px}.alert-dismissable .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{background-color:#dff0d8;border-color:#d6e9c6;color:#3c763d}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{background-color:#d9edf7;border-color:#bce8f1;color:#31708f}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{background-color:#fcf8e3;border-color:#faebcc;color:#8a6d3b}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{background-color:#f2dede;border-color:#ebccd1;color:#a94442}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{overflow:hidden;height:20px;margin-bottom:20px;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1)}.progress-bar{float:left;width:0%;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#428bca;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-webkit-transition:width .6s ease;transition:width .6s ease}.progress-striped .progress-bar{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-size:40px 40px}.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)}.media,.media-body{overflow:hidden;zoom:1}.media,.media .media{margin-top:15px}.media:first-child{margin-top:0}.media-object{display:block}.media-heading{margin:0 0 5px}.media>.pull-left{margin-right:10px}.media>.pull-right{margin-left:10px}.media-list{padding-left:0;list-style:none}.list-group{margin-bottom:20px;padding-left:0}.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group-item:first-child{border-top-right-radius:4px;border-top-left-radius:4px}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}a.list-group-item{color:#555}a.list-group-item .list-group-item-heading{color:#333}a.list-group-item:hover,a.list-group-item:focus{text-decoration:none;background-color:#f5f5f5}a.list-group-item.active,a.list-group-item.active:hover,a.list-group-item.active:focus{z-index:2;color:#fff;background-color:#428bca;border-color:#428bca}a.list-group-item.active .list-group-item-heading,a.list-group-item.active:hover .list-group-item-heading,a.list-group-item.active:focus .list-group-item-heading{color:inherit}a.list-group-item.active .list-group-item-text,a.list-group-item.active:hover .list-group-item-text,a.list-group-item.active:focus .list-group-item-text{color:#e1edf7}.list-group-item-success{color:#3c763d;background-color:#dff0d8}a.list-group-item-success{color:#3c763d}a.list-group-item-success .list-group-item-heading{color:inherit}a.list-group-item-success:hover,a.list-group-item-success:focus{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active,a.list-group-item-success.active:hover,a.list-group-item-success.active:focus{color:#fff;background-color:#3c763d;border-color:#3c763d}.list-group-item-info{color:#31708f;background-color:#d9edf7}a.list-group-item-info{color:#31708f}a.list-group-item-info .list-group-item-heading{color:inherit}a.list-group-item-info:hover,a.list-group-item-info:focus{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active,a.list-group-item-info.active:hover,a.list-group-item-info.active:focus{color:#fff;background-color:#31708f;border-color:#31708f}.list-group-item-warning{color:#8a6d3b;background-color:#fcf8e3}a.list-group-item-warning{color:#8a6d3b}a.list-group-item-warning .list-group-item-heading{color:inherit}a.list-group-item-warning:hover,a.list-group-item-warning:focus{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active,a.list-group-item-warning.active:hover,a.list-group-item-warning.active:focus{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}.list-group-item-danger{color:#a94442;background-color:#f2dede}a.list-group-item-danger{color:#a94442}a.list-group-item-danger .list-group-item-heading{color:inherit}a.list-group-item-danger:hover,a.list-group-item-danger:focus{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active,a.list-group-item-danger.active:hover,a.list-group-item-danger.active:focus{color:#fff;background-color:#a94442;border-color:#a94442}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.05);box-shadow:0 1px 1px rgba(0,0,0,0.05)}.panel-body{padding:15px}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-right-radius:3px;border-top-left-radius:3px}.panel-heading>.dropdown .dropdown-toggle{color:inherit}.panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit}.panel-title>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.list-group{margin-bottom:0}.panel>.list-group .list-group-item{border-width:1px 0;border-radius:0}.panel>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-right-radius:3px;border-top-left-radius:3px}.panel>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.panel>.table,.panel>.table-responsive>.table{margin-bottom:0}.panel>.table:first-child,.panel>.table-responsive:first-child>.table:first-child{border-top-right-radius:3px;border-top-left-radius:3px}.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table:last-child,.panel>.table-responsive:last-child>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}.panel>.panel-body+.table,.panel>.panel-body+.table-responsive{border-top:1px solid #ddd}.panel>.table>tbody:first-child>tr:first-child th,.panel>.table>tbody:first-child>tr:first-child td{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th{border-bottom:0}.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}.panel>.table-responsive{border:0;margin-bottom:0}.panel-group{margin-bottom:20px}.panel-group .panel{margin-bottom:0;border-radius:4px;overflow:hidden}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse .panel-body{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse .panel-body{border-top-color:#ddd}.panel-default>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#428bca}.panel-primary>.panel-heading{color:#fff;background-color:#428bca;border-color:#428bca}.panel-primary>.panel-heading+.panel-collapse .panel-body{border-top-color:#428bca}.panel-primary>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#428bca}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse .panel-body{border-top-color:#d6e9c6}.panel-success>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#d6e9c6}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse .panel-body{border-top-color:#bce8f1}.panel-info>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#bce8f1}.panel-warning{border-color:#faebcc}.panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.panel-warning>.panel-heading+.panel-collapse .panel-body{border-top-color:#faebcc}.panel-warning>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#faebcc}.panel-danger{border-color:#ebccd1}.panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.panel-danger>.panel-heading+.panel-collapse .panel-body{border-top-color:#ebccd1}.panel-danger>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#ebccd1}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);box-shadow:inset 0 1px 1px rgba(0,0,0,0.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,0.15)}.well-lg{padding:24px;border-radius:6px}.well-sm{padding:9px;border-radius:3px}.close{float:right;font-size:21px;font-weight:bold;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.5;filter:alpha(opacity=50)}button.close{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}.modal-open{overflow:hidden}.modal{display:none;overflow:auto;overflow-y:scroll;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transform:translate(0, -25%);-ms-transform:translate(0, -25%);transform:translate(0, -25%);-webkit-transition:-webkit-transform 0.3s ease-out;-moz-transition:-moz-transform 0.3s ease-out;-o-transition:-o-transform 0.3s ease-out;transition:transform 0.3s ease-out}.modal.in .modal-dialog{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,0.2);border-radius:6px;-webkit-box-shadow:0 3px 9px rgba(0,0,0,0.5);box-shadow:0 3px 9px rgba(0,0,0,0.5);background-clip:padding-box;outline:none}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{opacity:0;filter:alpha(opacity=0)}.modal-backdrop.in{opacity:.5;filter:alpha(opacity=50)}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5;min-height:16.42857143px}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:20px}.modal-footer{margin-top:15px;padding:19px 20px 20px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-left:5px;margin-bottom:0}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,0.5);box-shadow:0 5px 15px rgba(0,0,0,0.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}.tooltip{position:absolute;z-index:1030;display:block;visibility:visible;font-size:12px;line-height:1.4;opacity:0;filter:alpha(opacity=0)}.tooltip.in{opacity:.9;filter:alpha(opacity=90)}.tooltip.top{margin-top:-3px;padding:5px 0}.tooltip.right{margin-left:3px;padding:0 5px}.tooltip.bottom{margin-top:3px;padding:5px 0}.tooltip.left{margin-left:-3px;padding:0 5px}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;text-decoration:none;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow{bottom:0;left:5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-right .tooltip-arrow{bottom:0;right:5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-left .tooltip-arrow{top:0;left:5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;right:5px;border-width:0 5px 5px;border-bottom-color:#000}.popover{position:absolute;top:0;left:0;z-index:1010;display:none;max-width:276px;padding:1px;text-align:left;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);box-shadow:0 5px 10px rgba(0,0,0,0.2);white-space:normal}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{margin:0;padding:8px 14px;font-size:14px;font-weight:normal;line-height:18px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover>.arrow{border-width:11px}.popover>.arrow:after{border-width:10px;content:""}.popover.top>.arrow{left:50%;margin-left:-11px;border-bottom-width:0;border-top-color:#999;border-top-color:rgba(0,0,0,0.25);bottom:-11px}.popover.top>.arrow:after{content:" ";bottom:1px;margin-left:-10px;border-bottom-width:0;border-top-color:#fff}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-left-width:0;border-right-color:#999;border-right-color:rgba(0,0,0,0.25)}.popover.right>.arrow:after{content:" ";left:1px;bottom:-10px;border-left-width:0;border-right-color:#fff}.popover.bottom>.arrow{left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,0.25);top:-11px}.popover.bottom>.arrow:after{content:" ";top:1px;margin-left:-10px;border-top-width:0;border-bottom-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,0.25)}.popover.left>.arrow:after{content:" ";right:1px;border-right-width:0;border-left-color:#fff;bottom:-10px}.carousel{position:relative}.carousel-inner{position:relative;overflow:hidden;width:100%}.carousel-inner>.item{display:none;position:relative;-webkit-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>img,.carousel-inner>.item>a>img{line-height:1}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;left:0;bottom:0;width:15%;opacity:.5;filter:alpha(opacity=50);font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,0.6)}.carousel-control.left{background-image:-webkit-linear-gradient(left, color-stop(rgba(0,0,0,0.5) 0), color-stop(rgba(0,0,0,0.0001) 100%));background-image:linear-gradient(to right, rgba(0,0,0,0.5) 0, rgba(0,0,0,0.0001) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)}.carousel-control.right{left:auto;right:0;background-image:-webkit-linear-gradient(left, color-stop(rgba(0,0,0,0.0001) 0), color-stop(rgba(0,0,0,0.5) 100%));background-image:linear-gradient(to right, rgba(0,0,0,0.0001) 0, rgba(0,0,0,0.5) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)}.carousel-control:hover,.carousel-control:focus{outline:none;color:#fff;text-decoration:none;opacity:.9;filter:alpha(opacity=90)}.carousel-control .icon-prev,.carousel-control .icon-next,.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right{position:absolute;top:50%;z-index:5;display:inline-block}.carousel-control .icon-prev,.carousel-control .glyphicon-chevron-left{left:50%}.carousel-control .icon-next,.carousel-control .glyphicon-chevron-right{right:50%}.carousel-control .icon-prev,.carousel-control .icon-next{width:20px;height:20px;margin-top:-10px;margin-left:-10px;font-family:serif}.carousel-control .icon-prev:before{content:'\2039'}.carousel-control .icon-next:before{content:'\203a'}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;margin-left:-30%;padding-left:0;list-style:none;text-align:center}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;border:1px solid #fff;border-radius:10px;cursor:pointer;background-color:#000 \9;background-color:rgba(0,0,0,0)}.carousel-indicators .active{margin:0;width:12px;height:12px;background-color:#fff}.carousel-caption{position:absolute;left:15%;right:15%;bottom:20px;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,0.6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-prev,.carousel-control .icon-next{width:30px;height:30px;margin-top:-15px;margin-left:-15px;font-size:30px}.carousel-caption{left:20%;right:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.clearfix:before,.clearfix:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after,.form-horizontal .form-group:before,.form-horizontal .form-group:after,.btn-toolbar:before,.btn-toolbar:after,.btn-group-vertical>.btn-group:before,.btn-group-vertical>.btn-group:after,.nav:before,.nav:after,.navbar:before,.navbar:after,.navbar-header:before,.navbar-header:after,.navbar-collapse:before,.navbar-collapse:after,.pager:before,.pager:after,.panel-body:before,.panel-body:after,.modal-footer:before,.modal-footer:after{content:" ";display:table}.clearfix:after,.container:after,.container-fluid:after,.row:after,.form-horizontal .form-group:after,.btn-toolbar:after,.btn-group-vertical>.btn-group:after,.nav:after,.navbar:after,.navbar-header:after,.navbar-collapse:after,.pager:after,.panel-body:after,.modal-footer:after{clear:both}.center-block{display:block;margin-left:auto;margin-right:auto}.pull-right{float:right !important}.pull-left{float:left !important}.hide{display:none !important}.show{display:block !important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none !important;visibility:hidden !important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-xs,.visible-sm,.visible-md,.visible-lg{display:none !important}@media (max-width:767px){.visible-xs{display:block !important}table.visible-xs{display:table}tr.visible-xs{display:table-row !important}th.visible-xs,td.visible-xs{display:table-cell !important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block !important}table.visible-sm{display:table}tr.visible-sm{display:table-row !important}th.visible-sm,td.visible-sm{display:table-cell !important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block !important}table.visible-md{display:table}tr.visible-md{display:table-row !important}th.visible-md,td.visible-md{display:table-cell !important}}@media (min-width:1200px){.visible-lg{display:block !important}table.visible-lg{display:table}tr.visible-lg{display:table-row !important}th.visible-lg,td.visible-lg{display:table-cell !important}}@media (max-width:767px){.hidden-xs{display:none !important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none !important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none !important}}@media (min-width:1200px){.hidden-lg{display:none !important}}.visible-print{display:none !important}@media print{.visible-print{display:block !important}table.visible-print{display:table}tr.visible-print{display:table-row !important}th.visible-print,td.visible-print{display:table-cell !important}}@media print{.hidden-print{display:none !important}} /*! * Font Awesome 4.4.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /* FONT PATH * -------------------------- */ @font-face { font-family: 'FontAwesome'; src: url('/assets/fontawesome-webfont-d4f5a99224154f2a808e42a441ddc9248ffe78b7a4083684ce159270b30b912a.eot?v=4.4.0'); src: url('/assets/fontawesome-webfont-d4f5a99224154f2a808e42a441ddc9248ffe78b7a4083684ce159270b30b912a.eot?#iefix&v=4.4.0') format('embedded-opentype'), url('/assets/fontawesome-webfont-3c4a1bb7ce3234407184f0d80cc4dec075e4ad616b44dcc5778e1cfb1bc24019.woff2?v=4.4.0') format('woff2'), url('/assets/fontawesome-webfont-a7c7e4930090e038a280fd61d88f0dc03dad4aeaedbd8c9be3dd9aa4c3b6f8d1.woff?v=4.4.0') format('woff'), url('/assets/fontawesome-webfont-1b7f3de49d68b01f415574ebb82e6110a1d09cda2071ad8451bdb5124131a292.ttf?v=4.4.0') format('truetype'), url('/assets/fontawesome-webfont-7414288c272f6cc10304aa18e89bf24fb30f40afd644623f425c2c3d71fbe06a.svg?v=4.4.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* makes the font 33% larger relative to the icon container */ .fa-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.28571429em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.14285714em; text-align: center; } .fa-li.fa-lg { left: -1.85714286em; } .fa-border { padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left { margin-right: .3em; } .fa.fa-pull-right { margin-left: .3em; } /* Deprecated as of 4.4.0 */ .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: .3em; } .fa.pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .fa-rotate-90 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #ffffff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-glass:before { content: "\f000"; } .fa-music:before { content: "\f001"; } .fa-search:before { content: "\f002"; } .fa-envelope-o:before { content: "\f003"; } .fa-heart:before { content: "\f004"; } .fa-star:before { content: "\f005"; } .fa-star-o:before { content: "\f006"; } .fa-user:before { content: "\f007"; } .fa-film:before { content: "\f008"; } .fa-th-large:before { content: "\f009"; } .fa-th:before { content: "\f00a"; } .fa-th-list:before { content: "\f00b"; } .fa-check:before { content: "\f00c"; } .fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d"; } .fa-search-plus:before { content: "\f00e"; } .fa-search-minus:before { content: "\f010"; } .fa-power-off:before { content: "\f011"; } .fa-signal:before { content: "\f012"; } .fa-gear:before, .fa-cog:before { content: "\f013"; } .fa-trash-o:before { content: "\f014"; } .fa-home:before { content: "\f015"; } .fa-file-o:before { content: "\f016"; } .fa-clock-o:before { content: "\f017"; } .fa-road:before { content: "\f018"; } .fa-download:before { content: "\f019"; } .fa-arrow-circle-o-down:before { content: "\f01a"; } .fa-arrow-circle-o-up:before { content: "\f01b"; } .fa-inbox:before { content: "\f01c"; } .fa-play-circle-o:before { content: "\f01d"; } .fa-rotate-right:before, .fa-repeat:before { content: "\f01e"; } .fa-refresh:before { content: "\f021"; } .fa-list-alt:before { content: "\f022"; } .fa-lock:before { content: "\f023"; } .fa-flag:before { content: "\f024"; } .fa-headphones:before { content: "\f025"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-up:before { content: "\f028"; } .fa-qrcode:before { content: "\f029"; } .fa-barcode:before { content: "\f02a"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-book:before { content: "\f02d"; } .fa-bookmark:before { content: "\f02e"; } .fa-print:before { content: "\f02f"; } .fa-camera:before { content: "\f030"; } .fa-font:before { content: "\f031"; } .fa-bold:before { content: "\f032"; } .fa-italic:before { content: "\f033"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-align-left:before { content: "\f036"; } .fa-align-center:before { content: "\f037"; } .fa-align-right:before { content: "\f038"; } .fa-align-justify:before { content: "\f039"; } .fa-list:before { content: "\f03a"; } .fa-dedent:before, .fa-outdent:before { content: "\f03b"; } .fa-indent:before { content: "\f03c"; } .fa-video-camera:before { content: "\f03d"; } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\f03e"; } .fa-pencil:before { content: "\f040"; } .fa-map-marker:before { content: "\f041"; } .fa-adjust:before { content: "\f042"; } .fa-tint:before { content: "\f043"; } .fa-edit:before, .fa-pencil-square-o:before { content: "\f044"; } .fa-share-square-o:before { content: "\f045"; } .fa-check-square-o:before { content: "\f046"; } .fa-arrows:before { content: "\f047"; } .fa-step-backward:before { content: "\f048"; } .fa-fast-backward:before { content: "\f049"; } .fa-backward:before { content: "\f04a"; } .fa-play:before { content: "\f04b"; } .fa-pause:before { content: "\f04c"; } .fa-stop:before { content: "\f04d"; } .fa-forward:before { content: "\f04e"; } .fa-fast-forward:before { content: "\f050"; } .fa-step-forward:before { content: "\f051"; } .fa-eject:before { content: "\f052"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-plus-circle:before { content: "\f055"; } .fa-minus-circle:before { content: "\f056"; } .fa-times-circle:before { content: "\f057"; } .fa-check-circle:before { content: "\f058"; } .fa-question-circle:before { content: "\f059"; } .fa-info-circle:before { content: "\f05a"; } .fa-crosshairs:before { content: "\f05b"; } .fa-times-circle-o:before { content: "\f05c"; } .fa-check-circle-o:before { content: "\f05d"; } .fa-ban:before { content: "\f05e"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrow-down:before { content: "\f063"; } .fa-mail-forward:before, .fa-share:before { content: "\f064"; } .fa-expand:before { content: "\f065"; } .fa-compress:before { content: "\f066"; } .fa-plus:before { content: "\f067"; } .fa-minus:before { content: "\f068"; } .fa-asterisk:before { content: "\f069"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-gift:before { content: "\f06b"; } .fa-leaf:before { content: "\f06c"; } .fa-fire:before { content: "\f06d"; } .fa-eye:before { content: "\f06e"; } .fa-eye-slash:before { content: "\f070"; } .fa-warning:before, .fa-exclamation-triangle:before { content: "\f071"; } .fa-plane:before { content: "\f072"; } .fa-calendar:before { content: "\f073"; } .fa-random:before { content: "\f074"; } .fa-comment:before { content: "\f075"; } .fa-magnet:before { content: "\f076"; } .fa-chevron-up:before { content: "\f077"; } .fa-chevron-down:before { content: "\f078"; } .fa-retweet:before { content: "\f079"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-folder:before { content: "\f07b"; } .fa-folder-open:before { content: "\f07c"; } .fa-arrows-v:before { content: "\f07d"; } .fa-arrows-h:before { content: "\f07e"; } .fa-bar-chart-o:before, .fa-bar-chart:before { content: "\f080"; } .fa-twitter-square:before { content: "\f081"; } .fa-facebook-square:before { content: "\f082"; } .fa-camera-retro:before { content: "\f083"; } .fa-key:before { content: "\f084"; } .fa-gears:before, .fa-cogs:before { content: "\f085"; } .fa-comments:before { content: "\f086"; } .fa-thumbs-o-up:before { content: "\f087"; } .fa-thumbs-o-down:before { content: "\f088"; } .fa-star-half:before { content: "\f089"; } .fa-heart-o:before { content: "\f08a"; } .fa-sign-out:before { content: "\f08b"; } .fa-linkedin-square:before { content: "\f08c"; } .fa-thumb-tack:before { content: "\f08d"; } .fa-external-link:before { content: "\f08e"; } .fa-sign-in:before { content: "\f090"; } .fa-trophy:before { content: "\f091"; } .fa-github-square:before { content: "\f092"; } .fa-upload:before { content: "\f093"; } .fa-lemon-o:before { content: "\f094"; } .fa-phone:before { content: "\f095"; } .fa-square-o:before { content: "\f096"; } .fa-bookmark-o:before { content: "\f097"; } .fa-phone-square:before { content: "\f098"; } .fa-twitter:before { content: "\f099"; } .fa-facebook-f:before, .fa-facebook:before { content: "\f09a"; } .fa-github:before { content: "\f09b"; } .fa-unlock:before { content: "\f09c"; } .fa-credit-card:before { content: "\f09d"; } .fa-feed:before, .fa-rss:before { content: "\f09e"; } .fa-hdd-o:before { content: "\f0a0"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bell:before { content: "\f0f3"; } .fa-certificate:before { content: "\f0a3"; } .fa-hand-o-right:before { content: "\f0a4"; } .fa-hand-o-left:before { content: "\f0a5"; } .fa-hand-o-up:before { content: "\f0a6"; } .fa-hand-o-down:before { content: "\f0a7"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-globe:before { content: "\f0ac"; } .fa-wrench:before { content: "\f0ad"; } .fa-tasks:before { content: "\f0ae"; } .fa-filter:before { content: "\f0b0"; } .fa-briefcase:before { content: "\f0b1"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-group:before, .fa-users:before { content: "\f0c0"; } .fa-chain:before, .fa-link:before { content: "\f0c1"; } .fa-cloud:before { content: "\f0c2"; } .fa-flask:before { content: "\f0c3"; } .fa-cut:before, .fa-scissors:before { content: "\f0c4"; } .fa-copy:before, .fa-files-o:before { content: "\f0c5"; } .fa-paperclip:before { content: "\f0c6"; } .fa-save:before, .fa-floppy-o:before { content: "\f0c7"; } .fa-square:before { content: "\f0c8"; } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\f0c9"; } .fa-list-ul:before { content: "\f0ca"; } .fa-list-ol:before { content: "\f0cb"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-underline:before { content: "\f0cd"; } .fa-table:before { content: "\f0ce"; } .fa-magic:before { content: "\f0d0"; } .fa-truck:before { content: "\f0d1"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-plus:before { content: "\f0d5"; } .fa-money:before { content: "\f0d6"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-up:before { content: "\f0d8"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-columns:before { content: "\f0db"; } .fa-unsorted:before, .fa-sort:before { content: "\f0dc"; } .fa-sort-down:before, .fa-sort-desc:before { content: "\f0dd"; } .fa-sort-up:before, .fa-sort-asc:before { content: "\f0de"; } .fa-envelope:before { content: "\f0e0"; } .fa-linkedin:before { content: "\f0e1"; } .fa-rotate-left:before, .fa-undo:before { content: "\f0e2"; } .fa-legal:before, .fa-gavel:before { content: "\f0e3"; } .fa-dashboard:before, .fa-tachometer:before { content: "\f0e4"; } .fa-comment-o:before { content: "\f0e5"; } .fa-comments-o:before { content: "\f0e6"; } .fa-flash:before, .fa-bolt:before { content: "\f0e7"; } .fa-sitemap:before { content: "\f0e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-paste:before, .fa-clipboard:before { content: "\f0ea"; } .fa-lightbulb-o:before { content: "\f0eb"; } .fa-exchange:before { content: "\f0ec"; } .fa-cloud-download:before { content: "\f0ed"; } .fa-cloud-upload:before { content: "\f0ee"; } .fa-user-md:before { content: "\f0f0"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-suitcase:before { content: "\f0f2"; } .fa-bell-o:before { content: "\f0a2"; } .fa-coffee:before { content: "\f0f4"; } .fa-cutlery:before { content: "\f0f5"; } .fa-file-text-o:before { content: "\f0f6"; } .fa-building-o:before { content: "\f0f7"; } .fa-hospital-o:before { content: "\f0f8"; } .fa-ambulance:before { content: "\f0f9"; } .fa-medkit:before { content: "\f0fa"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-beer:before { content: "\f0fc"; } .fa-h-square:before { content: "\f0fd"; } .fa-plus-square:before { content: "\f0fe"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angle-down:before { content: "\f107"; } .fa-desktop:before { content: "\f108"; } .fa-laptop:before { content: "\f109"; } .fa-tablet:before { content: "\f10a"; } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b"; } .fa-circle-o:before { content: "\f10c"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-spinner:before { content: "\f110"; } .fa-circle:before { content: "\f111"; } .fa-mail-reply:before, .fa-reply:before { content: "\f112"; } .fa-github-alt:before { content: "\f113"; } .fa-folder-o:before { content: "\f114"; } .fa-folder-open-o:before { content: "\f115"; } .fa-smile-o:before { content: "\f118"; } .fa-frown-o:before { content: "\f119"; } .fa-meh-o:before { content: "\f11a"; } .fa-gamepad:before { content: "\f11b"; } .fa-keyboard-o:before { content: "\f11c"; } .fa-flag-o:before { content: "\f11d"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-terminal:before { content: "\f120"; } .fa-code:before { content: "\f121"; } .fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122"; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123"; } .fa-location-arrow:before { content: "\f124"; } .fa-crop:before { content: "\f125"; } .fa-code-fork:before { content: "\f126"; } .fa-unlink:before, .fa-chain-broken:before { content: "\f127"; } .fa-question:before { content: "\f128"; } .fa-info:before { content: "\f129"; } .fa-exclamation:before { content: "\f12a"; } .fa-superscript:before { content: "\f12b"; } .fa-subscript:before { content: "\f12c"; } .fa-eraser:before { content: "\f12d"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-slash:before { content: "\f131"; } .fa-shield:before { content: "\f132"; } .fa-calendar-o:before { content: "\f133"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-rocket:before { content: "\f135"; } .fa-maxcdn:before { content: "\f136"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-html5:before { content: "\f13b"; } .fa-css3:before { content: "\f13c"; } .fa-anchor:before { content: "\f13d"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-bullseye:before { content: "\f140"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-rss-square:before { content: "\f143"; } .fa-play-circle:before { content: "\f144"; } .fa-ticket:before { content: "\f145"; } .fa-minus-square:before { content: "\f146"; } .fa-minus-square-o:before { content: "\f147"; } .fa-level-up:before { content: "\f148"; } .fa-level-down:before { content: "\f149"; } .fa-check-square:before { content: "\f14a"; } .fa-pencil-square:before { content: "\f14b"; } .fa-external-link-square:before { content: "\f14c"; } .fa-share-square:before { content: "\f14d"; } .fa-compass:before { content: "\f14e"; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150"; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151"; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152"; } .fa-euro:before, .fa-eur:before { content: "\f153"; } .fa-gbp:before { content: "\f154"; } .fa-dollar:before, .fa-usd:before { content: "\f155"; } .fa-rupee:before, .fa-inr:before { content: "\f156"; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157"; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158"; } .fa-won:before, .fa-krw:before { content: "\f159"; } .fa-bitcoin:before, .fa-btc:before { content: "\f15a"; } .fa-file:before { content: "\f15b"; } .fa-file-text:before { content: "\f15c"; } .fa-sort-alpha-asc:before { content: "\f15d"; } .fa-sort-alpha-desc:before { content: "\f15e"; } .fa-sort-amount-asc:before { content: "\f160"; } .fa-sort-amount-desc:before { content: "\f161"; } .fa-sort-numeric-asc:before { content: "\f162"; } .fa-sort-numeric-desc:before { content: "\f163"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbs-down:before { content: "\f165"; } .fa-youtube-square:before { content: "\f166"; } .fa-youtube:before { content: "\f167"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-youtube-play:before { content: "\f16a"; } .fa-dropbox:before { content: "\f16b"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-instagram:before { content: "\f16d"; } .fa-flickr:before { content: "\f16e"; } .fa-adn:before { content: "\f170"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitbucket-square:before { content: "\f172"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-long-arrow-down:before { content: "\f175"; } .fa-long-arrow-up:before { content: "\f176"; } .fa-long-arrow-left:before { content: "\f177"; } .fa-long-arrow-right:before { content: "\f178"; } .fa-apple:before { content: "\f179"; } .fa-windows:before { content: "\f17a"; } .fa-android:before { content: "\f17b"; } .fa-linux:before { content: "\f17c"; } .fa-dribbble:before { content: "\f17d"; } .fa-skype:before { content: "\f17e"; } .fa-foursquare:before { content: "\f180"; } .fa-trello:before { content: "\f181"; } .fa-female:before { content: "\f182"; } .fa-male:before { content: "\f183"; } .fa-gittip:before, .fa-gratipay:before { content: "\f184"; } .fa-sun-o:before { content: "\f185"; } .fa-moon-o:before { content: "\f186"; } .fa-archive:before { content: "\f187"; } .fa-bug:before { content: "\f188"; } .fa-vk:before { content: "\f189"; } .fa-weibo:before { content: "\f18a"; } .fa-renren:before { content: "\f18b"; } .fa-pagelines:before { content: "\f18c"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-arrow-circle-o-right:before { content: "\f18e"; } .fa-arrow-circle-o-left:before { content: "\f190"; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191"; } .fa-dot-circle-o:before { content: "\f192"; } .fa-wheelchair:before { content: "\f193"; } .fa-vimeo-square:before { content: "\f194"; } .fa-turkish-lira:before, .fa-try:before { content: "\f195"; } .fa-plus-square-o:before { content: "\f196"; } .fa-space-shuttle:before { content: "\f197"; } .fa-slack:before { content: "\f198"; } .fa-envelope-square:before { content: "\f199"; } .fa-wordpress:before { content: "\f19a"; } .fa-openid:before { content: "\f19b"; } .fa-institution:before, .fa-bank:before, .fa-university:before { content: "\f19c"; } .fa-mortar-board:before, .fa-graduation-cap:before { content: "\f19d"; } .fa-yahoo:before { content: "\f19e"; } .fa-google:before { content: "\f1a0"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-delicious:before { content: "\f1a5"; } .fa-digg:before { content: "\f1a6"; } .fa-pied-piper:before { content: "\f1a7"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-drupal:before { content: "\f1a9"; } .fa-joomla:before { content: "\f1aa"; } .fa-language:before { content: "\f1ab"; } .fa-fax:before { content: "\f1ac"; } .fa-building:before { content: "\f1ad"; } .fa-child:before { content: "\f1ae"; } .fa-paw:before { content: "\f1b0"; } .fa-spoon:before { content: "\f1b1"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-recycle:before { content: "\f1b8"; } .fa-automobile:before, .fa-car:before { content: "\f1b9"; } .fa-cab:before, .fa-taxi:before { content: "\f1ba"; } .fa-tree:before { content: "\f1bb"; } .fa-spotify:before { content: "\f1bc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-soundcloud:before { content: "\f1be"; } .fa-database:before { content: "\f1c0"; } .fa-file-pdf-o:before { content: "\f1c1"; } .fa-file-word-o:before { content: "\f1c2"; } .fa-file-excel-o:before { content: "\f1c3"; } .fa-file-powerpoint-o:before { content: "\f1c4"; } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\f1c5"; } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "\f1c6"; } .fa-file-sound-o:before, .fa-file-audio-o:before { content: "\f1c7"; } .fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8"; } .fa-file-code-o:before { content: "\f1c9"; } .fa-vine:before { content: "\f1ca"; } .fa-codepen:before { content: "\f1cb"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\f1cd"; } .fa-circle-o-notch:before { content: "\f1ce"; } .fa-ra:before, .fa-rebel:before { content: "\f1d0"; } .fa-ge:before, .fa-empire:before { content: "\f1d1"; } .fa-git-square:before { content: "\f1d2"; } .fa-git:before { content: "\f1d3"; } .fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: "\f1d4"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-qq:before { content: "\f1d6"; } .fa-wechat:before, .fa-weixin:before { content: "\f1d7"; } .fa-send:before, .fa-paper-plane:before { content: "\f1d8"; } .fa-send-o:before, .fa-paper-plane-o:before { content: "\f1d9"; } .fa-history:before { content: "\f1da"; } .fa-circle-thin:before { content: "\f1db"; } .fa-header:before { content: "\f1dc"; } .fa-paragraph:before { content: "\f1dd"; } .fa-sliders:before { content: "\f1de"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-bomb:before { content: "\f1e2"; } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: "\f1e3"; } .fa-tty:before { content: "\f1e4"; } .fa-binoculars:before { content: "\f1e5"; } .fa-plug:before { content: "\f1e6"; } .fa-slideshare:before { content: "\f1e7"; } .fa-twitch:before { content: "\f1e8"; } .fa-yelp:before { content: "\f1e9"; } .fa-newspaper-o:before { content: "\f1ea"; } .fa-wifi:before { content: "\f1eb"; } .fa-calculator:before { content: "\f1ec"; } .fa-paypal:before { content: "\f1ed"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bell-slash-o:before { content: "\f1f7"; } .fa-trash:before { content: "\f1f8"; } .fa-copyright:before { content: "\f1f9"; } .fa-at:before { content: "\f1fa"; } .fa-eyedropper:before { content: "\f1fb"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-area-chart:before { content: "\f1fe"; } .fa-pie-chart:before { content: "\f200"; } .fa-line-chart:before { content: "\f201"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-bicycle:before { content: "\f206"; } .fa-bus:before { content: "\f207"; } .fa-ioxhost:before { content: "\f208"; } .fa-angellist:before { content: "\f209"; } .fa-cc:before { content: "\f20a"; } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "\f20b"; } .fa-meanpath:before { content: "\f20c"; } .fa-buysellads:before { content: "\f20d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-dashcube:before { content: "\f210"; } .fa-forumbee:before { content: "\f211"; } .fa-leanpub:before { content: "\f212"; } .fa-sellsy:before { content: "\f213"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-simplybuilt:before { content: "\f215"; } .fa-skyatlas:before { content: "\f216"; } .fa-cart-plus:before { content: "\f217"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-diamond:before { content: "\f219"; } .fa-ship:before { content: "\f21a"; } .fa-user-secret:before { content: "\f21b"; } .fa-motorcycle:before { content: "\f21c"; } .fa-street-view:before { content: "\f21d"; } .fa-heartbeat:before { content: "\f21e"; } .fa-venus:before { content: "\f221"; } .fa-mars:before { content: "\f222"; } .fa-mercury:before { content: "\f223"; } .fa-intersex:before, .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-venus-double:before { content: "\f226"; } .fa-mars-double:before { content: "\f227"; } .fa-venus-mars:before { content: "\f228"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-neuter:before { content: "\f22c"; } .fa-genderless:before { content: "\f22d"; } .fa-facebook-official:before { content: "\f230"; } .fa-pinterest-p:before { content: "\f231"; } .fa-whatsapp:before { content: "\f232"; } .fa-server:before { content: "\f233"; } .fa-user-plus:before { content: "\f234"; } .fa-user-times:before { content: "\f235"; } .fa-hotel:before, .fa-bed:before { content: "\f236"; } .fa-viacoin:before { content: "\f237"; } .fa-train:before { content: "\f238"; } .fa-subway:before { content: "\f239"; } .fa-medium:before { content: "\f23a"; } .fa-yc:before, .fa-y-combinator:before { content: "\f23b"; } .fa-optin-monster:before { content: "\f23c"; } .fa-opencart:before { content: "\f23d"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-battery-4:before, .fa-battery-full:before { content: "\f240"; } .fa-battery-3:before, .fa-battery-three-quarters:before { content: "\f241"; } .fa-battery-2:before, .fa-battery-half:before { content: "\f242"; } .fa-battery-1:before, .fa-battery-quarter:before { content: "\f243"; } .fa-battery-0:before, .fa-battery-empty:before { content: "\f244"; } .fa-mouse-pointer:before { content: "\f245"; } .fa-i-cursor:before { content: "\f246"; } .fa-object-group:before { content: "\f247"; } .fa-object-ungroup:before { content: "\f248"; } .fa-sticky-note:before { content: "\f249"; } .fa-sticky-note-o:before { content: "\f24a"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-clone:before { content: "\f24d"; } .fa-balance-scale:before { content: "\f24e"; } .fa-hourglass-o:before { content: "\f250"; } .fa-hourglass-1:before, .fa-hourglass-start:before { content: "\f251"; } .fa-hourglass-2:before, .fa-hourglass-half:before { content: "\f252"; } .fa-hourglass-3:before, .fa-hourglass-end:before { content: "\f253"; } .fa-hourglass:before { content: "\f254"; } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content: "\f255"; } .fa-hand-stop-o:before, .fa-hand-paper-o:before { content: "\f256"; } .fa-hand-scissors-o:before { content: "\f257"; } .fa-hand-lizard-o:before { content: "\f258"; } .fa-hand-spock-o:before { content: "\f259"; } .fa-hand-pointer-o:before { content: "\f25a"; } .fa-hand-peace-o:before { content: "\f25b"; } .fa-trademark:before { content: "\f25c"; } .fa-registered:before { content: "\f25d"; } .fa-creative-commons:before { content: "\f25e"; } .fa-gg:before { content: "\f260"; } .fa-gg-circle:before { content: "\f261"; } .fa-tripadvisor:before { content: "\f262"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-get-pocket:before { content: "\f265"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-safari:before { content: "\f267"; } .fa-chrome:before { content: "\f268"; } .fa-firefox:before { content: "\f269"; } .fa-opera:before { content: "\f26a"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-tv:before, .fa-television:before { content: "\f26c"; } .fa-contao:before { content: "\f26d"; } .fa-500px:before { content: "\f26e"; } .fa-amazon:before { content: "\f270"; } .fa-calendar-plus-o:before { content: "\f271"; } .fa-calendar-minus-o:before { content: "\f272"; } .fa-calendar-times-o:before { content: "\f273"; } .fa-calendar-check-o:before { content: "\f274"; } .fa-industry:before { content: "\f275"; } .fa-map-pin:before { content: "\f276"; } .fa-map-signs:before { content: "\f277"; } .fa-map-o:before { content: "\f278"; } .fa-map:before { content: "\f279"; } .fa-commenting:before { content: "\f27a"; } .fa-commenting-o:before { content: "\f27b"; } .fa-houzz:before { content: "\f27c"; } .fa-vimeo:before { content: "\f27d"; } .fa-black-tie:before { content: "\f27e"; } .fa-fonticons:before { content: "\f280"; } /*! Animate.css - http://daneden.me/animate Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2014 Daniel Eden */ .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}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@keyframes bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce}@-webkit-keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scaleX(1.25) scaleY(0.75);transform:scaleX(1.25) scaleY(0.75)}40%{-webkit-transform:scaleX(0.75) scaleY(1.25);transform:scaleX(0.75) scaleY(1.25)}60%{-webkit-transform:scaleX(1.15) scaleY(0.85);transform:scaleX(1.15) scaleY(0.85)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes rubberBand{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scaleX(1.25) scaleY(0.75);-ms-transform:scaleX(1.25) scaleY(0.75);transform:scaleX(1.25) scaleY(0.75)}40%{-webkit-transform:scaleX(0.75) scaleY(1.25);-ms-transform:scaleX(0.75) scaleY(1.25);transform:scaleX(0.75) scaleY(1.25)}60%{-webkit-transform:scaleX(1.15) scaleY(0.85);-ms-transform:scaleX(1.15) scaleY(0.85);transform:scaleX(1.15) scaleY(0.85)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}}@keyframes shake{0%,100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}@keyframes tada{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);-ms-transform:scale(0.9) rotate(-3deg);transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);-ms-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);-ms-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0);-ms-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateX(0%);transform:translateX(0%)}15%{-webkit-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)}100%{-webkit-transform:translateX(0%);transform:translateX(0%)}}@keyframes wobble{0%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}15%{-webkit-transform:translateX(-25%) rotate(-5deg);-ms-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg);-ms-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg);-ms-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg);-ms-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg);-ms-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)}100%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);transform:scale(.9)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);-ms-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);-ms-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.95);transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}}@keyframes bounceOut{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes bounceOutDown{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes bounceOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes bounceOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}}@keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}}@keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}}@keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;-ms-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg);-ms-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg);-ms-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg);-ms-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}}.flipInX{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg);-ms-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg);-ms-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);-ms-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}}.flipInY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);-ms-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);-ms-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0%) skewX(-15deg);transform:translateX(0%) skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%) skewX(30deg);-ms-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0%) skewX(-15deg);-ms-transform:translateX(0%) skewX(-15deg);transform:translateX(0%) skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0%) skewX(0deg);-ms-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}100%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}}@keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%) skewX(0deg);-ms-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}100%{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);-ms-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(200deg);-ms-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes slideOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes slideOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes slideOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}@-webkit-keyframes slideInUp{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes slideOutDown{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes hinge{0%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translateY(700px);transform:translateY(700px);opacity:0}}@keyframes hinge{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);-ms-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg) translateY(0);-ms-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translateY(700px);-ms-transform:translateY(700px);transform:translateY(700px);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);-ms-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);-ms-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg)}}@keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);-ms-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);-ms-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);-ms-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(60px);-ms-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(48px);transform:scale(.475) translateX(48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);-ms-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(48px);-ms-transform:scale(.475) translateX(48px);transform:scale(.475) translateX(48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale(.1) translateX(2000px);transform:scale(.1) translateX(2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(-48px);transform:scale(.475) translateX(-48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale(.1) translateX(2000px);-ms-transform:scale(.1) translateX(2000px);transform:scale(.1) translateX(2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(-48px);-ms-transform:scale(.475) translateX(-48px);transform:scale(.475) translateX(-48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale(.1) translateY(2000px);transform:scale(.1) translateY(2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(-60px);transform:scale(.475) translateY(-60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale(.1) translateY(2000px);-ms-transform:scale(.1) translateY(2000px);transform:scale(.1) translateY(2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(-60px);-ms-transform:scale(.475) translateY(-60px);transform:scale(.475) translateY(-60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}100%{opacity:0}}@keyframes zoomOut{0%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}50%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}100%{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale(.475) translateY(-60px);transform:scale(.475) translateY(-60px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateY(2000px);transform:scale(.1) translateY(2000px);-webkit-transform-origin:center bottom;transform-origin:center bottom}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale(.475) translateY(-60px);-ms-transform:scale(.475) translateY(-60px);transform:scale(.475) translateY(-60px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateY(2000px);-ms-transform:scale(.1) translateY(2000px);transform:scale(.1) translateY(2000px);-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale(.475) translateX(42px);transform:scale(.475) translateX(42px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale(.475) translateX(42px);-ms-transform:scale(.475) translateX(42px);transform:scale(.475) translateX(42px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);-ms-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale(.475) translateX(-42px);transform:scale(.475) translateX(-42px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateX(2000px);transform:scale(.1) translateX(2000px);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale(.475) translateX(-42px);-ms-transform:scale(.475) translateX(-42px);transform:scale(.475) translateX(-42px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateX(2000px);-ms-transform:scale(.1) translateX(2000px);transform:scale(.1) translateX(2000px);-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-transform-origin:center top;transform-origin:center top}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale(.475) translateY(60px);-ms-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);-ms-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-transform-origin:center top;-ms-transform-origin:center top;transform-origin:center top}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}.animate-spin{-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;-webkit-animation:spin 2s infinite linear;animation:spin 2s infinite linear;display:inline-block}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@-o-keyframes spin{0%{-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@-ms-keyframes spin{0%{-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes spin{0%{-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@-webkit-keyframes sonarEffect{0%{opacity:.3}40%{opacity:.5;box-shadow:0 0 0 2px rgba(255,255,255,0.1),0 0 10px 10px #fad580,0 0 0 10px rgba(255,255,255,0.5)}100%{box-shadow:0 0 0 2px rgba(255,255,255,0.1),0 0 10px 10px #fad580,0 0 0 10px rgba(255,255,255,0.5);-webkit-transform:scale(1.5);opacity:0}}@-moz-keyframes sonarEffect{0%{opacity:.3}40%{opacity:.5;box-shadow:0 0 0 2px rgba(255,255,255,0.1),0 0 10px 10px #fad580,0 0 0 10px rgba(255,255,255,0.5)}100%{box-shadow:0 0 0 2px rgba(255,255,255,0.1),0 0 10px 10px #fad580,0 0 0 10px rgba(255,255,255,0.5);-moz-transform:scale(1.5);opacity:0}}@keyframes sonarEffect{0%{opacity:.3}40%{opacity:.5;box-shadow:0 0 0 2px rgba(255,255,255,0.1),0 0 10px 10px #fad580,0 0 0 10px rgba(255,255,255,0.5)}100%{box-shadow:0 0 0 2px rgba(255,255,255,0.1),0 0 10px 10px #fad580,0 0 0 10px rgba(255,255,255,0.5);transform:scale(1.5);opacity:0}}.sonarEffect{-webkit-animation-name:sonarEffect;animation-name:sonarEffect}@-webkit-keyframes toRightFromLeft{49%{-webkit-transform:translate(100%)}50%{opacity:0;-webkit-transform:translate(-100%)}51%{opacity:1}}@-moz-keyframes toRightFromLeft{49%{-moz-transform:translate(100%)}50%{opacity:0;-moz-transform:translate(-100%)}51%{opacity:1}}@keyframes toRightFromLeft{49%{transform:translate(100%)}50%{opacity:0;transform:translate(-100%)}51%{opacity:1}}.toRightFromLeft{-webkit-animation-name:toRightFromLeft;animation-name:toRightFromLeft}@-webkit-keyframes toLeftFromRight{49%{-webkit-transform:translate(-100%)}50%{opacity:0;-webkit-transform:translate(100%)}51%{opacity:1}}@-moz-keyframes toLeftFromRight{49%{-moz-transform:translate(-100%)}50%{opacity:0;-moz-transform:translate(100%)}51%{opacity:1}}@keyframes toLeftFromRight{49%{transform:translate(-100%)}50%{opacity:0;transform:translate(100%)}51%{opacity:1}}.toLeftFromRight{-webkit-animation-name:toLeftFromRight;animation-name:toLeftFromRight}@-webkit-keyframes toTopFromBottom{49%{-webkit-transform:translateY(-100%)}50%{opacity:0;-webkit-transform:translateY(100%)}51%{opacity:1}}@-moz-keyframes toTopFromBottom{49%{-moz-transform:translateY(-100%)}50%{opacity:0;-moz-transform:translateY(100%)}51%{opacity:1}}@keyframes toTopFromBottom{49%{transform:translateY(-100%)}50%{opacity:0;transform:translateY(100%)}51%{opacity:1}}.toTopFromBottom{-webkit-animation-name:toTopFromBottom;animation-name:toTopFromBottom}@-webkit-keyframes toBottomFromTop{49%{-webkit-transform:translateY(100%)}50%{opacity:0;-webkit-transform:translateY(-100%)}51%{opacity:1}}@-moz-keyframes toBottomFromTop{49%{-moz-transform:translateY(100%)}50%{opacity:0;-moz-transform:translateY(-100%)}51%{opacity:1}}@keyframes toBottomFromTop{49%{transform:translateY(100%)}50%{opacity:0;transform:translateY(-100%)}51%{opacity:1}}.toBottomFromTop{-webkit-animation-name:toBottomFromTop;animation-name:toBottomFromTop} /* * Core Owl Carousel CSS File * v1.3.3 */ /* clearfix */ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel{ display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper{ display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight{ -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item{ float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div{ cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* mouse grab icon */ .grabbing { cursor:url(grabbing.png) 8 8, move; } /* fix */ .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 CSS3 Transitions * v1.3.2 */ .owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x : 50%; -webkit-perspective-origin-y : 50%; -moz-perspective : 1200px; -moz-perspective-origin-x : 50%; -moz-perspective-origin-y : 50%; perspective : 1200px; } /* fade */ .owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; } .owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; } /* backSlide */ .owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; } .owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; } /* goDown */ .owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; } .owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both; } /* scaleUp */ .owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; } .owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; } /* Keyframes */ /*empty*/ @-webkit-keyframes empty { 0% {opacity: 1} } @-moz-keyframes empty { 0% {opacity: 1} } @keyframes empty { 0% {opacity: 1} } @-webkit-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-moz-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-webkit-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-moz-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-webkit-keyframes backSlideOut { 25% { opacity: .5; -webkit-transform: translateZ(-500px); } 75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } } @-moz-keyframes backSlideOut { 25% { opacity: .5; -moz-transform: translateZ(-500px); } 75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } } @keyframes backSlideOut { 25% { opacity: .5; transform: translateZ(-500px); } 75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } } @-webkit-keyframes backSlideIn { 0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -webkit-transform: translateZ(-500px); } 100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); } } @-moz-keyframes backSlideIn { 0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -moz-transform: translateZ(-500px); } 100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); } } @keyframes backSlideIn { 0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; transform: translateZ(-500px); } 100% { opacity: 1; transform: translateZ(0) translateX(0); } } @-webkit-keyframes scaleToFade { to { opacity: 0; -webkit-transform: scale(.8); } } @-moz-keyframes scaleToFade { to { opacity: 0; -moz-transform: scale(.8); } } @keyframes scaleToFade { to { opacity: 0; transform: scale(.8); } } @-webkit-keyframes goDown { from { -webkit-transform: translateY(-100%); } } @-moz-keyframes goDown { from { -moz-transform: translateY(-100%); } } @keyframes goDown { from { transform: translateY(-100%); } } @-webkit-keyframes scaleUpFrom { from { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpFrom { from { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpFrom { from { opacity: 0; transform: scale(1.5); } } @-webkit-keyframes scaleUpTo { to { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpTo { to { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpTo { to { opacity: 0; transform: scale(1.5); } } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; filter: alpha(opacity=80); } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #cccccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #cccccc; } .mfp-preloader a:hover { color: white; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: white; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: white; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #cccccc; font-size: 12px; line-height: 18px; } .mfp-arrow { position: absolute; opacity: 0.65; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid white; margin-left: 31px; } .mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3f3f3f; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid white; margin-left: 39px; } .mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #3f3f3f; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: black; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444444; } .mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .mfp-ie7 .mfp-img { padding: 0; } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; } /** * * Sky jQuery Touch Carousel * URL: http://www.skyplugins.com * Version: 1.0.2 * Author: Sky Plugins * Author URL: http://www.skyplugins.com * */ /** * Table of Contents * * 1. Media Queries * 2. Container Styles * 3. Carousel Item Styles * 4. Current Content Styles * 5. Gradient Overlay Styles * 6. Navigation Styles * 7. Preloader Styles * 8. Other Styles */ /********************************************** * * 1. Media Queries * **********************************************/ @media screen and (-webkit-min-device-pixel-ratio:0) { html { /*margin-left: 1px;*/ } } @media only screen and (min-width: 480px) and (max-width: 767px) { .sky-carousel .sc-overlay { width: 125px !important; } } @media only screen and (max-width: 479px) { .sky-carousel .sc-overlay { width: 70px !important; } } /********************************************** * * 2. Container Styles * **********************************************/ .js .sky-carousel { visibility: hidden; } .sky-carousel { width: 100%; height: 450px; position: relative; border: 1px solid #e7e7e7; background: #f5f5f5; overflow: hidden; margin: 0 auto; } .sky-carousel .sky-carousel-container { position: relative; list-style-type: none; float: left; margin: 0; padding: 0; } /********************************************** * * 3. Carousel Item Styles * **********************************************/ .sky-carousel .sky-carousel-container li { position: absolute; border: 0; } .sky-carousel .sky-carousel-container li img { display: block; max-width: none !important; border: 0; } .sky-carousel .sky-carousel-container li a img { border: none; } .sky-carousel .sky-carousel-container .sc-content { display: none; } /********************************************** * * 4. Current Content Styles * **********************************************/ .sky-carousel .sc-content-wrapper { position: absolute; text-align: center; width: 100%; top: 8%; left: 50%; z-index: 4999; } .sky-carousel .sc-content-container { position: relative; left: -50%; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; padding: 0 20px; } .sky-carousel .sc-content-wrapper h2 { color: #444; font-size: 22px; margin: 0; padding: 0; } .sky-carousel .sc-content-wrapper p { color: #777; font-size: 14px; margin: 0; padding: 0; } .sky-carousel .sc-content-wrapper a { text-decoration: none; color: #444; border-bottom: 1px dotted #444; } /********************************************** * * 5. Gradient Overlay Styles * **********************************************/ .sky-carousel .sc-overlay { position: absolute; height: 100%; z-index: 4998; pointer-events: none; top: 0; } .sky-carousel .sc-overlay-left { left: -0.1px; } .sky-carousel .sc-overlay-right { right: -0.1px; } /********************************************** * * 6. Navigation Styles * **********************************************/ .sky-carousel .sc-nav-button { position: absolute; top: 50%; z-index: 5000; width: 40px; height: 60px; margin-top: -30px; transition: background-color 0.3s; -moz-transition: background-color 0.3s; -webkit-transition: background-color 0.3s; -o-transition: background-color 0.3s; } .sky-carousel .sc-nav-button.sc-next { background: #606060 url("../images/sc-graphics/next_arrow.png") no-repeat 16px 50%; right: -0.1px; } .sky-carousel .sc-nav-button.sc-prev { background: #606060 url("../images/sc-graphics/prev_arrow.png") no-repeat 14px 50%; left: -0.1px; } .no-touch .sky-carousel .sc-nav-button:hover { background-color: #ea4848; } /********************************************** * * 7. Preloader Styles * **********************************************/ .sky-carousel .sc-preloader { position: absolute; left: 50%; top: 50%; width: 24px; height: 24px; margin-top: -22px; margin-left: -22px; background: #f5f5f5 url("../images/sc-graphics/preloader.gif") no-repeat 50% 50%; padding: 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } /********************************************** * * 8. Other Styles * **********************************************/ .sc-no-select { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* * Title: Miracle | Responsive Multi-Purpose HTML5 Template - Main Style file * Author: http://themeforest.net/user/soaptheme */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ [Table of contents] 1. Base Styles 1.1. Reset 1.2. Layout 2. Global Styles 2.1. General Styles 2.2. Form Elements 2.3. Buttons 2.4. Message box 2.5. Table 2.6. Design Elements 2.7. Toggle & Accordion 2.8. Blog Posts 2.9. Sticky Notes 2.10. Social Icons 2.11. Callout Box 3. Header 3.1. Main Header 3.2. Slideshow 3.3. Page Title Container 3.4. Main Menu 3.5. Mobile Menu 4. Main Content 4.1. Galleries 4.2. Icon Box 4.3. Banner 4.4. Process Builder 4.5. Post Slider 4.6. Pricing table 4.7. Progress Bar 4.8. Style Changer 4.9. Tab 4.10. Team 4.11. Testimonial 5. Footer 6. Page Content 6.1. Standard Pages 6.2. Portfolio Pages 6.3. Blog Pages 6.4. Homepage 6.5. WooCommerce Pages ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* * Title: Miracle | Responsive Multi-Purpose HTML5 Template - SCSS Mixin * Author: http://themeforest.net/user/soaptheme */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ [Table of contents] 1) BORDER RADIUS 2) OPACITY 3) BACKGROUND GRADIENT 4) BOX SHADOW 5) TEXT SHADOW 6) TRANSITION 7) ANIMATION 8) TRANSFORM 9) DESATURATE 10) RETINA 11) GRADIENT IMAGE ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* 1) BORDER RADIUS */ /* 2) OPACITY */ /* 3) BACKGROUND GRADIENT */ /* 4) BOX SHADOW */ /* 5) TEXT SHADOW */ /* 6) TRANSITION */ /* 7) ANIMATION */ /* 8) TRANSFORM */ /* 9) DESATURATE */ /* 10) RETINA */ /* 11) GRADIENT IMAGE */ /* 1. Base Styles ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* 1.1. Reset ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* * Title: Miracle | Responsive Multi-Purpose HTML5 Template - Basic Style * Author: http://themeforest.net/user/soaptheme */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ [Table of contents] 1) Reset 2) Heading 3) Lists 4) Contents 5) Table 6) HTML5 & CSS3 Styles for older browsers 7) Tools 8) Color ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* * Title: Miracle | Responsive Multi-Purpose HTML5 Template - SCSS Variables for style customization * Author: http://themeforest.net/user/soaptheme */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ [Table of contents] 1. Global 2. Skin colors 3. Skin logos 4. Important colors 5. Skin 1 6. Skin 2 7. Skin 3 8. Skin 4 9. Skin 5 10. Skin 6 11. Skin 7 12. Skin 8 13. Skin 9 14. Skin 10 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* 1. Global */ /* 2. Theme skin colors */ /* 3. Skin logos */ /* 4. Important colors */ /* 5. Skin 1(Orange) */ /*$theme-skin-logo: $theme-skin1-logo; $theme-skin-color: $theme-skin-orange; $theme-skin-light-bgcolor: #ff7d26; $theme-skin-light-fontcolor: #ffc299;*/ /* 6. Skin 2(Green) */ /*$theme-skin-logo: $theme-skin2-logo; $theme-skin-color: $theme-skin-green; $theme-skin-light-bgcolor: #a2d13a; $theme-skin-light-fontcolor: #d8eaaf;*/ /* 7. Skin 3(Purple) */ /*$theme-skin-logo: $theme-skin3-logo; $theme-skin-color: $theme-skin-purple; $theme-skin-light-bgcolor: #bd50d7; $theme-skin-light-fontcolor: #f1c5fb;*/ /* 8. Skin 4(Blue) */ /*$theme-skin-logo: $theme-skin4-logo; $theme-skin-color: $theme-skin-blue; $theme-skin-light-bgcolor: #1aabf0; $theme-skin-light-fontcolor: #c8e9f9;*/ /* 9. Skin 5(Yellow) */ /*$theme-skin-logo: $theme-skin5-logo; $theme-skin-color: $theme-skin-yellow; $theme-skin-light-bgcolor: #ffb61a; $theme-skin-light-fontcolor: #f0deb8;*/ /* 10. Skin 6(Gray) */ /*$theme-skin-logo: $theme-skin6-logo; $theme-skin-color: $theme-skin-gray; $theme-skin-light-bgcolor: #b4b4b4; $theme-skin-light-fontcolor: #d9d9d9;*/ /* 11. Skin 7(Navy) */ /*$theme-skin-logo: $theme-skin7-logo; $theme-skin-color: $theme-skin-navy; $theme-skin-light-bgcolor: #1a7bff; $theme-skin-light-fontcolor: #c9dcf7;*/ /* 12. Skin(Sea) 8 */ /*$theme-skin-logo: $theme-skin8-logo; $theme-skin-color: $theme-skin-sea; $theme-skin-light-bgcolor: #23bda1; $theme-skin-light-fontcolor: #cef2eb;*/ /* 13. Skin 9(Red) */ /* 14. Skin 10(Gold) */ /*$theme-skin-logo: $theme-skin10-logo; $theme-skin-color: $theme-skin-gold; $theme-skin-light-bgcolor: #ddc541; $theme-skin-light-fontcolor: #eee9cb;*/ /* 1) Reset */ * { box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ margin: 0; padding: 0; -webkit-tap-highlight-color: transparent; zoom: 1; } html { font-size: 16px; min-height: 100%; overflow-x: hidden !important; } body { font: 75%/150% "Open Sans", Arial, Helvetica, sans-serif; background-color: #fff; color: #939faa; overflow-x: hidden !important; -webkit-font-smoothing: antialiased; -ms-overflow-style: scrollbar; /*oveflow-y: scroll;*/ } iframe, img { border: 0; } img { border-style: none; height: auto; max-width: 100%; vertical-align: top; } a { text-decoration: none; color: inherit; } a:hover, a:focus { text-decoration: none; color: #ff1818; } a:focus { outline: none; } p { font-size: 1.0833em; line-height: 1.8; margin-bottom: 15px; } .text { font-size: 1.0833em; margin-bottom: 15px; } .text p { font-size: 1em; } .text > *:last-child { margin-bottom: 0; } dt { font-weight: normal; } /* 2) Heading */ h1, h2, h3, h4, h5, h6 { margin: 0 0 20px; font-weight: 300; color: #1b4268; } h4, h5, h6 { font-weight: 400; } h5, h6 { margin-bottom: 10px; } h1 { font-size: 2.5em; line-height: 1.25em; } h2 { font-size: 2em; line-height: 1.25em; } h3 { font-size: 1.6667em; line-height: 1.2222em; } h4 { font-size: 1.3333em; line-height: 1.25em; } h5 { font-size: 1.1666em; line-height: 1.1428em; } h6 { font-size: 1.0833em; } /* 3) Lists */ ol, ul { list-style: none; margin: 0; } /* 4) Contents */ blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } hr { margin-top: 20px; margin-bottom: 20px; border-color: #ff1818; } small { font-size: 0.8333em; } /* 5) Table */ table { border-collapse: collapse; border-spacing: 0; } /* 6) HTML5 & CSS3 Styles for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } /* 7) Tools */ .clearer { clear: both !important; padding: 0 !important; margin: 0 !important; } .hidden { display: block !important; border: 0 !important; margin: 0 !important; padding: 0 !important; font-size: 0 !important; line-height: 0 !important; width: 0 !important; height: 0 !important; overflow: hidden !important; } .nobr { white-space: nowrap !important; } .wrap { white-space: normal !important; } .no-display { display: none; } .no-float { float: none !important; } .no-margin { margin: 0 !important; } .no-bmargin { margin-bottom: 0 !important; } .no-padding { padding: 0 !important; } .no-lpadding { padding-left: 0 !important; } .no-rpadding { padding-right: 0 !important; } .no-border { border: none !important; } .no-bg { background: none !important; } .full-width { width: 100% !important; } .width-auto { width: auto !important; } img.full-width { height: auto; } .uppercase { text-transform: uppercase; } .fourty-space { letter-spacing: .04em !important; } .underline { text-decoration: underline !important; } .inline-block { display: inline-block !important; } .visible-sms { display: none; } .no-letter-spacing { letter-spacing: normal !important; } .font-light { font-weight: 300 !important; } .font-normal { font-weight: 400 !important; } .fontsize-lg { font-size: 1.3333em; line-height: 1.5; } p.fontsize-lg { line-height: 1.8; } .overflow-hidden { overflow: hidden; } .full-height { height: 100%; } /* 8) Color */ .skin-color { color: #ff1818 !important; } .skin-bg { background-color: #ff1818 !important; } .skin-bg-alpha { background-color: rgba(255, 24, 24, 0.75) !important; } .color-blue { color: #1b4268 !important; } .color-light-blue { color: #455b79 !important; } .color-white { color: #fff !important; } .hover-color-skin:hover { color: #ff1818 !important; } .hover-color-blue:hover { color: #1b4268 !important; } .custom-font1, .banner-slider .banner-text .banner-title, .post-slider.style1 .banner-text .banner-title, .post-slider.style5 .banner-text .banner-title, .brand-slider .banner-text .banner-title, .image-banner .caption-wrapper.position-left .captions, .image-banner .caption-wrapper.position-right .captions, .image-banner .caption-wrapper.position-middle .captions, .pricing-table .currency-symbol, .counters-box.style2 dt, .testimonial.style1 .testimonial-content, .brand-section .caption-wrapper.style2 .caption, .brand-section .caption-wrapper.style3 .caption, .brand-section.style1 .caption-wrapper .caption, .brand-section.style2 .caption-wrapper .caption { font-family: Playfair Display; } .custom-font2, .page-title-container .banner .caption .caption-lg, .page-title-container.style6 .caption .caption-xl, .brand-section .caption-wrapper .caption { font-family: Open Sans Condensed; } .custom-font3, .post-slider.style4 .caption.size-lg, .parallax .caption.size-lg, #header .logo, #nav > ul > li > a, .mobile-nav, .error404 .error-message-404 span, .coming-soon-page .error-message-404 span, .blank-page .error-message-404 span, .coming-soon-page .clock, .page-loading-wrapper header .logo { font-family: Dosis; } /* 1.2. Layout ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #page-wrapper { overflow: hidden; position: relative; z-index: 0; } .box-sm { margin-bottom: 20px; } .box-md, .box { margin-bottom: 30px; } .box-lg { margin-bottom: 40px; } .box-xl, .block { margin-bottom: 60px; } article { margin-bottom: 30px; } .block:after { content: ""; display: table; clear: both; } #content { padding: 70px 0 0; min-height: 300px; } #content > .container > .section:first-child, #content #main > .section:first-child, #content > .section:first-child { padding-top: 0; } #main { margin-bottom: 60px; } #main > .section:first-child { padding-top: 0; } .sidebar { margin-bottom: 60px; } .section { padding: 80px 0 70px; } .section.has-border { border-bottom: 1px solid #edf6ff; } .section:last-child { border-bottom: none; } /* 2. Global Styles ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* 2.1. General Styles ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .title { font-weight: normal; } .center-block { float: none; } .highlight { background: #ff1818; color: #fff; padding: 2px 8px; } hr.dotted { border-style: dotted; } hr.thick { border-width: 2px; } hr.color-heading { border-color: #1b4268; } hr.color-text { border-color: #939faa; } hr.color-light { border-color: #d4dde5; } hr.color-light1 { border-color: #edf6ff; } hr[class^="col-"], hr[class*=" col-"] { float: none; padding: 0; } .description > *:last-child { margin-bottom: 0; } .section-info { border-top: 1px solid #d4dde5; padding: 50px 0; position: relative; } .section-info .section-title { display: inline-block; line-height: 1em; margin-top: -0.6em; padding-right: 20px; position: absolute; top: 0; left: 0; background: #fff; font-weight: 300; } .fa.has-circle { display: inline-block; border: 1px solid #ff1818; width: 2.2em; height: 2.2em; line-height: 2.16em; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; text-align: center; } .hide-children > *:not(.active) { display: none; } /* Unordered List */ ul.arrow-circle li, ul.arrow li, ul.star li, ul.decimal-zero li, ul.disc li { margin-bottom: 12px; line-height: 20px; } ul.arrow-circle li:before, ul.arrow li:before, ul.star li:before, ul.decimal-zero li:before, ul.disc li:before { content: ""; display: inline-block; margin-right: 15px; font-family: FontAwesome; } ul.arrow-circle.size-small, ul.arrow.size-small, ul.star.size-small, ul.decimal-zero.size-small, ul.disc.size-small { font-size: 1em; } ul.arrow-circle.size-small li, ul.arrow.size-small li, ul.star.size-small li, ul.decimal-zero.size-small li, ul.disc.size-small li { margin-bottom: 10px; } ul.arrow-circle.size-medium, ul.arrow.size-medium, ul.star.size-medium, ul.decimal-zero.size-medium, ul.disc.size-medium { font-size: 1.0833em; } ul.arrow-circle.size-medium li, ul.arrow.size-medium li, ul.star.size-medium li, ul.decimal-zero.size-medium li, ul.disc.size-medium li { margin-bottom: 20px; } ul.arrow li:before, ul.arrow-circle li:before { content: "\f105"; } ul.arrow li.active:before, ul.arrow-circle li.active:before { color: #ff1818; } ul.arrow li:before { margin-right: 10px; } ul.arrow-circle li { position: relative; padding-left: 34px; } ul.arrow-circle li:before { font-size: 0.8333em; width: 22px; height: 22px; line-height: 20px; text-align: center; /*line-height: 1.75em;*/ color: #d4dde5; border: 1px solid; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; position: absolute; left: 0; top: 50%; margin-top: -10px; text-indent: 1px; } ul.arrow-circle li.active:before { color: #fff; background: #ff1818; border-color: #ff1818; } ul.arrow-circle.hover-effect li:hover { color: #ff1818; } ul.arrow-circle.hover-effect li:hover:before { color: #fff; background: #ff1818; border-color: #ff1818; } ul.star li:before { content: "\f005"; } ul.decimal-zero { counter-reset: item; } ul.decimal-zero > li:before { content: counter(item); counter-increment: item; color: #ff1818; } ul.decimal-zero > li:nth-child(-n+9)::before { /* 1 - 9 */ content: "0" counter(item); /* becomes 01 - 09 */ } ul.disc li:before { width: 0.5em; height: 0.5em; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; background: #ff1818; } ul.decimal { counter-reset: index; } ul.decimal > li::before { content: counter(index) "."; counter-increment: index; color: #ff1818; margin-right: 12px; font-weight: bold; } ul.lower-alpha { list-style: lower-alpha inside; } /* bullet text */ ul.bullet-text { font-size: 1.0833em; } ul.bullet-text li { line-height: 1.8em; margin-bottom: 5px; } ul.bullet-text.paragraph li { margin-bottom: 15px; } .dropcap { float: left; color: #fff; background: #ff1818; margin-right: 15px; margin-top: 5px; font-weight: 600; margin-bottom: 5px; text-align: center; } .dropcap.style1 { font-size: 3.3333em; -webkit-border-radius: 0 0 50px 50px; -moz-border-radius: 0 0 50px 50px; -ms-border-radius: 0 0 50px 50px; border-radius: 0 0 50px 50px; width: 1.2em; height: 1.5em; line-height: 1.4em; } .dropcap.style2 { font-size: 2.5em; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; text-transform: uppercase; width: 1.6em; height: 1.6em; line-height: 1.6em; } q, blockquote { quotes: '\201C' '\201D' '\2018' '\2019'; } blockquote { font-size: 1em; border: none; padding: 20px 30px 25px 55px; position: relative; /*&:after { content: close-quote; margin-left: 3px; }*/ } blockquote:before, blockquote:after { font-family: FontAwesome; font-size: 2.5em; vertical-align: middle; } blockquote:before { content: "\f10d"; margin-right: 4px; position: absolute; top: 30px; left: 16px; } blockquote p { font-size: 1.5em; } blockquote.style1 { background: #edf6ff; color: #1b4268; } blockquote.style1:before { color: #fff; } blockquote.style1 p { margin-bottom: 30px; } blockquote.style1 > .name { font-size: 1.3333em; color: #939faa; margin-bottom: 0; } blockquote.style2, blockquote.style3 { font-weight: 300; border: 1px solid #edf6ff; padding-top: 30px; padding-bottom: 30px; padding-left: 65px; } blockquote.style2:before, blockquote.style3:before { color: #edf6ff; top: 40px; left: 26px; } blockquote.style2 p, blockquote.style3 p { font-size: 1.3333em; } blockquote.style2:after { border-right: 21px solid transparent; border-top: 21px solid #edf6ff; content: ""; position: absolute; bottom: -1px; right: -1px; background: #fff; } blockquote.style3 { border-top: 2px solid #ff1818; } blockquote.style3:after { content: ""; border-top: 3px solid #ff1818; border-left: 5px solid transparent; border-right: 5px solid transparent; position: absolute; top: 0; left: 50%; margin-left: -3px; } .tags .tag { display: inline-block; font-size: 0.8333em; text-transform: uppercase; padding: 0 10px; line-height: 2.5em; border: 1px solid #d4dde5; -webkit-border-radius: 1.5em 1.5em 1.5em 1.5em; -moz-border-radius: 1.5em 1.5em 1.5em 1.5em; -ms-border-radius: 1.5em 1.5em 1.5em 1.5em; border-radius: 1.5em 1.5em 1.5em 1.5em; margin-bottom: 10px; margin-right: 4px; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .tags .tag:hover { color: #fff; background: #ff1818; border-color: #ff1818; } /* image hover effect */ .image { overflow: hidden; z-index: 1; position: relative; display: block; } .image img { -moz-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; -webkit-transition: all 0.4s ease-out 0s; -ms-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; -webkit-backface-visibility: hidden; width: 100%; } .image .image-extras { position: absolute; width: 101%; height: 101%; left: 0; top: 0; background: rgba(255, 24, 24, 0.85); filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -moz-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; -webkit-transform: rotateY(180deg) scale(0.5, 0.5); -moz-transform: rotateY(180deg) scale(0.5, 0.5); -ms-transform: rotateY(180deg) scale(0.5, 0.5); -o-transform: rotateY(180deg) scale(0.5, 0.5); transform: rotateY(180deg) scale(0.5, 0.5); /*&:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; }*/ } .image .image-extras:before, .image .image-extras:after { position: absolute; content: ""; background: #fff; left: 50%; top: 50%; } .image .image-extras:before { width: 70px; height: 1px; margin-left: -35px; margin-top: -0.5px; } .image .image-extras:after { width: 1px; height: 70px; margin-left: -0.5px; margin-top: -35px; } .image .image-extras .post-gallery { display: block; width: 100%; height: 100%; position: relative; } .image .caption-wrapper { -moz-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; } .image:hover:not(.hover-style3) img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .image:hover:not(.hover-style3) .image-extras { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transform: rotateY(0deg) scale(1, 1); -moz-transform: rotateY(0deg) scale(1, 1); -ms-transform: rotateY(0deg) scale(1, 1); -o-transform: rotateY(0deg) scale(1, 1); transform: rotateY(0deg) scale(1, 1); } .image.hover-style1 .image-extras, .image.hover-style1 .caption-wrapper { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .image.hover-style1:hover .image-extras, .image.hover-style1:hover .caption-wrapper { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .image.hover-style2 .image-extras { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } .image.hover-style2:hover .image-extras { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .image.hover-style3 .image-extras { width: 100%; height: 100%; top: 100%; left: auto; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; overflow: hidden; -moz-transition: none 0s ease 0s; -o-transition: none 0s ease 0s; -webkit-transition: none 0s ease 0s; -ms-transition: none 0s ease 0s; transition: none 0s ease 0s; } /* five stars rating */ .star-rating { font-family: FontAwesome; display: inline-block; font-size: 10px; letter-spacing: 2px; position: relative; line-height: 1; white-space: nowrap; } .star-rating:before { content: "\f005\f005\f005\f005\f005"; color: #d4dde5; } .star-rating > span, .star-rating .ui-slider-range { display: block; position: absolute; left: 0; top: 0; bottom: 0; } .star-rating > span:before, .star-rating .ui-slider-range:before { content: "\f005\f005\f005\f005\f005"; color: #ff9000; position: absolute; overflow: hidden; left: 0; right: 1px; } .star-rating.input-star-rating.ui-slider { background: none; cursor: default; } .star-rating.input-star-rating.ui-slider .ui-slider-handle { visibility: hidden; width: 0; height: 0; padding: 0; top: 0; } .star-rating.size-md { font-size: 16px; letter-spacing: 4px; } .star-rating.size-md > span:before { right: 2px; } .input-star-rating { font-size: 0; cursor: default; display: inline-block; line-height: 1; overflow: hidden; position: relative; } .input-star-rating input[type=radio], .input-star-rating span { font-size: 16px; width: 1.2em; float: right; } .input-star-rating input[type=radio] { outline: none; height: 1.2em; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; margin: 0 0 0 -1.2em; cursor: pointer; } .input-star-rating span { text-align: center; display: inline-block; color: #d4dde5; } .input-star-rating span:before { content: "\f005"; font-family: FontAwesome; } .input-star-rating input[type=radio]:checked ~ span { color: #ff9000; } .input-star-rating input[type=radio]:hover ~ span { color: #ff9000; } .input-star-rating:after { display: table; content: ""; clear: both; } /* columns */ .column-2 > *, .column-3 > *, .column-4 > *, .column-5 > * { float: left; } .column-2:after, .column-3:after, .column-4:after, .column-5:after { clear: both; content: ""; display: table; } .column-2.no-column-bottom-margin > *, .column-3.no-column-bottom-margin > *, .column-4.no-column-bottom-margin > *, .column-5.no-column-bottom-margin > * { margin-bottom: 0; } .column-2 > * { width: 48.5%; margin-right: 3%; margin-bottom: 3%; } .column-2 > *:nth-child(2n) { margin-right: 0; } .column-2 > *:nth-child(2n+1) { clear: both; } .column-3 > * { width: 31.3333%; margin-right: 3%; margin-bottom: 3%; } .column-3 > *:nth-child(3n) { margin-right: 0; } .column-3 > *:nth-child(3n+1) { clear: both; } .column-4 > * { width: 22.75%; margin-right: 3%; margin-bottom: 3%; } .column-4 > *:nth-child(4n) { margin-right: 0; } .column-4 > *:nth-child(4n+1) { clear: both; } .column-5 > * { width: 17.6%; margin-right: 3%; margin-bottom: 3%; } .column-5 > *:nth-child(5n) { margin-right: 0; } .column-5 > *:nth-child(5n+1) { clear: both; } /* animated */ .animated { visibility: hidden; } .no-cssanimations .animated { visibility: visible; } .image-container { position: relative; } .image-container img { width: 100%; } .image-container.fixed img { max-width: 100%; width: auto; } /* text box */ .heading-box { text-align: center; float: none; margin: 0 auto 40px; } .heading-box p { margin-top: 10px; } .heading-box p + p { margin-top: 0; } .heading-box .box-title { font-size: 2.5em; margin-bottom: 0; } .heading-box [class^="desc-"] { font-weight: 300; margin-top: 0; } .heading-box .desc-lg { font-size: 1.6667em; } .heading-box .desc-md { font-size: 1.3333em; } .heading-box .desc-sm { font-size: 1.1667em; } .heading-box.size-lg p { margin-top: 15px; } .heading-box.size-lg p + p { margin-top: 0; } .heading-box.size-lg .box-title { font-size: 4.1667em; margin-bottom: 0; } .heading-box.size-lg .desc-lg { font-size: 2.5em; } .section h2.section-title { font-size: 2.5em; line-height: 4em; background: #ff1818; color: #fff; margin-top: -80px; margin-bottom: 0; text-align: center; font-weight: 400; position: relative; margin-bottom: 80px; z-index: 100; } .section h2.section-title:after { content: ""; position: absolute; left: 50%; bottom: 0; margin-left: -14px; margin-bottom: -10px; border-top: 10px solid #ff1818; border-left: 14px solid transparent; border-right: 14px solid transparent; } .section.no-padding { padding: 0; } .section.no-padding .section-title { margin: 0; } /* 2.2. Form Elements ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ form [class^="col-"] > input, form [class^="col-"] > select, form [class^="col-"] > textarea, form [class^="col-"] > .btn, form [class^="col-"] > button, form [class*=" col-"] > input, form [class*=" col-"] > select, form [class*=" col-"] > textarea, form [class*=" col-"] > .btn, form [class*=" col-"] > button { width: 100%; } form.form-bordered { padding: 25px 30px; border: 1px solid #edf6ff; } form label { font-size: 1.0833em; font-weight: 400; display: block; } .form-group:not(.box) { margin-bottom: 20px; } input.input-text, select, textarea, .customSelect { background: #edf6ff; border: none; line-height: normal; } input.input-text, textarea, .customSelect, select { padding-left: 20px; padding-right: 20px; height: 42px; font-size: 1.0833em; } input.input-text.input-lg, textarea.input-lg, .customSelect.input-lg, select.input-lg { height: 48px; font-size: 1.1667em; } input.input-text.input-md, textarea.input-md, .customSelect.input-md, select.input-md { height: 42px; font-size: 1.0833em; } input.input-text.input-sm, textarea.input-sm, .customSelect.input-sm, select.input-sm { height: 34px; font-size: 1em; } input.input-text.input-xs, textarea.input-xs, .customSelect.input-xs, select.input-xs { height: 28px; font-size: 0.9167em; } input.input-text.white, textarea.white, .customSelect.white, select.white { background: #fff; } input.input-text, textarea { -moz-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; -o-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; -webkit-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; -ms-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; border: 1px solid transparent; cursor: text; } input.input-text:focus, textarea:focus { outline: none; border: 1px solid #ff1818; box-shadow: 0 0 8px rgba(255, 24, 24, 0.6); } textarea { height: auto; padding-top: 15px; padding-bottom: 15px; } /* Select Box */ select { padding: 10px 0 10px 20px; line-height: 38px; max-width: 100% !important; } select option { padding: 2px 10px 2px 18px; } @media screen and (-webkit-min-device-pixel-ratio: 0) { select { padding-right: 18px; } } .selector { position: relative; z-index: 1; } select.selector { filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-appearance: menulist-button; } .customSelect { line-height: 42px; position: relative; z-index: 0; white-space: nowrap; overflow: hidden; } .customSelect.input-lg { line-height: 48px; } .customSelect.input-md { line-height: 42px; } .customSelect.input-sm { line-height: 34px; } .customSelect.input-xs { line-height: 28px; } .customSelectInner { max-width: 100% !important; } .customSelectInner:before { content: ""; display: block; position: absolute; right: 20px; top: 50%; margin-top: -2.5px; border-top: 5px solid; border-left: 4px solid transparent; border-right: 4px solid transparent; } /* Checkbox and Radio */ .checkbox, .radio { position: relative; margin-top: 0; line-height: 20px; } .checkbox:before, .radio:before { display: block; content: ""; position: absolute; left: 0; top: 3px; width: 14px; height: 14px; border: 1px solid #d4dde5; z-index: 0; font-family: FontAwesome; line-height: 13px; text-align: center; font-size: 8px; } .checkbox.checked:before, .radio.checked:before { content: "\f00c"; } .checkbox label, .checkbox.checkbox-inline { font-size: 1.0833em; line-height: 20px; } .checkbox input[type="checkbox"] { position: relative; z-index: 1; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .radio input[type="radio"] { position: relative; z-index: 1; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .radio:before { /*@include border-radius(50%, 50%, 50%, 50%);*/ font-size: 8px; line-height: 13px; } .radio.radio-square:before { -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; -ms-border-radius: 0 0 0 0; border-radius: 0 0 0 0; } .radio.checked:before { content: "\f00c"; } label.radio, .radio label { line-height: 20px; cursor: pointer; } .checkbox-inline, .radio-inline { margin-left: 10px; } /* 2.3. Buttons ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .btn { border: none; color: #fff; cursor: pointer; padding: 0 30px; white-space: nowrap; text-transform: uppercase; font-weight: 600; background: #ff1818; font-size: 0.9167em; height: 42px; line-height: 42px; -webkit-border-radius: 21px 21px 21px 21px; -moz-border-radius: 21px 21px 21px 21px; -ms-border-radius: 21px 21px 21px 21px; border-radius: 21px 21px 21px 21px; margin-right: 5px; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; box-shadow: none; vertical-align: baseline; /* size */ /* style */ } .btn i { margin-right: 5px; } .btn:last-child { margin-right: 0; } .btn:focus, .btn:active:focus, .btn.active:focus { outline: none; } .btn.active { box-shadow: none; } .btn.btn-sm { height: 28px; line-height: 28px; font-weight: 400; padding: 0 20px; font-size: 0.8333em; -webkit-border-radius: 14px 14px 14px 14px; -moz-border-radius: 14px 14px 14px 14px; -ms-border-radius: 14px 14px 14px 14px; border-radius: 14px 14px 14px 14px; } .btn.btn-lg { height: 47px; line-height: 47px; font-size: 1em; padding: 0 36px; -webkit-border-radius: 24px 24px 24px 24px; -moz-border-radius: 24px 24px 24px 24px; -ms-border-radius: 24px 24px 24px 24px; border-radius: 24px 24px 24px 24px; } .btn.btn-xl { height: 57px; line-height: 57px; font-size: 1em; padding: 0 36px; -webkit-border-radius: 29px 29px 29px 29px; -moz-border-radius: 29px 29px 29px 29px; -ms-border-radius: 29px 29px 29px 29px; border-radius: 29px 29px 29px 29px; } .btn.full-width { padding-left: 0; padding-right: 0; text-align: center; } .btn.style1:hover, .btn.style1:active, .btn.style1:focus, .btn.style1.active { background: #ff3030; color: #fff; } .btn.style2 { background: #20466c; } .btn.style2:hover, .btn.style2:active, .btn.style2:focus, .btn.style2.active { background: #1b4268; color: #fff; } .btn.style3 { background: #edf6ff; color: inherit; } .btn.style3:hover, .btn.style3:active, .btn.style3:focus, .btn.style3.active { color: #ff1818; } .btn.style4 { background: none; border: 1px solid #d4dde5; color: inherit; line-height: 40px; } .btn.style4.btn-sm { line-height: 26px; } .btn.style4.btn-lg { line-height: 45px; } .btn.style4.btn-xl { line-height: 55px; } .btn.style4:hover, .btn.style4:active, .btn.style4:focus, .btn.style4.active { color: #fff; border-color: #ff1818; background: #ff1818; } .btn.style4.hover-blue:hover, .btn.style4.hover-blue:active, .btn.style4.hover-blue:focus, .btn.style4.hover-blue.active { border-color: #1b4268; background: #1b4268; } .btn.style4.color-white { border-color: #fff; } .btn.style4.color-white:hover, .btn.style4.color-white:active, .btn.style4.color-white:focus, .btn.style4.color-white.active { border-color: #ff1818; } .btn.style4.color-black { border-color: #343434; color: #343434; } .btn.style4.color-black:hover, .btn.style4.color-black:active, .btn.style4.color-black:focus, .btn.style4.color-black.active { border-color: #ff1818; color: #fff; } .btn.style4.bg-white { background: #fff; } .btn.style4.bg-white:hover, .btn.style4.bg-white:active, .btn.style4.bg-white:focus, .btn.style4.bg-white.active { background: #ff1818; } .tp-caption .btn:not(.color-black):hover { color: #ff1818; } /* 2.4. Message box ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ .alert { -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; -ms-border-radius: 0 0 0 0; border-radius: 0 0 0 0; border: none; padding: 25px 90px 25px 125px; color: #fff; position: relative; } .alert:before { content: "\f003"; font-family: FontAwesome; display: block; position: absolute; top: 50%; left: 40px; margin-top: -25px; font-size: 16px; width: 50px; height: 50px; line-height: 50px; border: 1px solid #fff; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; text-align: center; } .alert .close { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; font-weight: normal; color: #fff; font-size: 12px; cursor: pointer; text-shadow: none; float: none; position: absolute; display: block; width: 32px; height: 32px; top: 50%; right: 38px; margin-top: -16px; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; background: #fff; text-align: center; line-height: 32px; } .alert .close:before { content: "\f00d"; font-family: FontAwesome; } .alert.alert-general { background: #1b4268; } .alert.alert-general:before { content: "\f040"; } .alert.alert-general .close { color: #1b4268; } .alert.alert-notice { background: #fc880f; } .alert.alert-notice:before { content: "\f0e3"; } .alert.alert-notice .close { color: #fc880f; } .alert.alert-success { background: #a5de37; } .alert.alert-success:before { content: "\f00c"; } .alert.alert-success .close { color: #a5de37; } .alert.alert-error { background: #ff4351; } .alert.alert-error:before { content: "\f0e7"; } .alert.alert-error .close { color: #ff4351; } .alert.alert-help { background: #28cdfb; } .alert.alert-help:before { content: "\f0e9"; } .alert.alert-help .close { color: #28cdfb; } */ /* 2.5. Table ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ table.table.style1 th, table.table.style1 td, table.table.style2 th, table.table.style2 td { text-align: center; height: 42px; } table.table.style1 > thead > tr > th, table.table.style1 > tbody > tr > td, table.table.style2 > thead > tr > th, table.table.style2 > tbody > tr > td { border-top: none; border-bottom: none; vertical-align: middle; } table.table.style1 > thead > tr > th, table.table.style2 > thead > tr > th { color: #fff; font-size: 1.0833em; font-weight: 400; border-bottom: none; border-right: 1px solid; } table.table.style1 > thead > tr > th:first-child, table.table.style2 > thead > tr > th:first-child { border-left: 1px solid; } table.table.style1 > tbody, table.table.style2 > tbody { border: 1px solid #edf6ff; border-top: none; } table.table.style1 > tbody > tr:nth-child(2n) > td, table.table.style2 > tbody > tr:nth-child(2n) > td { background: #edf6ff; } table.table.style1 > tbody > tr > td, table.table.style2 > tbody > tr > td { border-right: 1px solid #edf6ff; } table.table.style1 > tbody > tr > td:last-child, table.table.style2 > tbody > tr > td:last-child { border-right: none; } table.table.style1 > thead > tr > th { background: #ff1818; border-right-color: #fff6f0; } table.table.style1 > thead > tr > th:first-child { border-left-color: #ff1818; } table.table.style1 > thead > tr > th:last-child { border-right-color: #ff1818; } table.table.style2 > thead > tr > th { background: #20466c; border-right-color: #f2f4f6; } table.table.style2 > thead > tr > th:first-child { border-left-color: #20466c; } table.table.style2 > thead > tr > th:last-child { border-right-color: #20466c; } .st-table, .woocommerce .single-product-details .single-variation-wrap, .woocommerce .single-product-details .social-wrap { display: table; width: 100%; } .st-td, #header .branding, #header #nav, .icon-box[class*=" style-side-"].style-side-5 .icon-container, .icon-box[class*=" style-side-"].style-side-5 .box-content, .icon-box[class*=" style-side-"].style-side-6 .icon-container, .icon-box[class*=" style-side-"].style-side-6 .box-content, .icon-box[class*=" style-boxed-"].style-boxed-2 .icon-container, .icon-box[class*=" style-boxed-"].style-boxed-2 .box-content, .progress-bar .progress-label, .progress-bar .progress-wrap, .progress-bar .progress-percent, .tab-container.full-width .tabs li, .brand-slider .owl-item a, .portfolio-hover-holder .portfolio-text-inner, .audio-container .mejs-container .mejs-controls > div, .related-posts .related-post .post-image, .related-posts .related-post .details, .woocommerce .single-product-details .product-images .thumbnails .item a, .woocommerce .single-product-details .single-variation-wrap .qty-wrap, .woocommerce .single-product-details .single-variation-wrap .variation-action, .woocommerce .single-product-details .social-wrap label, .woocommerce .single-product-details .social-wrap .social-icons { display: table-cell; vertical-align: middle; } /* 2.6. Design Elements ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* twitter box */ .twitter-holder .tweet { margin-bottom: 1px; background: #edf6ff; position: relative; padding: 10px 12px 10px 60px; } .twitter-holder .tweet:before { position: absolute; font-family: FontAwesome; content: "\f099"; font-size: 1.0833em; display: block; left: 10px; top: 50%; width: 34px; height: 34px; line-height: 34px; text-align: center; margin-top: -17px; background-color: #fff; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; color: #d4dde5; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .twitter-holder .tweet .tweet-text { margin-bottom: 6px; } .twitter-holder .tweet .tweet-text a { color: #ff1818; } .twitter-holder .tweet .tweet-text a:hover { text-decoration: underline; } .twitter-holder .tweet .tweet-date { font-size: 0.8333em; } .twitter-holder .tweet:hover:before { color: #fff; background-color: #ff1818; } .twitter-holder .tweet:hover .tweet-text { color: #1b4268; } /* recent posts */ .recent-posts > li { width: 100%; margin-bottom: 1px; background: #edf6ff; padding: 8px; } .recent-posts > li:last-child { margin-bottom: 0; } .recent-posts .post-author-avatar { display: table-cell; padding-right: 12px; vertical-align: middle; } .recent-posts .post-author-avatar span { border: 4px solid rgba(255, 255, 255, 0.1); width: 48px; height: 48px; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; display: block; } .recent-posts .post-author-avatar img { width: 100%; height: auto; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; -moz-transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s; -webkit-transition: all 0.25s ease 0s; -ms-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s; } .recent-posts .post-author-avatar:hover img { filter: alpha(opacity=80); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; /*border: 4px solid rgba(red($theme-skin-color), green($theme-skin-color), blue($theme-skin-color), 0.85);*/ } .recent-posts .post-content { display: table-cell; vertical-align: middle; } .recent-posts .post-title { margin-bottom: 4px; display: block; font-size: 1.1667em; color: #1b4268; } .recent-posts .post-title:hover { color: #ff1818; } .recent-posts .post-meta { font-size: 0.8333em; margin-bottom: 0; } /* archives */ ul.archives { font-size: 1.0833em; } ul.archives li { border-bottom: 1px solid #edf6ff; margin-bottom: 0 !important; } ul.archives li a { line-height: 48px; white-space: nowrap; } ul.archives li:before { font-size: 1em; } ul.archives.hover-effect li:hover a { color: #1b4268; } /* filters categories */ ul.filter-categories > li { background: #edf6ff; } ul.filter-categories > li + li { margin-top: 2px; } ul.filter-categories > li > a { display: block; line-height: 20px; padding: 10px 20px; font-size: 1.0833em; } ul.filter-categories > li.category-has-children > a:before { float: right; content: "\f067"; font-family: FontAwesome; font-size: 10px; width: 20px; height: 20px; line-height: 20px; background: #fff; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; text-align: center; color: #d4dde5; } ul.filter-categories > li.category-has-children > a.active { color: #1b4268; } ul.filter-categories > li.category-has-children > a.active:before { content: "\f068"; color: #fff; background: #ff1818; } ul.filter-categories > li li a { display: block; line-height: 25px; padding: 0 30px 0 36px; } ul.filter-categories > li li a:before { content: "\f10c"; font-size: 8px; font-family: FontAwesome; line-height: 25px; margin-right: 8px; float: left; } ul.filter-categories > li li:first-child { padding-top: 5px; } ul.filter-categories > li li:last-child { padding-bottom: 20px; } /* search box */ .main-mini-search-form { width: 240px; } .main-mini-search-form .search-box { width: 100%; position: relative; } .main-mini-search-form input[type=text] { background: none; border: none; width: 100%; border-bottom: 1px solid #d4dde5; height: 34px; line-height: normal; padding-right: 20px; } .main-mini-search-form button { background: none; border: none; position: absolute; right: 0; top: 50%; margin-top: -17px; } .main-mini-search-form button i { display: block; height: 34px; line-height: 34px; font-size: 14px; color: #d4dde5; } .main-mini-search-form button:hover i { color: #ff1818; } /* price filter */ .price-filter-box { background: #edf6ff; padding: 18px 47px; position: relative; } .price-filter-box .min-price-label, .price-filter-box .max-price-label { position: absolute; display: block; height: 20px; line-height: 20px; margin-top: -10px; top: 50%; } .price-filter-box .min-price-label { left: 10px; } .price-filter-box .max-price-label { right: 10px; } .ui-slider { position: relative; text-align: left; } .ui-slider.ui-slider-horizontal { height: 6px; } .ui-slider.ui-slider-horizontal .ui-slider-range { height: 100%; } .ui-slider.ui-slider-horizontal .ui-slider-handle { margin-left: -6px; top: -3px; } .ui-slider.ui-widget-content { -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -ms-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; background: #ff1818; } .ui-slider .ui-slider-range { display: block; position: absolute; z-index: 1; border: none; background: #fff; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -ms-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; } .ui-slider .ui-slider-handle { cursor: default; position: absolute; z-index: 2; width: 12px; height: 12px; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; background: #ff1818; } /* banner slider */ .banner-slider .owl-buttons, .post-slider.style1 .owl-buttons, .post-slider.style5 .owl-buttons, .brand-slider .owl-buttons { display: none; } .banner-slider .owl-pagination, .post-slider.style1 .owl-pagination, .post-slider.style5 .owl-pagination, .brand-slider .owl-pagination { display: block; position: absolute; bottom: 20px; line-height: 0; text-align: center; width: 100%; } .banner-slider .owl-pagination .owl-page, .post-slider.style1 .owl-pagination .owl-page, .post-slider.style5 .owl-pagination .owl-page, .brand-slider .owl-pagination .owl-page { display: inline-block; margin: 0 3px; height: 10px; } .banner-slider .owl-pagination .owl-page span, .post-slider.style1 .owl-pagination .owl-page span, .post-slider.style5 .owl-pagination .owl-page span, .brand-slider .owl-pagination .owl-page span { display: inline-block; margin-top: 2px; height: 6px; width: 40px; border: 1px solid #fff; -webkit-border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -ms-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; background: none; box-shadow: none; } .banner-slider .owl-pagination .owl-page.active span, .post-slider.style1 .owl-pagination .owl-page.active span, .post-slider.style5 .owl-pagination .owl-page.active span, .brand-slider .owl-pagination .owl-page.active span { background: #fff; } .banner-slider .banner-text, .post-slider.style1 .banner-text, .post-slider.style5 .banner-text, .brand-slider .banner-text { background: #ff1818; color: #fff; padding: 15px 10px; text-align: center; text-transform: uppercase; } .banner-slider .banner-text .banner-title, .post-slider.style1 .banner-text .banner-title, .post-slider.style5 .banner-text .banner-title, .brand-slider .banner-text .banner-title { margin-bottom: 0; font-size: 2.5em; line-height: 0.8; color: #fff; } /* best sellers widget */ .product-list-widget li { background: #edf6ff; padding: 10px; display: block; } .product-list-widget li + li { margin-top: 1px; } .product-list-widget .product-image, .product-list-widget .product-content { display: table-cell; vertical-align: middle; } .product-list-widget .product-image a { width: 60px; display: block; } .product-list-widget .product-image a:hover img { filter: alpha(opacity=85); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; -moz-opacity: 0.85; -khtml-opacity: 0.85; opacity: 0.85; } .product-list-widget .product-content { padding-left: 10px; } .product-list-widget .product-title { margin-bottom: 8px; } .product-list-widget .product-price { color: #eb3b50; font-weight: 600; margin-right: 5px; } /* textbox */ .text-box { background: #edf6ff; padding: 20px 25px; } .text-box > *:last-child { margin-bottom: 0; } .padding-box { background: #edf6ff; padding: 10px; } .padding-box .box-title { font-size: 1.5em; font-weight: normal; } /* flickr gallery */ /* color filter */ .filter-by-color li { float: left; border: 1px solid; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; margin-right: 10px; margin-bottom: 10px; } .filter-by-color li:last-child { margin-right: 0; } .filter-by-color li a { display: block; width: 28px; height: 28px; border: 6px solid #fff; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; text-indent: -9999px; } .filter-by-color li.chosen a { text-align: center; text-indent: 0; font-size: 10px; line-height: 16px; } .filter-by-color li.chosen a:before { content: "\f00c"; font-family: FontAwesome; color: #fff; } .filter-by-color:after { display: table; content: ""; clear: both; } .filter-by-color .color1 { background: #d1e6d5; color: #d1e6d5; } .filter-by-color .color2 { background: #9f60b5; color: #9f60b5; } .filter-by-color .color3 { background: #ff6000; color: #ff6000; } .filter-by-color .color4 { background: #0ab596; color: #0ab596; } .filter-by-color .color5 { background: #f5a77d; color: #f5a77d; } .filter-by-color .color6 { background: #6dace6; color: #6dace6; } .filter-by-color .color7 { background: #c59d8d; color: #c59d8d; } /* size filter */ .filter-by-size li { float: left; margin: 0 10px 10px 0; } .filter-by-size li:last-child { margin-right: 0; } .filter-by-size li a { display: block; width: 30px; height: 30px; color: #d4dde5; border: 1px solid; font-size: 0.9167em; font-weight: 600; text-align: center; line-height: 30px; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; } .filter-by-size li:hover a, .filter-by-size li.chosen a { color: #fff; border-color: #ff1818; background: #ff1818; } .filter-by-size:after { display: table; content: ""; clear: both; } /* 2.7. Toggle & Accordion ~~~~~~~~~~~~~~~~~~~~~~~~~ */ .panel-group .panel-title { font-size: 1.1667em; line-height: 20px; } .panel-group .panel-title a { white-space: normal; display: block; padding: 15px 30px; } .panel-group .panel-title a.active .open-sub:after { display: none; } .panel-group .panel-title .open-sub { display: block; position: relative; } .panel-group .panel-title .open-sub:before, .panel-group .panel-title .open-sub:after { content: ""; display: block; position: absolute; } .panel-group .panel-title .open-sub:before { height: 1px; top: 50%; margin-top: -0.5px; left: 50%; } .panel-group .panel-title .open-sub:after { width: 1px; left: 50%; margin-left: -0.5px; top: 50%; } .panel-group h2.panel-title { font-size: 2em; } .panel-group h3.panel-title { font-size: 1.6667em; } .panel-group h4.panel-title { font-size: 1.3333em; } .panel-group h6.panel-title { font-size: 1.0833em; } .panel-group .panel-content { padding: 10px 30px 20px; } .panel-group .panel-content > *:last-child { margin-bottom: 0; } .panel-group .panel { box-shadow: none; -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; -ms-border-radius: 0 0 0 0; border-radius: 0 0 0 0; border: none; margin-bottom: 0; position: relative; } .panel-group .panel + .panel { margin-top: 1px; } .panel-group .panel.style1 .panel-title a:hover, .panel-group .panel.style2 .panel-title a:hover, .panel-group .panel.style3 .panel-title a:hover, .panel-group .panel.style4 .panel-title a:hover, .panel-group .panel.style5 .panel-title a:hover { color: #ff1818; } .panel-group .panel.style1 .panel-title .open-sub, .panel-group .panel.style2 .panel-title .open-sub { float: right; } .panel-group .panel.style1 .panel-title a, .panel-group .panel.style2 .panel-title a { background: #edf6ff; } .panel-group .panel.style1 .panel-title a.active, .panel-group .panel.style2 .panel-title a.active { color: #ff1818; background: none; } .panel-group .panel.style1 .panel-title .open-sub { width: 11px; height: 11px; margin-top: 4.5px; } .panel-group .panel.style1 .panel-title .open-sub:before, .panel-group .panel.style1 .panel-title .open-sub:after { background: #939faa; } .panel-group .panel.style1 .panel-title .open-sub:before { left: 0; width: 100%; } .panel-group .panel.style1 .panel-title .open-sub:after { top: 0; bottom: 0; height: 100%; } .panel-group .panel.style2 .panel-title .open-sub, .panel-group .panel.style3 .panel-title .open-sub { width: 20px; height: 20px; background: #fff; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; } .panel-group .panel.style2 .panel-title .open-sub:before, .panel-group .panel.style2 .panel-title .open-sub:after, .panel-group .panel.style3 .panel-title .open-sub:before, .panel-group .panel.style3 .panel-title .open-sub:after { background: #939faa; } .panel-group .panel.style2 .panel-title .open-sub:before, .panel-group .panel.style3 .panel-title .open-sub:before { width: 7px; margin-left: -3.5px; } .panel-group .panel.style2 .panel-title .open-sub:after, .panel-group .panel.style3 .panel-title .open-sub:after { bottom: 0; height: 7px; margin-top: -3.5px; } .panel-group .panel.style2 .panel-title a.active .open-sub, .panel-group .panel.style3 .panel-title a.active .open-sub { background: #ff1818; } .panel-group .panel.style2 .panel-title a.active .open-sub:before, .panel-group .panel.style2 .panel-title a.active .open-sub:after, .panel-group .panel.style3 .panel-title a.active .open-sub:before, .panel-group .panel.style3 .panel-title a.active .open-sub:after { background: #fff; } .panel-group .panel.style3 + .panel { margin-top: 10px; } .panel-group .panel.style3 .panel-title a { background: #edf6ff; color: inherit; } .panel-group .panel.style3 .panel-title a.active, .panel-group .panel.style3 .panel-content { background: #ff1818; color: #fff; } .panel-group .panel.style3 .panel-title .open-sub { float: left; margin-right: 15px; } .panel-group .panel.style3 .panel-title a.active .open-sub { background: #fff; } .panel-group .panel.style3 .panel-title a.active .open-sub:before, .panel-group .panel.style3 .panel-title a.active .open-sub:after { background: #ff1818; } .panel-group .panel.style3 .panel-content { padding-left: 65px; padding-right: 15px; } .panel-group .panel.style4 + .panel { margin-top: 7px; } .panel-group .panel.style4 .panel-title a { padding-top: 0; padding-left: 0; line-height: 32px; } .panel-group .panel.style4 .panel-title a .open-sub { float: left; margin-right: 20px; width: 32px; height: 32px; background: none; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; border: 1px solid #d4dde5; } .panel-group .panel.style4 .panel-title a .open-sub:before, .panel-group .panel.style4 .panel-title a .open-sub:after { background: #d4dde5; } .panel-group .panel.style4 .panel-title a .open-sub:before { width: 7px; margin-left: -3.5px; } .panel-group .panel.style4 .panel-title a .open-sub:after { bottom: 0; height: 7px; margin-top: -3.5px; } .panel-group .panel.style4 .panel-title a.active { color: #ff1818; } .panel-group .panel.style4 .panel-title a.active .open-sub { background: #ff1818; border-color: #ff1818; } .panel-group .panel.style4 .panel-title a.active .open-sub:before, .panel-group .panel.style4 .panel-title a.active .open-sub:after { background: #fff; } .panel-group .panel.style4 .panel-content { padding: 0 10px 10px 55px; word-break: break-all; } .panel-group .panel.style5 { border: 1px solid #edf6ff; border-bottom: none; } .panel-group .panel.style5 + .panel { margin-top: 1px; } .panel-group .panel.style5 .panel-title a { padding: 0; line-height: 50px; } .panel-group .panel.style5 .panel-title a .open-sub { width: 36px; float: left; margin-right: 25px; height: 50px; background: #edf6ff; } .panel-group .panel.style5 .panel-title a .open-sub:before, .panel-group .panel.style5 .panel-title a .open-sub:after { background: #939faa; } .panel-group .panel.style5 .panel-title a .open-sub:before { width: 11px; left: 50%; margin-left: -5.5px; } .panel-group .panel.style5 .panel-title a .open-sub:after { height: 11px; top: 50%; margin-top: -5.5px; } .panel-group .panel.style5 .panel-title a.active { color: #ff1818; } .panel-group .panel.style5 .panel-content { border-top: 1px solid #edf6ff; padding: 15px 15px 15px 40px; } .panel-group .panel.style5:last-child { border-bottom: 1px solid #edf6ff; } .panel-group .panel.style6 { background: #edf6ff; } .panel-group .panel.style6 .panel-title a.active, .panel-group .panel.style6 .panel-title a:hover { color: #1b4268; } /* 2.8. Blog Posts ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .blog-posts .post-image img { width: 100%; } .blog-posts blockquote { margin-bottom: 1px; } .blog-posts .post-masonry .post-content { position: relative; z-index: 1; padding: 40px 30px 25px; border: 2px solid #edf6ff; border-top-width: 1px; border-bottom: none; } .blog-posts .post-masonry .post-content > *:last-child { margin-bottom: 0; } .blog-posts .post-masonry .post-content.no-author-img { padding-top: 25px; } .blog-posts .post-masonry .entry-title { font-weight: 400; } .blog-posts .post-masonry .post-author { -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; border: 4px solid #fff; width: 72px; height: 72px; position: absolute; overflow: hidden; left: 25px; top: 0; margin-top: -36px; background: #fff; z-index: 2; } .blog-posts .post-masonry .post-author img { -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; position: relative; z-index: 1; -webkit-transform: none; } .blog-posts .post-masonry .post-author:hover img { filter: alpha(opacity=85); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; -moz-opacity: 0.85; -khtml-opacity: 0.85; opacity: 0.85; } .blog-posts .post-masonry .post-action, .blog-posts .post-full .post-action { background: #edf6ff; padding: 15px 20px 5px; } .blog-posts .post-masonry .post-action .btn, .blog-posts .post-full .post-action .btn { margin-right: 7px; padding: 0 15px; margin-bottom: 10px; } .blog-posts .post-masonry .post-action .btn:last-child, .blog-posts .post-full .post-action .btn:last-child { margin-right: 0; } .blog-posts .post-masonry .post-action .post-read-more, .blog-posts .post-full .post-action .post-read-more { float: right; padding: 0 20px; } .blog-posts .post-masonry .post-action .fa, .blog-posts .post-full .post-action .fa { color: #d4dde5; margin-right: 3px; } .blog-posts .post-masonry .post-action:after, .blog-posts .post-full .post-action:after { content: ""; clear: both; display: table; } .blog-posts .post-grid .post-content { position: relative; background: #edf6ff; padding: 40px 20px 25px; text-align: center; z-index: 1; } .blog-posts .post-grid .post-content p { margin-bottom: 20px; } .blog-posts .post-grid .entry-title { margin-bottom: 4px; } .blog-posts .post-grid .post-date { position: absolute; display: inline-block; left: 0; top: 0; width: 100%; color: #fff; height: 32px; line-height: 32px; margin-top: -16px; white-space: nowrap; font-size: 0.8333em; text-transform: uppercase; font-weight: 700; } .blog-posts .post-grid .post-date span { display: inline-block; background: #ff1818; padding: 0 25px; -webkit-border-radius: 16px 16px 16px 16px; -moz-border-radius: 16px 16px 16px 16px; -ms-border-radius: 16px 16px 16px 16px; border-radius: 16px 16px 16px 16px; } .blog-posts .post-grid .post-meta { margin-bottom: 20px; } .blog-posts .post-grid .post-action .btn { padding: 0 25px; } .blog-posts .post-full .post-image { padding: 0; } .blog-posts .post-full .post-content { padding: 20px 30px 15px; background: #edf6ff; } .blog-posts .post-full .post-title { font-weight: 400; margin-bottom: 3px; } .blog-posts .post-full .post-meta { margin-bottom: 20px; } .blog-posts .post-full .post-action { background: none; padding: 0; padding-top: 10px; } .blog-posts .post-full.post-blockquote .post-content { padding: 0 0 25px 0; } .blog-posts .post-full.post-blockquote .post-action { padding: 0 30px; } .blog-posts .post-full:after { content: ""; display: table; clear: both; } .blog-posts .post-action .btn { background: #fff; } .blog-posts .post-action .btn i { margin-right: 3px; } .blog-posts .post-action .btn:hover { background: #1b4268; color: #fff; } .blog-posts .post-action .btn:hover .fa { color: #fff; } .blog-posts .post-blockquote .post-content { padding-top: 0; } .blog-posts.layout-timeline.layout-fullwidth .timeline-author { width: 100px; height: 100px; border: 1px solid #d4dde5; padding: 3px; overflow: hidden; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; margin: 0 auto; background: #fff; } .blog-posts.layout-timeline.layout-fullwidth .timeline-author img { -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; } .blog-posts.layout-timeline.layout-fullwidth .post-date { font-weight: 600; font-size: 0.8333em; background: #ff1818; line-height: 28px; display: inline-block; color: #fff; position: absolute; top: 0; z-index: 9; visibility: hidden; text-transform: uppercase; } .blog-posts.layout-timeline.layout-fullwidth .post-date:before, .blog-posts.layout-timeline.layout-fullwidth .post-date:after { content: ""; display: block; position: absolute; } .blog-posts.layout-timeline.layout-fullwidth .post-date:before { top: 0; } .blog-posts.layout-timeline.layout-fullwidth .post-date:after { width: 12px; height: 12px; top: 50%; margin-top: -6px; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; background: #ff1818; } .blog-posts.layout-timeline.layout-fullwidth .iso-container { background: url(/assets/miracle/icon/dot.jpg) repeat-y center center; margin: 0 -25px -15px; padding-bottom: 40px; } .blog-posts.layout-timeline.layout-fullwidth .iso-container .iso-item { padding: 15px 25px; } .blog-posts.layout-timeline.layout-fullwidth .iso-container .iso-item:nth-child(2) { padding-top: 75px; } .blog-posts.layout-timeline.layout-fullwidth .iso-container article.post { overflow: visible; padding-top: 38px; position: relative; } .blog-posts.layout-timeline.layout-fullwidth .iso-container .col-left .post-date, .blog-posts.layout-timeline.layout-fullwidth .iso-container .col-right .post-date { visibility: visible; } .blog-posts.layout-timeline.layout-fullwidth .iso-container .col-left .post-date { right: 0; -webkit-border-radius: 14px 0 0 14px; -moz-border-radius: 14px 0 0 14px; -ms-border-radius: 14px 0 0 14px; border-radius: 14px 0 0 14px; padding: 0 10px 0 20px; } .blog-posts.layout-timeline.layout-fullwidth .iso-container .col-left .post-date:before { border-left: 14px solid #ff1818; border-top: 14px solid transparent; border-bottom: 14px solid transparent; right: -14px; } .blog-posts.layout-timeline.layout-fullwidth .iso-container .col-left .post-date:after { right: -31.5px; } .blog-posts.layout-timeline.layout-fullwidth .iso-container .col-right .post-date { left: 0; -webkit-border-radius: 0 14px 14px 0; -moz-border-radius: 0 14px 14px 0; -ms-border-radius: 0 14px 14px 0; border-radius: 0 14px 14px 0; padding: 0 20px 0 10px; } .blog-posts.layout-timeline.layout-fullwidth .iso-container .col-right .post-date:before { border-right: 14px solid #ff1818; border-top: 14px solid transparent; border-bottom: 14px solid transparent; left: -14px; } .blog-posts.layout-timeline.layout-fullwidth .iso-container .col-right .post-date:after { left: -30.5px; } .blog-posts.layout-timeline.layout-fullwidth .load-more { display: block; width: 50px; height: 50px; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; margin: 0 auto; line-height: 50px; text-align: center; color: #fff; background: #d4dde5; margin-top: 15px; display: none; } .blog-posts.layout-timeline.layout-fullwidth .load-more i { font-size: 30px; line-height: 50px; } .blog-posts.layout-timeline.layout-fullwidth .iso-container.active ~ .load-more { display: block; } .blog-posts.layout-timeline.layout-single { background: url(/assets/miracle/icon/dot.jpg) repeat-y 80px top; } .blog-posts.layout-timeline.layout-single .timeline-date { height: 36px; line-height: 34px; display: inline-block; font-weight: bold; font-size: 0.8333em; text-transform: uppercase; border: 1px solid #d4dde5; padding: 0 20px; -webkit-border-radius: 18px 18px 18px 18px; -moz-border-radius: 18px 18px 18px 18px; -ms-border-radius: 18px 18px 18px 18px; border-radius: 18px 18px 18px 18px; margin-left: 30px; background: #fff; margin-bottom: 30px; } .blog-posts.layout-timeline.layout-single article.post { padding-left: 100px; position: relative; } .blog-posts.layout-timeline.layout-single .element-type { width: 50px; height: 54px; line-height: 50px; text-align: center; color: #fff; font-size: 20px; position: absolute; left: 0; top: 0; background: #d4dde5; -webkit-border-radius: 0 0 25px 25px; -moz-border-radius: 0 0 25px 25px; -ms-border-radius: 0 0 25px 25px; border-radius: 0 0 25px 25px; cursor: default; border-color: #d4dde5; } .blog-posts.layout-timeline.layout-single .element-type i { line-height: inherit; } .blog-posts.layout-timeline.layout-single .element-type:before { content: ""; border-top: 1px solid; border-color: inherit; position: absolute; top: 0; width: 36px; left: 100%; } .blog-posts.layout-timeline.layout-single .element-type:after { content: ""; position: absolute; width: 18px; height: 18px; background-color: inherit; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; top: -9px; right: -39.5px; border: 3px solid #fff; } .blog-posts.layout-timeline.layout-single .element-type:hover { background: #ff1818; border-color: #ff1818; } .blog-posts.layout-timeline.layout-single .post .post-content { background: #edf6ff; padding-top: 20px; } .blog-posts.layout-timeline.layout-single .post .entry-title { margin-bottom: 3px; } .blog-posts.layout-timeline.layout-single .post .post-meta { margin-bottom: 20px; } .blog-posts.layout-timeline.layout-single .post .audio-container { margin-bottom: 1px; } .blog-posts.layout-timeline.layout-single .read-more { height: 36px; line-height: 34px; font-weight: 400; background: #fff; padding: 0 25px; margin-left: 25px; font-size: 0.8333em; } .blog-posts.layout-timeline.layout-single .read-more:hover, .blog-posts.layout-timeline.layout-single .read-more:focus { background: #1b4268; border-color: #1b4268; } .blog-posts .post-meta { font-size: 0.9167em; margin-bottom: 7px; } .blog-posts .post-meta > * { margin-right: 3px; } .blog-posts .post-meta > * + *:before { content: "."; font-size: 16px; font-weight: 900; margin-right: 4px; } .blog-posts .post-classic, .single-post .post { padding-left: 70px; position: relative; } .blog-posts .post-classic .post-date, .single-post .post .post-date { position: absolute; left: 0; top: 0; width: 50px; background: #ff1818; text-align: center; padding: 15px 0 20px; color: #fff; -webkit-border-radius: 0 0 25px 25px; -moz-border-radius: 0 0 25px 25px; -ms-border-radius: 0 0 25px 25px; border-radius: 0 0 25px 25px; } .blog-posts .post-classic .post-date .month, .blog-posts .post-classic .post-date .day, .single-post .post .post-date .month, .single-post .post .post-date .day { line-height: 1; } .blog-posts .post-classic .post-date .month, .single-post .post .post-date .month { font-weight: 700; font-size: 0.9167em; display: block; } .blog-posts .post-classic .post-date .day, .single-post .post .post-date .day { font-weight: 600; font-size: 1.6667em; } .blog-posts .post-classic .post-action, .single-post .post .post-action { float: right; } .blog-posts .post-classic .post-action .btn, .single-post .post .post-action .btn { border: 1px solid #d4dde5; color: inherit; padding: 0 15px; background: none; } .blog-posts .post-classic .post-action .btn i, .single-post .post .post-action .btn i { color: #d4dde5; margin-right: 3px; } .blog-posts .post-classic .post-action .btn:hover, .single-post .post .post-action .btn:hover { border-color: #eb3b50; background: #eb3b50; color: #fff; } .blog-posts .post-classic .post-action .btn:hover i, .single-post .post .post-action .btn:hover i { color: #fff; } .blog-posts .post-classic .post-content, .single-post .post .post-content { padding: 25px 0; } .blog-posts .post-classic .entry-title, .single-post .post .entry-title { margin-bottom: 4px; } .blog-posts .post-classic .post-meta, .single-post .post .post-meta { margin-bottom: 25px; } .blog-posts .post-classic .read-more, .single-post .post .read-more { line-height: 35px; font-size: 0.8333em; height: 36px; font-weight: 400; padding: 0 25px; } .blog-posts .post-classic.post-blockquote .post-content { padding-top: 0; } .miracle-slider-nav, .post-slideshow .owl-prev, .post-slideshow .owl-next, .post-slideshow .soap-gallery-prev, .post-slideshow .soap-gallery-next, .soap-gallery .owl-prev, .soap-gallery .owl-next, .soap-gallery .soap-gallery-prev, .soap-gallery .soap-gallery-next, .soap-gallery-wrapper .owl-prev, .soap-gallery-wrapper .owl-next, .soap-gallery-wrapper .soap-gallery-prev, .soap-gallery-wrapper .soap-gallery-next, .post-slider .owl-prev, .post-slider .owl-next, .post-slider .soap-gallery-prev, .post-slider .soap-gallery-next, .testimonials.owl-carousel .owl-prev, .testimonials.owl-carousel .owl-next, .testimonials.owl-carousel .soap-gallery-prev, .testimonials.owl-carousel .soap-gallery-next, .features-icon-slider .owl-prev, .features-icon-slider .owl-next, .features-icon-slider .soap-gallery-prev, .features-icon-slider .soap-gallery-next, .brand-slider.style1 .owl-prev, .brand-slider.style1 .owl-next, .brand-slider.style1 .soap-gallery-prev, .brand-slider.style1 .soap-gallery-next, #slideshow .tp-leftarrow.default, #slideshow .tp-rightarrow.default, .post-pagination .nav-prev, .post-pagination .nav-next { position: absolute; top: 50%; text-indent: -9999px; text-align: left; margin-top: -14px; text-shadow: none; -moz-transition: left 0.3s ease, right 0.3s ease; -o-transition: left 0.3s ease, right 0.3s ease; -webkit-transition: left 0.3s ease, right 0.3s ease; -ms-transition: left 0.3s ease, right 0.3s ease; transition: left 0.3s ease, right 0.3s ease; z-index: 98; } .miracle-slider-nav:before, .post-slideshow .owl-prev:before, .post-slideshow .owl-next:before, .post-slideshow .soap-gallery-prev:before, .post-slideshow .soap-gallery-next:before, .soap-gallery .owl-prev:before, .soap-gallery .owl-next:before, .soap-gallery .soap-gallery-prev:before, .soap-gallery .soap-gallery-next:before, .soap-gallery-wrapper .owl-prev:before, .soap-gallery-wrapper .owl-next:before, .soap-gallery-wrapper .soap-gallery-prev:before, .soap-gallery-wrapper .soap-gallery-next:before, .post-slider .owl-prev:before, .post-slider .owl-next:before, .post-slider .soap-gallery-prev:before, .post-slider .soap-gallery-next:before, .testimonials.owl-carousel .owl-prev:before, .testimonials.owl-carousel .owl-next:before, .testimonials.owl-carousel .soap-gallery-prev:before, .testimonials.owl-carousel .soap-gallery-next:before, .features-icon-slider .owl-prev:before, .features-icon-slider .owl-next:before, .features-icon-slider .soap-gallery-prev:before, .features-icon-slider .soap-gallery-next:before, .brand-slider.style1 .owl-prev:before, .brand-slider.style1 .owl-next:before, .brand-slider.style1 .soap-gallery-prev:before, .brand-slider.style1 .soap-gallery-next:before, #slideshow .tp-leftarrow.default:before, #slideshow .tp-rightarrow.default:before, .post-pagination .nav-prev:before, .post-pagination .nav-next:before { font-family: FontAwesome; font-size: 13px; text-indent: 0; width: 57px; height: 28px; display: block; text-align: center; line-height: 26px; border: 1px solid #fff; -webkit-border-radius: 14px 14px 14px 14px; -moz-border-radius: 14px 14px 14px 14px; -ms-border-radius: 14px 14px 14px 14px; border-radius: 14px 14px 14px 14px; color: #fff; } .miracle-slider-nav:hover:before, .post-slideshow .owl-prev:hover:before, .post-slideshow .owl-next:hover:before, .post-slideshow .soap-gallery-prev:hover:before, .post-slideshow .soap-gallery-next:hover:before, .soap-gallery .owl-prev:hover:before, .soap-gallery .owl-next:hover:before, .soap-gallery .soap-gallery-prev:hover:before, .soap-gallery .soap-gallery-next:hover:before, .soap-gallery-wrapper .owl-prev:hover:before, .soap-gallery-wrapper .owl-next:hover:before, .soap-gallery-wrapper .soap-gallery-prev:hover:before, .soap-gallery-wrapper .soap-gallery-next:hover:before, .post-slider .owl-prev:hover:before, .post-slider .owl-next:hover:before, .post-slider .soap-gallery-prev:hover:before, .post-slider .soap-gallery-next:hover:before, .testimonials.owl-carousel .owl-prev:hover:before, .testimonials.owl-carousel .owl-next:hover:before, .testimonials.owl-carousel .soap-gallery-prev:hover:before, .testimonials.owl-carousel .soap-gallery-next:hover:before, .features-icon-slider .owl-prev:hover:before, .features-icon-slider .owl-next:hover:before, .features-icon-slider .soap-gallery-prev:hover:before, .features-icon-slider .soap-gallery-next:hover:before, .brand-slider.style1 .owl-prev:hover:before, .brand-slider.style1 .owl-next:hover:before, .brand-slider.style1 .soap-gallery-prev:hover:before, .brand-slider.style1 .soap-gallery-next:hover:before, #slideshow .tp-leftarrow.default:hover:before, #slideshow .tp-rightarrow.default:hover:before, .post-pagination .nav-prev:hover:before, .post-pagination .nav-next:hover:before { border-color: #ff1818; background: #ff1818; } .post-slideshow .owl-prev, .post-slideshow .soap-gallery-prev, .soap-gallery .owl-prev, .soap-gallery .soap-gallery-prev, .soap-gallery-wrapper .owl-prev, .soap-gallery-wrapper .soap-gallery-prev, .post-slider .owl-prev, .post-slider .soap-gallery-prev, .testimonials.owl-carousel .owl-prev, .testimonials.owl-carousel .soap-gallery-prev, .features-icon-slider .owl-prev, .features-icon-slider .soap-gallery-prev, .brand-slider.style1 .owl-prev, .brand-slider.style1 .soap-gallery-prev { left: 28px; } .post-slideshow .owl-prev:before, .post-slideshow .soap-gallery-prev:before, .soap-gallery .owl-prev:before, .soap-gallery .soap-gallery-prev:before, .soap-gallery-wrapper .owl-prev:before, .soap-gallery-wrapper .soap-gallery-prev:before, .post-slider .owl-prev:before, .post-slider .soap-gallery-prev:before, .testimonials.owl-carousel .owl-prev:before, .testimonials.owl-carousel .soap-gallery-prev:before, .features-icon-slider .owl-prev:before, .features-icon-slider .soap-gallery-prev:before, .brand-slider.style1 .owl-prev:before, .brand-slider.style1 .soap-gallery-prev:before { content: "\f177"; } .post-slideshow .owl-next, .post-slideshow .soap-gallery-next, .soap-gallery .owl-next, .soap-gallery .soap-gallery-next, .soap-gallery-wrapper .owl-next, .soap-gallery-wrapper .soap-gallery-next, .post-slider .owl-next, .post-slider .soap-gallery-next, .testimonials.owl-carousel .owl-next, .testimonials.owl-carousel .soap-gallery-next, .features-icon-slider .owl-next, .features-icon-slider .soap-gallery-next, .brand-slider.style1 .owl-next, .brand-slider.style1 .soap-gallery-next { right: 28px; } .post-slideshow .owl-next:before, .post-slideshow .soap-gallery-next:before, .soap-gallery .owl-next:before, .soap-gallery .soap-gallery-next:before, .soap-gallery-wrapper .owl-next:before, .soap-gallery-wrapper .soap-gallery-next:before, .post-slider .owl-next:before, .post-slider .soap-gallery-next:before, .testimonials.owl-carousel .owl-next:before, .testimonials.owl-carousel .soap-gallery-next:before, .features-icon-slider .owl-next:before, .features-icon-slider .soap-gallery-next:before, .brand-slider.style1 .owl-next:before, .brand-slider.style1 .soap-gallery-next:before { content: "\f178"; } .post-slideshow .owl-pagination, .soap-gallery .owl-pagination, .soap-gallery-wrapper .owl-pagination, .post-slider .owl-pagination, .testimonials.owl-carousel .owl-pagination, .features-icon-slider .owl-pagination, .brand-slider.style1 .owl-pagination { display: none; } .post-slideshow:hover .owl-prev, .soap-gallery:hover .owl-prev, .soap-gallery-wrapper:hover .owl-prev, .post-slider:hover .owl-prev, .testimonials.owl-carousel:hover .owl-prev, .features-icon-slider:hover .owl-prev, .brand-slider.style1:hover .owl-prev { left: 28px; } .post-slideshow:hover .owl-next, .soap-gallery:hover .owl-next, .soap-gallery-wrapper:hover .owl-next, .post-slider:hover .owl-next, .testimonials.owl-carousel:hover .owl-next, .features-icon-slider:hover .owl-next, .brand-slider.style1:hover .owl-next { right: 28px; } #slideshow .tp-leftarrow.default { left: 28px; } #slideshow .tp-leftarrow.default:before { content: "\f177"; } #slideshow .tp-rightarrow.default { right: 28px; } #slideshow .tp-rightarrow.default:before { content: "\f178"; } /* 2.9. Sticky Notes ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .sticky-note { padding: 25px 30px; background: #edf6ff; position: relative; overflow: hidden; margin-bottom: 30px; } .sticky-note > *:last-child { margin-bottom: 0; } .sticky-note:after { position: absolute; content: ""; border-top: 23px solid #d4dde5; border-right: 23px solid transparent; right: -23px; bottom: -23px; background-color: #fff; -moz-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .sticky-note:hover:after { right: 0; bottom: 0; } .sticky-note.style2 { background: #ffefb7; color: #c08d34; } .sticky-note.style2:after { border-top-color: #d5a044; } .sticky-note.style3 { background: #ffe4e4; color: #c05454; } .sticky-note.style3:after { border-top-color: #d66c6c; } .sticky-note.style4 { background: #d8f1a9; color: #74952b; } .sticky-note.style4:after { border-top-color: #89a648; } /* 2.10. Social Icons ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .social-icons { margin-bottom: 10px; } .social-icons:after { display: table; content: ""; clear: both; } .social-icons .social-icon { display: block; float: left; margin-right: 9px; margin-bottom: 15px; line-height: 0; } .social-icons .social-icon:last-child { margin-right: 0; } .social-icons .social-icon i { font-size: 1.0833em; border-color: #d4dde5; overflow: hidden; color: #d4dde5; width: 2.2em; height: 2.2em; line-height: 2.16em; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; text-align: center; } .social-icons .social-icon:hover i { border-color: transparent; color: #fff; background: #ff1818; } .social-icons .social-icon:hover i:before { -webkit-animation: fadeInDown 0.3s ease-in; -moz-animation: fadeInDown 0.3s ease-in; animation: fadeInDown 0.3s ease-in; display: inline-block; } .social-icons .social-icon:last-child { margin-right: 0; } .social-icons.full-width { display: block; } .social-icons.full-width .social-icon { display: table-cell; float: none; width: 1%; margin: 0; text-align: center; } .social-icons.size-lg .social-icon { margin-right: 10px; } .social-icons.size-lg .social-icon i { font-size: 1.6667em; } .social-icons.size-md .social-icon { margin-right: 10px; } .social-icons.size-md .social-icon i { font-size: 1.1667em; } .social-icons.size-sm .social-icon { margin-right: 10px; } .social-icons.size-sm .social-icon i { font-size: 1em; width: 2.4em; height: 2.4em; line-height: 2.35em; } .social-icons.style1 .social-icon i { color: #d4dde5; border: 1px solid #d4dde5; } .social-icons.style1 .social-icon:hover i { border-color: transparent; color: #fff; } .social-icons.style2 .social-icon i { color: #fff; border: none; background: #ff1818; } .social-icons.style2 .social-icon:hover i { background: #ff3030; } .social-icons.style3 .social-icon i { color: #fff; border: none; background: #1b4268; } .social-icons.style3 .social-icon:hover i { background: #22486d; } /* 2.11. Callout Box ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .callout-box { position: relative; } .callout-box .callout-content { display: table; width: 100%; } .callout-box .callout-text { display: table-cell; vertical-align: middle; } .callout-box .callout-text > * { margin-bottom: 0; } .callout-box .callout-action { display: table-cell; padding-left: 40px; vertical-align: middle; white-space: nowrap; } .callout-box.style1 { /*.callout-content { height: 100%; padding-bottom: 20px; }*/ } .callout-box.style1 .callout-box-wrapper { background: rgba(147, 159, 170, 0.95); } .callout-box.style1 .callout-box-wrapper > .container > .row > div:not(.callout-content-container) { z-index: 1; } .callout-box.style1 .callout-box-wrapper.bg-blue { background: rgba(15, 37, 65, 0.95); } .callout-box.style1 .callout-box-wrapper.bg-blue .desc-sm { color: #455b79; } .callout-box.style1 .callout-content-container:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; } .callout-box.style1 .callout-content { display: inline-block; height: auto; width: 98%; vertical-align: middle; } .callout-box.style1 .callout-text h2, .callout-box.style1 .callout-text h3 { color: #fff; font-size: 3.3333em; padding-right: 35px; border-right: 1px solid rgba(255, 255, 255, 0.1); } .callout-box.style1 .callout-text h3 { font-size: 2.5em; } .callout-box.style1 .btn { color: #fff; border-color: #fff; } .callout-box.style1 .btn:hover { border-color: #ff1818; } .callout-box.style1 .container { position: relative; } .callout-box.style1 .callout-image-container { display: table; width: 100%; height: 100%; table-layout: fixed; } .callout-box.style1 .callout-image { position: relative; z-index: 1; display: table-cell; vertical-align: bottom; } .callout-box.style1 .callout-image img { margin-top: 5px; } .callout-box.style1 .callout-stripe { position: absolute; bottom: 0; right: 0; float: none; padding: 0; color: #fff; background: #ff1818; padding: 7px 0 7px 50px; font-size: 0.8333em; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; z-index: 0; } .callout-box.style1 .callout-stripe:after { content: ""; display: block; position: absolute; top: 0; left: 100%; height: 100%; bottom: 0; width: 1000px; background: #ff1818; } .callout-box.style1 .callout-stripe img { margin-right: 8px; } .callout-box.style1 .desc-lg { font-size: 1.3333em; color: #fff; margin-bottom: 8px; } .callout-box.style1 .desc-sm { font-size: 0.8333em; color: #fff; text-transform: uppercase; font-weight: 600; letter-spacing: 0.1em; } .callout-box.style2 .callout-action, .callout-box.style3 .callout-action { text-align: right; } .callout-box.style2 .callout-text *, .callout-box.style3 .callout-text * { color: #fff; line-height: 1.6667em; } .callout-box.style2 { background: #1b4268; padding: 30px 0; } .callout-box.style2 .btn { color: #fff; border-color: #fff; padding: 0 45px; } .callout-box.style2 .btn:hover { border-color: #ff1818; } .callout-box.style3 { background: #ff1818; padding: 40px 0; } .callout-box.style3 .callout-text * { font-size: 2.5em; } .callout-box.style3 .btn:hover { color: #fff; background: #1b4268; } /* 2.12. Slider ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .flexslider { border: none; -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; -ms-border-radius: 0 0 0 0; border-radius: 0 0 0 0; box-shadow: none; margin: 0; z-index: 0; position: relative; } /* 2.13. Parallax ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .parallax { background-attachment: fixed; background-position: 50% 0; background-repeat: no-repeat; background-size: auto auto; /*background-size: cover;*/ overflow: hidden; position: static; } .parallax.has-caption:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; } .parallax .container { -webkit-backface-visibility: hidden; } .parallax-elem { position: relative; overflow: hidden; background: #000; min-height: 500px; } .parallax-elem .video-container { position: absolute; left: 0; top: 0; height: 100%; } .parallax-elem .no-parallax { top: 0 !important; } .parallax-elem .mejs-container, .parallax-elem .mejs-layer { width: 100% !important; height: 100% !important; } .image-banner { background-repeat: no-repeat; background-size: cover; background-position: center bottom; position: relative; overflow: hidden; } .image-banner .caption-wrapper { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; } .image-banner .caption-wrapper.position-right { right: 0; max-width: 48%; padding-right: 30px; padding-left: 0; } .image-banner .caption-wrapper.position-left { left: 0; max-width: 48%; padding-left: 30px; padding-right: 0; } .image-banner .caption-wrapper.position-left:before, .image-banner .caption-wrapper.position-right:before, .image-banner .caption-wrapper.position-middle:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; } .image-banner .caption-wrapper.position-left .captions, .image-banner .caption-wrapper.position-right .captions, .image-banner .caption-wrapper.position-middle .captions { display: inline-block; width: 98%; vertical-align: middle; text-align: left; } .image-banner .caption-wrapper.position-left h2, .image-banner .caption-wrapper.position-right h2, .image-banner .caption-wrapper.position-middle h2 { color: #b2afb2; font-size: 8.3333em; line-height: 1; letter-spacing: -0.1em; } .image-banner .caption-wrapper.position-left .action, .image-banner .caption-wrapper.position-right .action, .image-banner .caption-wrapper.position-middle .action { color: #fff; text-decoration: underline; font-size: 1.1667em; text-transform: uppercase; white-space: nowrap; } .image-banner .caption-wrapper.position-left .action:hover, .image-banner .caption-wrapper.position-right .action:hover, .image-banner .caption-wrapper.position-middle .action:hover { color: #8c868c; } .image-banner .btn { position: relative; z-index: 1; } .image-banner .image-container.style-abs { position: absolute; top: 40px; } .image-banner .image-container.style-abs.position-right { right: 0; max-width: 48%; } .image-banner .image-container.style-abs.position-left { left: 0; max-width: 48%; } #main .image-banner:first-child { margin-top: 40px; } .post-slider.style4 .caption-wrapper, .parallax > .caption-wrapper { width: 99%; display: inline-block; vertical-align: middle; text-align: center; } .post-slider.style4 .caption-wrapper > *:last-child, .parallax > .caption-wrapper > *:last-child { margin-bottom: 0; } .post-slider.style4 .caption, .parallax .caption { line-height: 1em; text-transform: uppercase; -webkit-border-radius: 1.25em 1.25em 1.25em 1.25em; -moz-border-radius: 1.25em 1.25em 1.25em 1.25em; -ms-border-radius: 1.25em 1.25em 1.25em 1.25em; border-radius: 1.25em 1.25em 1.25em 1.25em; display: inline-block; font-weight: 600; margin-bottom: 10px; } .post-slider.style4 .caption.size-lg, .parallax .caption.size-lg { font-size: 2.0833em; background: #fff; color: #1b4268; padding: 0.5em 1.5em; } .post-slider.style4 .caption.size-md, .parallax .caption.size-md { font-size: 1.1667em; background: #ff1818; color: #fff; padding: 0.8em 2em; } /* 3. Header ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* 3.1. Main Header ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #header { height: 84px; position: absolute; top: 0; width: 100%; z-index: 101; left: 0; color: #000; /*@include transition((height 0.4s ease 0s, opacity 0.3s ease 0s));*/ } #header.header-color-white { color: #fff; } #header.header-color-white .logo a { color: #fff; } #header.header-sticky { position: fixed; background: rgba(255, 255, 255, 0.9); left: 0; top: 0; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.11); color: #333; height: auto; -webkit-backface-visibility: hidden; } #header.header-sticky #nav > ul > li > a { line-height: 54px; } #header.header-sticky .logo a { color: #333; } #header .header-inner { display: table; width: 100%; position: relative; } #header .header-top-nav { float: right; } #header #nav { text-align: right; } #header .logo { font-size: 1.6667em; text-transform: uppercase; font-weight: 600; background-image: url("/assets/miracle/logo/skin9/logo.png"); background-repeat: no-repeat; margin-bottom: 0; } @media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) { #header .logo { background-image: url("/assets/miracle/logo/skin9/logo@2x.png"); background-size: 25px 26px; } } #header .logo a { color: #000; } #header .logo img { margin-right: 5px; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; width: 25px; height: auto; } #header .mini-search { position: relative; } #header .mini-search .main-nav-search-form { position: absolute; z-index: 9; right: -1px; top: 0; bottom: 0; width: 354px; display: none; text-align: right; } #header .mini-search .main-nav-search-form:before { display: inline-block; content: ""; vertical-align: middle; height: 100%; } #header .mini-search .main-nav-search-form form { display: inline-block; width: 98%; } #header .mini-search .main-nav-search-form input[type=text] { height: 32px; border: none; -webkit-border-radius: 16px 16px 16px 16px; -moz-border-radius: 16px 16px 16px 16px; -ms-border-radius: 16px 16px 16px 16px; border-radius: 16px 16px 16px 16px; border: 1px solid #ff1818; padding-left: 15px; padding-right: 30px; outline: none; } #header .mini-search .main-nav-search-form button { background: none; border: none; position: absolute; margin-top: 0; right: 12px; top: 0; bottom: 0; height: 100%; outline: none; } #header .mini-search .main-nav-search-form button i { display: block; height: 34px; line-height: 34px; font-size: 14px; } #header .mini-search .main-nav-search-form button:hover .fa { color: #ff3030; } #header .mini-search .main-nav-search-form .fa { height: 32px; line-height: 32px; } /* 3.2. Slideshow ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #slideshow { position: relative; } #slideshow .revolution-slider { position: relative; z-index: 1; } #slideshow .ads-carousel-wrap { position: absolute; bottom: 0; z-index: 2; left: 0; width: 100%; } #slideshow .ads-carousel-wrap .container { padding-left: 0; padding-right: 0; } .ads-carousel .image-banner .caption-wrapper { max-width: 60%; } .ads-carousel .image-banner .caption-wrapper .captions { width: 94%; } .ads-carousel .captions .title { font-size: 4.1667em; color: #343434; line-height: 1; letter-spacing: -0.1em; } /* 3.3. Page Title Container ~~~~~~~~~~~~~~~~~~~~~~~ */ .page-title-container { background: url(/assets/miracle/inner/style1-pattern.png) repeat; position: relative; overflow: visible; } .page-title-container .entry-title { font-weight: 300; font-size: 3.3333em; color: #343434; text-align: center; } .page-title-container .page-title { padding: 120px 0 25px; } .page-title-container .breadcrumbs { position: absolute; bottom: 0; left: 50%; -webkit-transform: translate(-50%, 50%); -moz-transform: translate(-50%, 50%); -ms-transform: translate(-50%, 50%); -o-transform: translate(-50%, 50%); transform: translate(-50%, 50%); background: #fff; -webkit-border-radius: 18px 18px 18px 18px; -moz-border-radius: 18px 18px 18px 18px; -ms-border-radius: 18px 18px 18px 18px; border-radius: 18px 18px 18px 18px; padding: 0 25px; white-space: nowrap; } .page-title-container .breadcrumbs li { display: inline-block; line-height: 36px; font-size: 0.8333em; text-transform: uppercase; margin-left: 5px; } .page-title-container .breadcrumbs li:first-child { margin-left: 0; } .page-title-container .breadcrumbs li a { padding-right: 5px; } .page-title-container .breadcrumbs li:after { content: "-"; } .page-title-container .breadcrumbs li:last-child:after { content: ""; } .page-title-container .breadcrumbs li.active { color: #ff1818; } .page-title-container .banner { background-repeat: no-repeat; padding: 120px 0; background-position: center top; } .page-title-container .banner .container { height: 100%; } .page-title-container .banner .caption-wrapper { height: 100%; text-align: center; max-width: 50%; padding: 0; } .page-title-container .banner .caption-wrapper.position-right { float: right; } .page-title-container .banner .caption-wrapper:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .page-title-container .banner .caption { display: inline-block; vertical-align: middle; max-width: 98%; } .page-title-container .banner .caption .caption-lg { font-size: 8.3333em; font-weight: 300; color: #fff; } .page-title-container .banner .caption .caption-sm { font-weight: 600; font-size: 1.1667em; color: #ff1818; } .page-title-container.style2 { background: url("http://placehold.it/1920x240") no-repeat; } .page-title-container.style2 .entry-title { color: #fff; } .page-title-container.style3 { background-image: url("http://placehold.it/1920x358"); background-size: cover; } .page-title-container.style4 .banner { height: 682px; background-image: url("http://placehold.it/1920x684"); } .page-title-container.style4 .caption { text-transform: none; } .page-title-container.style5 .banner { height: 682px; background-image: url("http://placehold.it/1920x1280"); } .page-title-container.style5 .caption { text-transform: none; } .page-title-container.style5 .caption .caption-lg { font-size: 5.8333em; color: #ff1818; line-height: 1.1667em; } .page-title-container.style5 .caption .caption-sm { color: #343434; } .page-title-container.style6 .banner { height: 682px; background-image: url("http://placehold.it/1920x812"); } .page-title-container.style6 .caption { text-transform: none; } .page-title-container.style6 .caption [class^="caption-"], .page-title-container.style6 .caption [class*=" caption-"] { color: #343434; line-height: 1em; } .page-title-container.style6 .caption .caption-xl { font-size: 10em; } .page-title-container.style6 .caption .caption-lg { font-size: 8.3333em; font-family: inherit; } .page-title-container.style6 .caption .caption-md { font-size: 1.6667em; letter-spacing: 0.04em; } .page-title-container.style6 .caption .caption-sm { font-size: 1.1667em; letter-spacing: 0.04em; } .page-title-container.style6 .social-icons .social-icon i { color: #fff; border-color: #fff; } .page-title-container.style6 .social-icons .social-icon:hover i { border-color: #ff1818; } /* 3.4. Main Menu ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #nav { text-align: right; /* lst level */ /* 2st level */ /* 3st level */ /* mega menu */ /* mini cart */ /* light style */ /* dark style */ /* colored style */ } #nav .mini-cart .fa, #nav .mini-search .fa { color: #ff1818; } #nav .mini-cart > a { padding: 0 10px; } #nav .mini-search > a { padding: 0 0 0 10px; } #nav .menu-item-has-children:hover > .sub-nav { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; visibility: visible; -webkit-animation: fadeInRight 0.3s forwards; -moz-animation: fadeInRight 0.3s forwards; animation: fadeInRight 0.3s forwards; -moz-animation: fadeIn 0.5s forwards; } #nav li.active > a { color: #ff1818; } #nav > ul > li { display: inline-block; position: relative; vertical-align: middle; text-align: left; } #nav > ul > li > a { display: block; font-size: 13px; font-weight: bold; font-weight: 700; text-transform: uppercase; line-height: 84px; padding: 0 25px; -moz-transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s; -webkit-transition: all 0.25s ease 0s; -ms-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s; } #nav .sub-nav { position: absolute; top: 100%; left: 0; visibility: hidden; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; width: 240px; padding: 20px 0; } #nav .sub-nav li { padding: 0 25px; } #nav .sub-nav li a { font-size: 1.0833em; padding: 8px 0; display: block; } #nav .sub-nav li.menu-item-has-children { position: relative; } #nav .sub-nav.position-left { right: 0; left: auto; } #nav .sub-nav .sub-nav { top: -20px; left: 100%; } #nav .sub-nav .sub-nav.position-left { left: -100%; } #nav > ul > .mega-menu-item { position: static; } #nav > ul > .mega-menu-item .sub-nav { width: 100%; } #nav > ul > .mega-menu-item:hover .sub-nav { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; visibility: visible; } #nav > ul > .mega-menu-item > .sub-nav { left: 0; padding: 20px 0; } #nav > ul > .mega-menu-item > .sub-nav > li { float: left; padding: 0 25px; } #nav > ul > .mega-menu-item > .sub-nav > li > a { cursor: default; margin-bottom: 5px; } #nav > ul > .mega-menu-item > .sub-nav:after { display: table; content: ""; clear: both; } #nav > ul > .mega-menu-item.mega-column-1 > .sub-nav > li { width: 100%; float: none; } #nav > ul > .mega-menu-item.mega-column-2 > .sub-nav > li { width: 50%; } #nav > ul > .mega-menu-item.mega-column-3 > .sub-nav > li { width: 33.3333%; } #nav > ul > .mega-menu-item.mega-column-4 > .sub-nav > li { width: 25%; } #nav > ul > .mega-menu-item.mega-column-5 > .sub-nav > li { width: 20%; } #nav > ul > .mega-menu-item.mega-column-6 > .sub-nav > li { width: 16.6666%; } #nav > ul > .mega-menu-item .sub-nav .sub-nav { position: static; padding: 0; -webkit-animation: none 1s ease-in-out; -moz-animation: none 1s ease-in-out; animation: none 1s ease-in-out; background: none !important; } #nav > ul > .mega-menu-item .sub-nav .sub-nav li { padding: 0; } #nav > ul > .mega-menu-item .sub-nav .sub-nav li a { padding: 9px 0; } #nav > ul > .mega-menu-item .sub-nav .sub-nav li .fa { width: 30px; text-align: left; } #nav .mini-cart .cart-content { left: auto; right: 0; padding: 25px; width: 300px; } #nav .mini-cart .cart-content .product-list li { padding: 0; background: none; } #nav .mini-cart .cart-content .product-list li .product-title { padding: 0; } #nav .mini-cart .cart-content .product-list .empty { color: inherit; font-size: 1.0833em; } #nav .mini-cart .cart-content .btn-view-cart { padding: 0 20px; font-size: 0.8333em; } #nav .mini-cart .cart-content .btn-view-cart .fa { margin-right: 10px; font-size: 12px; } #nav .mini-cart .cart-content .cart-action, #nav .mini-cart .cart-content .cart-price { display: table-cell; vertical-align: middle; } #nav .mini-cart .cart-content .cart-price { text-align: right; font-size: 1.0833em; } #nav .mini-cart .cart-content .total-price { padding-left: 15px; } #nav .btn-cart-view-hover-style, #nav .mini-cart .cart-content .btn-view-cart:hover, #nav.style-dark .mini-cart .cart-content .btn-view-cart:hover { color: #fff; background: #ff1818; border-color: #ff1818; } #nav .btn-cart-view-hover-style .fa, #nav .mini-cart .cart-content .btn-view-cart:hover .fa { color: inherit; } #nav li.menu-item-has-children > .sub-nav { background: rgba(255, 255, 255, 0.9); } #nav > ul > li.menu-item-has-children:hover > a { color: #000; background: rgba(255, 255, 255, 0.9); } #nav .sub-nav { color: #6a6a6a; } #nav .sub-nav li:hover > a, #nav .sub-nav li.active > a { color: #000; } #nav .sub-nav li:hover > a .fa, #nav .sub-nav li.active > a .fa { color: #ff1818; } #nav > ul > .mega-menu-item > .sub-nav > li > a { color: #000; } #nav .mini-cart .cart-content .product-list li, #nav .mini-cart .cart-content .product-title, #nav .mini-cart .cart-content .btn-view-cart { color: #6a6a6a; border-color: #b7b7b7; } #nav .mini-cart .cart-content .btn-view-cart .fa { color: #b7b7b7; } #nav .mini-cart .cart-content .product-title:hover { color: #ff1818; } #nav .mini-cart .cart-content hr { border-color: #f0efef; } #nav .mini-cart .cart-content .total-price { color: #ff1818; } #nav .mini-search .main-nav-search-form input[type=text] { background: #fff; } #nav.style-dark .style-dark-color, #nav.style-dark .mini-cart .cart-content .product-list li, #nav.style-dark .mini-cart .cart-content .product-title, #nav.style-dark .mini-cart .cart-content .btn-view-cart { color: #fff; border-color: #fff; } #nav.style-dark li.menu-item-has-children > .sub-nav { background: rgba(0, 0, 0, 0.9); } #nav.style-dark > ul > li.menu-item-has-children:hover > a { color: #fff; background: rgba(0, 0, 0, 0.9); } #nav.style-dark .sub-nav { color: #6a6a6a; } #nav.style-dark .sub-nav li:hover > a, #nav.style-dark .sub-nav li.active > a { color: #fff; } #nav.style-dark .sub-nav li:hover > a .fa, #nav.style-dark .sub-nav li.active > a .fa { color: #ff1818; } #nav.style-dark > ul > .mega-menu-item > .sub-nav > li > a { color: #fff; } #nav.style-dark .mini-cart .cart-content .btn-view-cart .fa { color: #fff; } #nav.style-dark .mini-cart .cart-content .product-title:hover { color: #ff1818; } #nav.style-dark .mini-cart .cart-content hr { border-color: #202020; } #nav.style-dark .mini-cart .cart-content .total-price { color: #fff; } #nav.style-dark .mini-search .main-nav-search-form input[type=text] { background: #000; } #nav.style-colored .style-colored-color, #nav.style-colored .mini-cart .cart-content .product-list li, #nav.style-colored .mini-cart .cart-content .product-title, #nav.style-colored .mini-cart .cart-content .btn-view-cart .fa { color: #eec8c8; } #nav.style-colored .mini-cart:hover .fa, #nav.style-colored .mini-search:hover .fa { color: #fff; border-color: #fff; } #nav.style-colored li.menu-item-has-children > .sub-nav { background: rgba(255, 24, 24, 0.9); } #nav.style-colored > ul > li.menu-item-has-children:hover > a { color: #fff; background: rgba(255, 24, 24, 0.9); } #nav.style-colored .sub-nav { color: #eec8c8; } #nav.style-colored .sub-nav li:hover > a, #nav.style-colored .sub-nav li.active > a { color: #fff; } #nav.style-colored .sub-nav li:hover > a .fa, #nav.style-colored .sub-nav li.active > a .fa { color: #1b4268; } #nav.style-colored > ul > .mega-menu-item > .sub-nav > li > a { color: #fff; } #nav.style-colored .mini-cart .cart-content .btn-view-cart { color: #fff; border-color: #fff; } #nav.style-colored .mini-cart .cart-content .product-title:hover { color: #fff; } #nav.style-colored .mini-cart .cart-content .btn-view-cart:hover { background: #1b4268; border-color: #1b4268; } #nav.style-colored .mini-cart .cart-content .btn-view-cart:hover .fa { color: #fff; } #nav.style-colored .mini-cart .cart-content hr { border-color: #ff3030; } #nav.style-colored .mini-cart .cart-content .product-price, #nav.style-colored .mini-cart .cart-content .total-price { color: #fff; } #nav.style-colored .mini-search .main-nav-search-form input[type=text] { background: #000; } #header.header-sticky #nav { /*@extend #nav.style-dark;*/ } #header.header-sticky #nav .mini-search .main-nav-search-form input[type="text"] { background: #fff; } #header.header-sticky #nav > ul > li.menu-item-has-children > .sub-nav { box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.11); } /* 3.5. Mobile Menu ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .mobile-nav-wrapper { background: #0b1c32; } .mobile-nav { padding: 15px 20px 40px; color: #455b79; font-size: 1.0833em; } .mobile-nav li > a { display: block; } .mobile-nav li.active > a { color: #ff1818; } .mobile-nav > li > a { font-weight: 700; text-transform: uppercase; line-height: 3.5em; border-bottom: 1px solid #17283c; letter-spacing: 0.1em; } .mobile-nav .sub-nav { display: none; } .mobile-nav .menu-item-has-children { position: relative; } .mobile-nav .menu-item-has-children .open-subnav { position: absolute; right: 0; text-align: center; width: 1.8em; height: 1.8em; line-height: 1.65em; cursor: pointer; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; top: 1.1em; font-size: 12px; } .mobile-nav .menu-item-has-children .open-subnav:before { font-family: FontAwesome; content: "\f105"; } .mobile-nav .menu-item-has-children.opened > .open-subnav, .mobile-nav .menu-item-has-children > .open-subnav:hover { color: #ff1818; } .mobile-nav .menu-item-has-children.opened > a { color: #ff1818; } .mobile-nav .menu-item-has-children.opened > .open-subnav:before { content: "\f107"; } .mobile-nav .menu-item-has-children.opened .opened .sub-nav { color: #fff; } .mobile-nav > .menu-item-has-children > .open-subnav { border: 1px solid; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; } .mobile-nav > .menu-item-has-children.opened > .open-subnav, .mobile-nav > .menu-item-has-children > .open-subnav:hover { border: 1px solid #ff1818; color: #fff; background: #ff1818; } .mobile-nav > .menu-item-has-children.opened > a { color: #fff; } .mobile-nav.current-menu-item > a { color: #fff; } .mobile-nav .sub-nav { font-family: "Open Sans", Arial, Helvetica, sans-serif; padding: 25px 0 20px 30px; } .mobile-nav .sub-nav a { line-height: 3em; } .mobile-nav .sub-nav .fa { margin-right: 10px; } .mobile-nav .sub-nav .sub-nav { padding: 0 0 0 20px; } /* 4. Main Content ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* 4.1. Galleries ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .soap-gallery.style1 { overflow: hidden; } .soap-gallery.style1 .owl-buttons .owl-prev, .soap-gallery.style1 .owl-buttons .owl-next { width: 236px; height: 88px; background-color: none; -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; -ms-border-radius: 0 0 0 0; border-radius: 0 0 0 0; border: none; margin-top: -44px; padding: 10px; line-height: 68px; color: #feffff; font-size: 10px; text-indent: 0; text-transform: uppercase; -moz-transition: all 0.35s ease 0s; -o-transition: all 0.35s ease 0s; -webkit-transition: all 0.35s ease 0s; -ms-transition: all 0.35s ease 0s; transition: all 0.35s ease 0s; } .soap-gallery.style1 .owl-buttons .owl-prev:before, .soap-gallery.style1 .owl-buttons .owl-next:before { float: right; margin-top: 20px; } .soap-gallery.style1 .owl-buttons .owl-prev .slide-index, .soap-gallery.style1 .owl-buttons .owl-next .slide-index { display: inline-block; } .soap-gallery.style1 .owl-buttons .owl-prev .imageholder, .soap-gallery.style1 .owl-buttons .owl-next .imageholder { display: inline-block; float: left; width: 68px; height: 68px; background-repeat: no-repeat; background-position: center center; background-size: cover; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; margin-right: 20px; } .soap-gallery.style1 .owl-buttons .owl-prev .imageholder, .soap-gallery.style1 .owl-buttons .owl-prev .slide-index, .soap-gallery.style1 .owl-buttons .owl-next .imageholder, .soap-gallery.style1 .owl-buttons .owl-next .slide-index { display: none; } .soap-gallery.style1 .owl-buttons .owl-prev { left: -140px; } .soap-gallery.style1 .owl-buttons .owl-next { right: -140px; } .soap-gallery.style1 .owl-buttons .owl-next:before { float: left; margin-right: 20px; } .soap-gallery.style1 .owl-buttons .owl-next .imageholder { float: right; margin-right: 0; } .soap-gallery.style1 .owl-buttons .owl-prev:hover, .soap-gallery.style1 .owl-buttons .owl-next:hover { background-color: rgba(0, 0, 0, 0.5); } .soap-gallery.style1 .owl-buttons .owl-prev:hover .imageholder, .soap-gallery.style1 .owl-buttons .owl-prev:hover .slide-index, .soap-gallery.style1 .owl-buttons .owl-next:hover .imageholder, .soap-gallery.style1 .owl-buttons .owl-next:hover .slide-index { display: block; } .soap-gallery.style1 .owl-buttons .owl-prev:hover { left: 0; } .soap-gallery.style1 .owl-buttons .owl-next:hover { right: 0; } .soap-gallery.style2 { position: relative; } .soap-gallery.style2 > * { display: none; } .soap-gallery.style2 img { width: 100%; } .soap-gallery.style2 a { float: left; } .soap-gallery.style2 > .caroufredsel_wrapper { display: block; } .soap-gallery.style2 > .soap-gallery-prev, .soap-gallery.style2 > .soap-gallery-next { display: block; } .soap-gallery.frame-holder { width: 100%; padding: 57px 0 76px; position: relative; } .soap-gallery.frame-holder.effect-shine .owl-carousel:before { content: ""; position: absolute; display: block; width: 310px; height: 357px; top: -33px; right: -33px; background: url(/assets/miracle/shortcode/galleries/shine-effect.png) no-repeat; background-size: 100% auto; z-index: 1; } .soap-gallery.frame-holder .gallery-frame { height: 100%; position: absolute; text-align: center; top: 0; width: 100%; } .soap-gallery.frame-holder .owl-carousel { width: 594px; margin: 0 auto; z-index: 1; } .soap-gallery.frame-holder .owl-buttons .owl-prev:before, .soap-gallery.frame-holder .owl-buttons .owl-next:before { color: #d4dde5; border-color: #d5dde5; } .soap-gallery.frame-holder .owl-buttons .owl-prev:hover:before, .soap-gallery.frame-holder .owl-buttons .owl-next:hover:before { color: #fff; border-color: #ff1818; } .soap-gallery.frame-holder .owl-buttons .owl-prev { left: -136px; } .soap-gallery.frame-holder .owl-buttons .owl-next { right: -136px; } .soap-gallery.metro-style { max-width: 100%; overflow: hidden; } .soap-gallery.metro-style a { float: left; max-width: 100%; border-right: 6px solid transparent; border-bottom: 6px solid transparent; display: block; } .soap-gallery.metro-style a.double-width { border-bottom: 0; } .soap-gallery.metro-style .gallery-wrapper { overflow: hidden; margin-right: -6px; margin-bottom: -6px; } .soap-gallery.metro-style .gallery-wrapper:after { content: ""; display: table; clear: both; } .soap-gallery.small-post .image { display: block; } .soap-gallery.small-post .post-content { padding: 14px 16px; background: #edf6ff; } .soap-gallery.small-post .post-title { margin-bottom: 0; color: #939faa; font-weight: 400; } .soap-gallery.small-post .post-title:hover a { color: #1b4268; } .soap-gallery.carousel-style1 { width: 1170px; } .soap-gallery.carousel-style1 .slides > div { display: none; } .soap-gallery.carousel-style1 .slideItem { box-shadow: -14px 0 10px rgba(0, 0, 0, 0.25); } .soap-gallery-thumb-wrapper { padding: 20px 0 4px 16px; border: 1px solid #edf6ff; text-align: center; } .soap-gallery-thumb-wrapper > a { display: inline-block; width: 99px; height: 99px; margin-right: 16px; margin-bottom: 16px; position: relative; } .soap-gallery-thumb-wrapper > a img { width: 100%; height: auto; } .soap-gallery-thumb-wrapper > a.selected:before { content: ""; display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; border: 2px solid #ff1818; } .thumbnail-full ~ .soap-gallery-thumb-wrapper { display: table; table-layout: fixed; width: 100%; border-spacing: 10px; padding: 0; } .thumbnail-full ~ .soap-gallery-thumb-wrapper > a { display: table-cell; width: 1%; height: auto; padding: 0; } .gallery-col-2 a { width: 50%; } .gallery-col-2 a.double-width { width: 100%; } .gallery-col-3 a { width: 33.3333%; } .gallery-col-3 a.double-width { width: 66.6666%; } .gallery-col-4 a { width: 25%; } .gallery-col-4 a.double-width { width: 50%; } .gallery-col-5 a { width: 20%; } .gallery-col-5 a.double-width { width: 40%; } /* 4.2. Icon Box ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .icon-box { /*margin-bottom: 20px;*/ } .icon-box.box { margin-bottom: 30px; } .icon-box.box-lg { margin-bottom: 40px; } .icon-box.block { margin-bottom: 60px; } .icon-box .box-content p { line-height: 1.8461em; } .icon-box .box-content > *:last-child { margin-bottom: 0; } .icon-box[class*=" style-centered-"] { text-align: center; } .icon-box[class*=" style-centered-"] > i { margin-bottom: 20px; cursor: default; } .icon-box[class*=" style-centered-"].style-centered-1 > i { font-size: 30px; color: #ff1818; } .icon-box[class*=" style-centered-"].style-centered-2 > i, .icon-box[class*=" style-centered-"].style-centered-4 > i { font-size: 50px; width: 104px; height: 104px; text-align: center; line-height: 104px; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -ms-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; background: #ff1818; color: #fff; position: relative; overflow: hidden; /*@include transition(all, 0.35s, ease);*/ } .icon-box[class*=" style-centered-"].style-centered-2 > i:before, .icon-box[class*=" style-centered-"].style-centered-4 > i:before { position: relative; z-index: 1; } .icon-box[class*=" style-centered-"].style-centered-2 > i:after, .icon-box[class*=" style-centered-"].style-centered-4 > i:after { content: ""; display: block; position: absolute; z-index: 0; right: 0; top: 0; border-right: 100px solid #ff3030; border-bottom: 100px solid transparent; /*@include transition(all, 0.35s, ease);*/ -webkit-border-radius: 0 5px 0 0; -moz-border-radius: 0 5px 0 0; -ms-border-radius: 0 5px 0 0; border-radius: 0 5px 0 0; } .icon-box[class*=" style-centered-"].style-centered-2:hover > i, .icon-box[class*=" style-centered-"].style-centered-4:hover > i { background: #1b4268; } .icon-box[class*=" style-centered-"].style-centered-2:hover > i:after, .icon-box[class*=" style-centered-"].style-centered-4:hover > i:after { border-right-color: #22486d; } .icon-box[class*=" style-centered-"].style-centered-3 > i { font-size: 16px; color: #fff; width: 50px; height: 50px; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; text-align: center; line-height: 46px; background: #1b4268; border: 2px solid #1b4268; position: relative; overflow: hidden; } .icon-box[class*=" style-centered-"].style-centered-3 > i:before { position: relative; z-index: 1; } .icon-box[class*=" style-centered-"].style-centered-3 > i:after { content: ""; display: block; position: absolute; z-index: 0; left: 0; top: 0; width: 100%; height: 50%; -webkit-border-radius: 100px 100px 0 0; -moz-border-radius: 100px 100px 0 0; -ms-border-radius: 100px 100px 0 0; border-radius: 100px 100px 0 0; background: #325577; -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); -ms-transform: rotate(30deg); -o-transform: rotate(30deg); transform: rotate(30deg); -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; } .icon-box[class*=" style-centered-"].style-centered-4 > i { background: none; color: #ff1818; border: 1px solid #ff1818; } .icon-box[class*=" style-centered-"].style-centered-4 > i:after { border-right-color: transparent; } .icon-box[class*=" style-centered-"].style-centered-4:hover > i { background: #ff1818; color: #fff; } .icon-box[class*=" style-centered-"].style-centered-4:hover > i:after { border-right-color: #ff3030; } .icon-box[class*=" style-side-"] > i { float: left; } .icon-box[class*=" style-side-"].style-side-1 { position: relative; } .icon-box[class*=" style-side-"].style-side-1 > i { font-size: 40px; color: #ff1818; } .icon-box[class*=" style-side-"].style-side-1 > i:after { content: ""; display: block; position: absolute; left: 62px; top: 5px; bottom: 5px; width: 1px; background: #edf6ff; } .icon-box[class*=" style-side-"].style-side-1.icon-color-blue > i { color: #1b4268; } .icon-box[class*=" style-side-"].style-side-1 .box-content { padding-left: 90px; } .icon-box[class*=" style-side-"].style-side-2 > i { font-size: 20px; color: #fff; width: 50px; height: 70px; line-height: 70px; text-align: center; background: #ff1818; -webkit-border-radius: 25px 25px 25px 25px; -moz-border-radius: 25px 25px 25px 25px; -ms-border-radius: 25px 25px 25px 25px; border-radius: 25px 25px 25px 25px; margin-top: 10px; } .icon-box[class*=" style-side-"].style-side-2 .box-content { padding-left: 80px; } .icon-box[class*=" style-side-"].style-side-3 > i { font-size: 20px; color: #fff; width: 50px; height: 50px; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; text-align: center; line-height: 46px; background: #ff1818; border: 2px solid #ff1818; position: relative; overflow: hidden; margin-right: 20px; } .icon-box[class*=" style-side-"].style-side-3 > i:before { position: relative; z-index: 1; } .icon-box[class*=" style-side-"].style-side-3 > i:after { content: ""; display: block; position: absolute; z-index: 0; left: 0; top: 0; width: 100%; height: 50%; -webkit-border-radius: 100px 100px 0 0; -moz-border-radius: 100px 100px 0 0; -ms-border-radius: 100px 100px 0 0; border-radius: 100px 100px 0 0; background: #ff3030; -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); -ms-transform: rotate(30deg); -o-transform: rotate(30deg); transform: rotate(30deg); -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; } .icon-box[class*=" style-side-"].style-side-3 .box-title { padding-top: 15px; margin-bottom: 25px; } .icon-box[class*=" style-side-"].style-side-3.icon-color-blue > i { background: #1b4268; border-color: #1b4268; } .icon-box[class*=" style-side-"].style-side-3.icon-color-blue > i:after { background: #325577; } .icon-box[class*=" style-side-"].style-side-4 > i { font-size: 16px; color: #fff; width: 50px; height: 50px; position: relative; line-height: 50px; text-align: center; background: #ff1818; margin-top: 5px; } .icon-box[class*=" style-side-"].style-side-4 > i:before { position: relative; z-index: 1; } .icon-box[class*=" style-side-"].style-side-4 > i:after { content: ""; display: block; position: absolute; z-index: 0; right: 0; top: 0; border-right: 50px solid #ff3030; border-bottom: 50px solid transparent; } .icon-box[class*=" style-side-"].style-side-4 .box-content { padding-left: 70px; } .icon-box[class*=" style-side-"].style-side-5, .icon-box[class*=" style-side-"].style-side-6 { display: table; } .icon-box[class*=" style-side-"].style-side-5 .icon-container, .icon-box[class*=" style-side-"].style-side-6 .icon-container { font-size: 25px; width: 130px; text-align: center; padding-right: 20px; } .icon-box[class*=" style-side-"].style-side-5 i, .icon-box[class*=" style-side-"].style-side-6 i { font-size: inherit; width: 3.6em; height: 3.6em; text-align: center; line-height: 3.6em; color: #fff; background: #d4dde5; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; -moz-transition: font-size 0.3s ease 0s; -o-transition: font-size 0.3s ease 0s; -webkit-transition: font-size 0.3s ease 0s; -ms-transition: font-size 0.3s ease 0s; transition: font-size 0.3s ease 0s; position: relative; overflow: hidden; } .icon-box[class*=" style-side-"].style-side-5 i:before, .icon-box[class*=" style-side-"].style-side-6 i:before { position: relative; z-index: 1; } .icon-box[class*=" style-side-"].style-side-5 i:after, .icon-box[class*=" style-side-"].style-side-6 i:after { content: ""; display: block; position: absolute; z-index: 0; left: 0; top: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; background: #ff3030; height: 50%; width: 100%; -webkit-border-radius: 100px 100px 0 0; -moz-border-radius: 100px 100px 0 0; -ms-border-radius: 100px 100px 0 0; border-radius: 100px 100px 0 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; } .icon-box[class*=" style-side-"].style-side-5 .icon-container { vertical-align: top; padding-top: 0.5em; } .icon-box[class*=" style-side-"].style-side-5 i:hover { background: #ff1818; -webkit-animation: spin 1s ease; -moz-animation: spin 1s ease; animation: spin 1s ease; } .icon-box[class*=" style-side-"].style-side-5 i:hover:after { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .icon-box[class*=" style-side-"].style-side-6 .icon-container { text-align: left; width: auto; padding-right: 25px; } .icon-box[class*=" style-side-"].style-side-6 i { border: 2px solid #d4dde5; background: #fff; color: #ff1818; font-size: 35px; width: 2.8em; height: 2.8em; line-height: 2.8em; } .icon-box[class*=" style-side-"].style-side-6 i:hover { background: #ff1818; border-color: #ff1818; color: #fff; } .icon-box[class*=" style-side-"].style-side-6 i:hover:after { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .icon-box[class*=" style-side-"].style-side-7 > i { font-size: 16px; color: #ff1818; width: 50px; height: 50px; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; text-align: center; line-height: 49px; border: 1px solid #ff1818; position: relative; overflow: hidden; } .icon-box[class*=" style-side-"].style-side-7 > i:before { position: relative; z-index: 1; } .icon-box[class*=" style-side-"].style-side-7 > i:after { content: ""; position: absolute; width: 48px; height: 24px; -webkit-border-radius: 24px 24px 0 0; -moz-border-radius: 24px 24px 0 0; -ms-border-radius: 24px 24px 0 0; border-radius: 24px 24px 0 0; display: none; background: #ff3030; left: 0; top: 0; -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); -ms-transform: rotate(30deg); -o-transform: rotate(30deg); transform: rotate(30deg); -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; z-index: 0; } .icon-box[class*=" style-side-"].style-side-7 > i:hover { color: #fff; background: #ff1818; } .icon-box[class*=" style-side-"].style-side-7 > i:hover:after { display: block; } .icon-box[class*=" style-side-"].style-side-7 .box-content { padding-left: 70px; } .icon-box[class*=" style-boxed-"].style-boxed-1, .icon-box[class*=" style-boxed-"].style-boxed-3 { text-align: center; position: relative; border: 1px solid #edf6ff; } .icon-box[class*=" style-boxed-"].style-boxed-1 .icon-container, .icon-box[class*=" style-boxed-"].style-boxed-3 .icon-container { font-size: 30px; } .icon-box[class*=" style-boxed-"].style-boxed-1 .icon-container i, .icon-box[class*=" style-boxed-"].style-boxed-3 .icon-container i { width: 3.5em; height: 3.5em; text-align: center; line-height: 3.5em; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; background: #ff1818; color: #fff; position: relative; cursor: default; } .icon-box[class*=" style-boxed-"].style-boxed-1 .icon-container i:before, .icon-box[class*=" style-boxed-"].style-boxed-3 .icon-container i:before { position: relative; z-index: 1; } .icon-box[class*=" style-boxed-"].style-boxed-1 .icon-container i:after, .icon-box[class*=" style-boxed-"].style-boxed-3 .icon-container i:after { content: ""; display: block; position: absolute; left: 0; top: 0; width: 3.5em; height: 1.75em; -webkit-border-radius: 1.75em 1.75em 0 0; -moz-border-radius: 1.75em 1.75em 0 0; -ms-border-radius: 1.75em 1.75em 0 0; border-radius: 1.75em 1.75em 0 0; background: #ff3030; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; } .icon-box[class*=" style-boxed-"].style-boxed-1 .icon-container i, .icon-box[class*=" style-boxed-"].style-boxed-1 .icon-container i:after, .icon-box[class*=" style-boxed-"].style-boxed-3 .icon-container i, .icon-box[class*=" style-boxed-"].style-boxed-3 .icon-container i:after { /*@include transition(all, 0.3s, ease);*/ } .icon-box[class*=" style-boxed-"].style-boxed-1.icon-color-blue .icon-container i, .icon-box[class*=" style-boxed-"].style-boxed-3.icon-color-blue .icon-container i { background-color: #1b4268; } .icon-box[class*=" style-boxed-"].style-boxed-1.icon-color-blue .icon-container i:after, .icon-box[class*=" style-boxed-"].style-boxed-3.icon-color-blue .icon-container i:after { background: #22486d; } .icon-box[class*=" style-boxed-"].style-boxed-1 { padding: 72px 30px 30px; margin-top: 52px; } .icon-box[class*=" style-boxed-"].style-boxed-1 .icon-container { position: absolute; left: 50%; top: -1.75em; margin-left: -1.75em; } .icon-box[class*=" style-boxed-"].style-boxed-1 .icon-container:before { content: ""; display: block; position: absolute; left: -0.45em; top: -0.45em; width: 4.4em; height: 2.2em; border: 1px solid #edf6ff; border-bottom: none; -webkit-border-radius: 2.2em 2.2em 0 0; -moz-border-radius: 2.2em 2.2em 0 0; -ms-border-radius: 2.2em 2.2em 0 0; border-radius: 2.2em 2.2em 0 0; background: #fff; } .icon-box[class*=" style-boxed-"].style-boxed-1:hover .icon-container i { background: #ff1818; } .icon-box[class*=" style-boxed-"].style-boxed-1:hover .icon-container i:after { background: #ff3030; } .icon-box[class*=" style-boxed-"].style-boxed-2 { display: table; border: 1px solid #edf6ff; } .icon-box[class*=" style-boxed-"].style-boxed-2 .icon-container i { font-size: 40px; color: #ff1818; padding: 0 45px; } .icon-box[class*=" style-boxed-"].style-boxed-2 .box-content { background: #edf6ff; padding: 20px 25px; } .icon-box[class*=" style-boxed-"].style-boxed-3 { border-color: #d4dde5; padding: 40px 30px; -moz-transition: background 0.2s ease-in 0s; -o-transition: background 0.2s ease-in 0s; -webkit-transition: background 0.2s ease-in 0s; -ms-transition: background 0.2s ease-in 0s; transition: background 0.2s ease-in 0s; } .icon-box[class*=" style-boxed-"].style-boxed-3 .icon-container { margin-bottom: 20px; } .icon-box[class*=" style-boxed-"].style-boxed-3:hover { color: #fff; background: #1b4268; border-color: #1b4268; } .icon-box[class*=" style-boxed-"].style-boxed-3:hover .box-title a { color: #fff; } .icon-box[class*=" style-boxed-"].style-boxed-3:hover .icon-container i { background: #edf6ff; color: #ff1818; } .icon-box[class*=" style-boxed-"].style-boxed-3:hover .icon-container i:after { background: #fff; } .icon-box[class*=" style-boxed-"].style-boxed-4 { border: 2px solid #edf6ff; text-align: center; } .icon-box[class*=" style-boxed-"].style-boxed-4 .icon-container { padding: 35px 0; color: #ff1818; } .icon-box[class*=" style-boxed-"].style-boxed-4 .icon-container i { font-size: 30px; } .icon-box[class*=" style-boxed-"].style-boxed-4 .box-content { padding: 30px; background: #edf6ff; } .image-box { margin-bottom: 30px; } .image-box-style1 { width: 74px; height: 74px; margin: 10px 15px 10px 0; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; background: #ff1818; text-align: center; position: relative; overflow: hidden; } .image-box-style1:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; } .image-box-style1:after { content: ""; display: block; position: absolute; left: 0; top: 0; z-index: 0; width: 100%; height: 50%; background: #ff3030; -webkit-border-radius: 37px 37px 0 0; -moz-border-radius: 37px 37px 0 0; -ms-border-radius: 37px 37px 0 0; border-radius: 37px 37px 0 0; -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); -ms-transform: rotate(30deg); -o-transform: rotate(30deg); transform: rotate(30deg); } .image-box-style1 img { display: inline-block; vertical-align: middle; max-width: 60%; position: relative; z-index: 1; } /* 4.3. Banner ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .shortcode-banner { position: relative; overflow: hidden; margin-bottom: 30px; } .shortcode-banner > img { width: 100%; height: auto; } .shortcode-banner .shortcode-banner-content { padding: 20px 0 0; } .shortcode-banner .shortcode-banner-content .btn.style4 { padding: 0 20px; } .shortcode-banner .shortcode-banner-content .btn.style4:hover { background: #1b4268; border-color: #1b4268; } .shortcode-banner .shortcode-banner-content .details { margin-bottom: 20px; } .shortcode-banner.style-animated .shortcode-banner-inside { position: absolute; width: 101%; height: 101%; left: 0; top: 50%; /*background-color: mix($from-color, $to-color);*/ background-image: -webkit-gradient(linear, 0% 0%, 0% 50%, from(rgba(255, 24, 24, 0)), to(rgba(255, 24, 24, 0.85))); background-image: -webkit-linear-gradient(top, rgba(255, 24, 24, 0) 0%, rgba(255, 24, 24, 0.85) 50%); background-image: -moz-linear-gradient(top, rgba(255, 24, 24, 0) 0%, rgba(255, 24, 24, 0.85) 50%); background-image: -ms-linear-gradient(top, rgba(255, 24, 24, 0) 0%, rgba(255, 24, 24, 0.85) 50%); background-image: -o-linear-gradient(top, rgba(255, 24, 24, 0) 0%, rgba(255, 24, 24, 0.85) 50%); -moz-transition: top 0.4s ease 0s; -o-transition: top 0.4s ease 0s; -webkit-transition: top 0.4s ease 0s; -ms-transition: top 0.4s ease 0s; transition: top 0.4s ease 0s; } .shortcode-banner.style-animated .shortcode-banner-inside:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; } .shortcode-banner.style-animated .shortcode-banner-inside .shortcode-banner-content { display: inline-block; width: 99%; vertical-align: middle; padding: 0 30px; text-align: center; } .shortcode-banner.style-animated .shortcode-banner-inside .shortcode-banner-content .details { display: none; margin-bottom: 0; } .shortcode-banner.style-animated .shortcode-banner-inside .shortcode-banner-content .details > *:last-child { margin-bottom: 0; } .shortcode-banner.style-animated .shortcode-banner-inside .shortcode-banner-content .banner-title { text-transform: uppercase; color: #fff; letter-spacing: 0.2em; border-bottom: 1px solid #fff; display: inline-block; line-height: 1.5em; margin-bottom: 5em; } .shortcode-banner.style-animated:hover .shortcode-banner-inside { background: rgba(27, 66, 104, 0.9); top: 0; } .shortcode-banner.style-animated:hover .shortcode-banner-inside .shortcode-banner-content .details { display: block; } .shortcode-banner.style-animated:hover .shortcode-banner-inside .shortcode-banner-content .banner-title { margin-bottom: 20px; } /* 4.4. Process Builder ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .process-builder .process-item { float: left; text-align: center; margin-bottom: 30px; } .process-builder.style-simple.items-2 .process-item { width: 50%; } .process-builder.style-simple.items-3 .process-item { width: 33.3333%; } .process-builder.style-simple.items-4 .process-item { width: 25%; } .process-builder.style-simple.items-5 .process-item { width: 20%; } .process-builder.style-simple.items-6 .process-item { width: 16.6666%; } .process-builder.style-simple .process-icon { display: inline-block; font-size: 30px; width: 3.4em; height: 3.4em; border: 2px solid #d4dde5; line-height: 3.3em; color: #ff1818; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; margin-bottom: 15px; position: relative; } .process-builder.style-simple .process-icon:before, .process-builder.style-simple .process-icon:after { content: ""; display: block; position: absolute; border-top: 2px solid #d4dde5; width: 300%; top: 50%; margin-top: -1px; } .process-builder.style-simple .process-icon:before { right: 100%; margin-right: 12px; } .process-builder.style-simple .process-icon:after { left: 100%; margin-left: 12px; } .process-builder.style-simple .process-item { overflow: hidden; } .process-builder.style-simple .process-item:first-child .process-icon:before { display: none; } .process-builder.style-simple .process-item:last-child .process-icon:after { display: none; } .process-builder.style-simple .process-item.active .process-icon, .process-builder.style-simple .process-item .process-icon:hover { background: #ff1818; border: none; color: #fff; } .process-builder.style-simple .process-item.active .process-icon i, .process-builder.style-simple .process-item .process-icon:hover i { overflow: hidden; position: relative; width: 3.4em; height: 3.4em; line-height: 3.4em; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; } .process-builder.style-simple .process-item.active .process-icon i:before, .process-builder.style-simple .process-item .process-icon:hover i:before { position: relative; z-index: 1; } .process-builder.style-simple .process-item.active .process-icon i:after, .process-builder.style-simple .process-item .process-icon:hover i:after { content: ""; display: block; position: absolute; top: 0; left: 0; z-index: 0; background: #ff3030; width: 100%; height: 50%; -webkit-border-radius: 1.7em 1.7em 0 0; -moz-border-radius: 1.7em 1.7em 0 0; -ms-border-radius: 1.7em 1.7em 0 0; border-radius: 1.7em 1.7em 0 0; -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .process-builder.style-simple .process-details { padding: 0 25px; } .process-builder.style-creative > li { float: left; } .process-builder.style-creative .process-item { padding-top: 10px; position: relative; position: relative; margin-right: 70px; } .process-builder.style-creative .process-item .process-inside { position: relative; z-index: 1; } .process-builder.style-creative .process-item .process-image { width: 168px; height: 168px; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; border: 6px solid #fff; background-repeat: no-repeat; background-size: cover; background-position: center center; box-shadow: 0 0 6px rgba(0, 0, 0, 0.2); margin-bottom: 20px; } .process-builder.style-creative .process-item .process-image img { width: 100%; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; } .process-builder.style-creative .process-item .arrow { position: absolute; z-index: 0; left: 100%; top: 80px; margin-left: -10px; padding-left: 8px; display: inline-block; width: 60px; height: 28px; font-family: FontAwesome; background: #ff1818; color: #fff; font-size: 13px; text-align: center; line-height: 28px; -webkit-border-radius: 0 14px 14px 0; -moz-border-radius: 0 14px 14px 0; -ms-border-radius: 0 14px 14px 0; border-radius: 0 14px 14px 0; } .process-builder.style-creative .process-item .arrow:before { content: "\f178"; } .process-builder.style-creative .assets-item { max-width: 100%; } /* 4.5. Post Slider ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .image .caption-wrapper, .post-slider.style3 .slide-text { position: absolute; left: 0; padding: 15px 30px 15px 50px; bottom: 20px; background: rgba(255, 255, 255, 0.75); } .image .caption-wrapper > *:last-child, .post-slider.style3 .slide-text > *:last-child { margin-bottom: 0; } .image .caption-wrapper .slide-title, .post-slider.style3 .slide-text .slide-title { margin-bottom: 5px; } .owl-item img { width: 100%; } .post-slider .caption-animated { visibility: hidden; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .post-slider.style2 .slide-text { position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(15, 37, 65, 0.9); padding: 25px 120px; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -moz-transition: all 0.35s ease 0s; -o-transition: all 0.35s ease 0s; -webkit-transition: all 0.35s ease 0s; -ms-transition: all 0.35s ease 0s; transition: all 0.35s ease 0s; } .post-slider.style2 .slide-text .slide-title { margin-bottom: 0; color: #fff; } .post-slider.style2 .slide-text .meta-info { color: #939faa; font-size: 0.9167em; } .post-slider.style2 .owl-prev, .post-slider.style2 .owl-next { margin-top: 0; top: auto; bottom: -30px; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -moz-transition: all 0.35s ease 0s; -o-transition: all 0.35s ease 0s; -webkit-transition: all 0.35s ease 0s; -ms-transition: all 0.35s ease 0s; transition: all 0.35s ease 0s; } .post-slider.style2 .owl-item { position: relative; } .post-slider.style2 .owl-item:hover .slide-text { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .post-slider.style2:hover .owl-item .slide-text { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .post-slider.style2:hover .owl-prev, .post-slider.style2:hover .owl-next { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; bottom: 30px; } .post-slider.style3 a:hover .slide-text p { color: #939faa; } .post-slider ~ .soap-gallery-thumb-wrapper > a { width: 90px; height: 90px; } .post-slider.style4 .owl-buttons { display: none; } .post-slider.style4 .owl-item { position: relative; } .post-slider.style4 .slide-text { position: absolute; width: 100%; left: 0; top: 0; bottom: 0; height: 100%; } .post-slider.style4 .slide-text:before { display: inline-block; content: ""; height: 100%; vertical-align: middle; } .post-slider.style5 .owl-pagination { text-align: right; bottom: 25px; padding-right: 20px; } .post-slider.style5 .owl-item { position: relative; overflow: hidden; } .post-slider.style5 .slide-text { position: absolute; left: 0; top: 0; height: 100%; bottom: 0; width: 40%; background: rgba(255, 24, 24, 0.9); min-width: 250px; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); -moz-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; } .post-slider.style5 .slide-text:before { display: inline-block; content: ""; height: 100%; vertical-align: middle; } .post-slider.style5 .slide-text .btn { padding: 0 20px; color: #fff; font-size: 0.8333em; border-color: #fff; background: none; margin-top: 10px; } .post-slider.style5 .slide-text .btn:hover { border-color: #1b4268; background: #1b4268; } .post-slider.style5 .caption-wrapper { width: 96%; display: inline-block; vertical-align: middle; text-align: left; padding: 20px 25px; color: #fff; } .post-slider.style5 .caption-wrapper > *:last-child { margin-bottom: 0; } .post-slider.style5:hover .slide-text, .post-slider.style5 .owl-item:hover .slide-text { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .post-slider.style6, .post-slider.style7 { /*margin-bottom: 64px;*/ } .post-slider.style6 + .title-section, .post-slider.style7 + .title-section { display: table; height: 64px; width: 100%; } .post-slider.style6 + .title-section p, .post-slider.style7 + .title-section p { margin-bottom: 0; } .post-slider.style6 + .title-section .title-section-wrapper, .post-slider.style7 + .title-section .title-section-wrapper { display: table-cell; vertical-align: middle; } .post-slider.style6 .owl-controls, .post-slider.style7 .owl-controls { position: relative; } .post-slider.style6 .owl-controls .owl-prev, .post-slider.style6 .owl-controls .owl-next, .post-slider.style7 .owl-controls .owl-prev, .post-slider.style7 .owl-controls .owl-next { top: 18px; margin-top: 0; } .post-slider.style6 .owl-controls .owl-prev:before, .post-slider.style6 .owl-controls .owl-next:before, .post-slider.style7 .owl-controls .owl-prev:before, .post-slider.style7 .owl-controls .owl-next:before { color: #d4dde5; border-color: #d4dde5; } .post-slider.style6 .owl-controls .owl-prev:hover:before, .post-slider.style6 .owl-controls .owl-next:hover:before, .post-slider.style7 .owl-controls .owl-prev:hover:before, .post-slider.style7 .owl-controls .owl-next:hover:before { color: #fff; border-color: #ff1818; } .post-slider.style6 .owl-controls .owl-prev, .post-slider.style7 .owl-controls .owl-prev { left: auto; right: 100px; } .post-slider.style7 { margin-bottom: 0; margin-left: -15px; margin-right: -15px; position: relative; width: auto; } .post-slider.style7 .owl-item { padding: 0 15px; } .post-slider.style7 .owl-controls { position: static; } .post-slider.style7 .owl-controls .owl-prev, .post-slider.style7 .owl-controls .owl-next { top: -44px; } .post-slider.style7 .owl-controls .owl-prev { right: 85px; } .post-slider.style7 .owl-controls .owl-next { right: 15px; } /* 4.6. Pricing table ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .pricing-table { text-align: center; background: #edf6ff; margin-bottom: 30px; } .pricing-table .currency-symbol { color: #1b4268; } .pricing-table .price-value { color: #1b4268; } .pricing-table.style1 .pricing-table-header .pricing-row { padding: 15px 0 20px; line-height: 1; } .pricing-table.style1 .pricing-table-header .pricing-row .price-value { font-size: 6.6667em; font-weight: 300; letter-spacing: -0.04em; } .pricing-table.style1 .pricing-table-header .pricing-row .currency-symbol { font-size: 3.3333em; position: relative; top: -0.3em; font-weight: 400; } .pricing-table.style1 .pricing-table-header .pricing-row small { display: block; font-size: 1em; text-transform: uppercase; letter-spacing: 0.2em; } .pricing-table.style1 .pricing-table-header .pricing-type { background: #1b4268; margin-bottom: 0; line-height: 2.2; color: #fff; font-weight: 400; -moz-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .pricing-table.style1 .pricing-table-content { padding: 20px 0; } .pricing-table.style1 .pricing-table-content li { line-height: 2.8571em; font-size: 1.1667em; } .pricing-table.style1 .pricing-table-footer { padding: 5px 0 35px; } .pricing-table.style1 .pricing-table-footer .btn { background: #fff; } .pricing-table.style2 { padding: 30px 20px; -moz-transition: all 0.35s ease 0s; -o-transition: all 0.35s ease 0s; -webkit-transition: all 0.35s ease 0s; -ms-transition: all 0.35s ease 0s; transition: all 0.35s ease 0s; } .pricing-table.style2 .pricing-table-header .pricing-row { display: inline-block; width: 130px; height: 130px; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; background: #fff; line-height: 1; padding-bottom: 4px; margin-bottom: 10px; } .pricing-table.style2 .pricing-table-header .pricing-row .st-table, .pricing-table.style2 .pricing-table-header .pricing-row .woocommerce .single-product-details .single-variation-wrap, .woocommerce .single-product-details .pricing-table.style2 .pricing-table-header .pricing-row .single-variation-wrap, .pricing-table.style2 .pricing-table-header .pricing-row .woocommerce .single-product-details .social-wrap, .woocommerce .single-product-details .pricing-table.style2 .pricing-table-header .pricing-row .social-wrap { height: 100%; } .pricing-table.style2 .pricing-table-header .pricing-row .price-value { font-size: 3.3333em; font-weight: 300; letter-spacing: -0.04em; } .pricing-table.style2 .pricing-table-header .pricing-row .currency-symbol { font-size: 1.6667em; position: relative; top: -0.25em; } .pricing-table.style2 .pricing-table-header .pricing-row small { display: block; font-size: 0.8333em; text-transform: uppercase; letter-spacing: 0.2em; } .pricing-table.style2 .pricing-table-header .pricing-type { font-weight: 400; } .pricing-table.style2 .pricing-table-content li { line-height: 3.8461em; font-size: 1.0833em; -moz-transition: all 0.35s ease 0s; -o-transition: all 0.35s ease 0s; -webkit-transition: all 0.35s ease 0s; -ms-transition: all 0.35s ease 0s; transition: all 0.35s ease 0s; } .pricing-table.style2 .pricing-table-content li:nth-child(2n + 1) { background: #fff; } .pricing-table.style2 .pricing-table-footer { padding: 10px 0 0; } .pricing-table.style2 .pricing-table-footer .btn { background: #fff; } .pricing-table-container:hover .pricing-table.style1.active .pricing-table-header .pricing-type { background: #1b4268; } .pricing-table-container:hover .pricing-table.style1.active .pricing-table-footer .btn { background: #fff; border-color: #d4dde5; color: inherit; } .pricing-table-container:hover .pricing-table.style1.active:hover .pricing-table-header .pricing-type, .pricing-table.style1:hover .pricing-table-header .pricing-type, .pricing-table.style1.active .pricing-table-header .pricing-type { background: #ff1818; } .pricing-table-container:hover .pricing-table.style1.active:hover .pricing-table-footer .btn, .pricing-table.style1:hover .pricing-table-footer .btn, .pricing-table.style1.active .pricing-table-footer .btn { background: #ff1818; border-color: #ff1818; color: #fff; } .pricing-table-container:hover .pricing-table.style2.active { background: #edf6ff; } .pricing-table-container:hover .pricing-table.style2.active .pricing-table-header .pricing-type { color: #1b4268; } .pricing-table-container:hover .pricing-table.style2.active .pricing-table-footer .btn { background: #fff; border-color: #d4dde5; color: inherit; } .pricing-table-container:hover .pricing-table.style2.active .pricing-table-content li:nth-child(2n + 1) { background: #fff; } .pricing-table-container:hover .pricing-table.style2.active:hover, .pricing-table.style2:hover, .pricing-table.style2.active { background: #1b4268; } .pricing-table-container:hover .pricing-table.style2.active:hover .pricing-table-header .pricing-type, .pricing-table.style2:hover .pricing-table-header .pricing-type, .pricing-table.style2.active .pricing-table-header .pricing-type { color: #fff; } .pricing-table-container:hover .pricing-table.style2.active:hover .pricing-table-footer .btn, .pricing-table.style2:hover .pricing-table-footer .btn, .pricing-table.style2.active .pricing-table-footer .btn { background: #ff1818; border-color: #ff1818; color: #fff; } .pricing-table-container:hover .pricing-table.style2.active:hover .pricing-table-content li:nth-child(2n + 1), .pricing-table.style2:hover .pricing-table-content li:nth-child(2n + 1), .pricing-table.style2.active .pricing-table-content li:nth-child(2n + 1) { background: #163d63; } /* 4.7. Progress Bar ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .progress-bar { /* default style */ margin-bottom: 1px; display: table; width: 100%; background: #edf6ff; box-shadow: none; float: none; line-height: auto; text-align: inherit; color: inherit; height: 42px; /* blue bar */ /* skill meter bar */ } .progress-bar .progress-wrap { width: 100%; } .progress-bar .progress-label { text-align: left; font-size: 1.0833em; padding: 0 20px 0 30px; white-space: nowrap; } .progress-bar .progress-percent { padding: 0 30px 0 20px; font-size: 1.0833em; } .progress-bar .progress { background: #fff; height: 8px; box-shadow: none; margin-bottom: 0; overflow: visible; } .progress-bar .progress-inner { background: #ff1818; display: block; height: 100%; -webkit-border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -ms-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; } .progress-bar.bar-color-blue .progress-inner { background: #1b4268; } .progress-bar.skill-meter { height: 39px; padding: 0 20px; } .progress-bar.skill-meter .progress-wrap { position: relative; } .progress-bar.skill-meter .progress-label { background: #ff1818; padding: 0 30px 0 20px; color: #fff; } .progress-bar.skill-meter .progress-label i { margin-right: 15px; font-size: 15px; } .progress-bar.skill-meter .progress { height: 39px; -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; -ms-border-radius: 0 0 0 0; border-radius: 0 0 0 0; width: 100%; background: #edf6ff; padding: 1px 1px 1px 0; } .progress-bar.skill-meter .progress-inner { -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; -ms-border-radius: 0 0 0 0; border-radius: 0 0 0 0; background: #fff; } .progress-bar.skill-meter .progress-percent { display: block; padding: 0; position: absolute; right: 20px; line-height: 39px; top: 0; } .progress-bar.skill-meter.label-color-blue .progress-label { background: #1b4268; } .progress-bar-container { display: table; width: 100%; border-spacing: 0 1px; margin-top: -1px; } .progress-bar-container.skill-meter { border-spacing: 0 20px; } .progress-bar-container .progress-bar { display: table-row; } /* progress icons */ .progress-bar-icons { /* blue color */ } .progress-bar-icons .progress { background: none; -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; -ms-border-radius: 0 0 0 0; border-radius: 0 0 0 0; box-shadow: none; height: auto; float: left; margin-bottom: 18px; margin-right: 17px; } .progress-bar-icons .progress:last-child { margin-right: 0; } .progress-bar-icons .progress i { font-size: 1.3333em; width: 36px; height: 36px; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; text-align: center; line-height: 36px; background: #edf6ff; color: #fff; } .progress-bar-icons .progress.active i { background: #ff1818; } .progress-bar-icons.color-blue .progress.active i { background: #1b4268; } /* colored progress bar */ .progress-bar-container.style-colored { display: block; } .progress-bar-container.style-colored .progress-bar { display: block; background: none; margin-bottom: 15px; } .progress-bar-container.style-colored .progress-bar .progress-label, .progress-bar-container.style-colored .progress-bar .progress { display: block; } .progress-bar-container.style-colored .progress-bar .progress-label { padding: 0; margin-bottom: 5px; } .progress-bar-container.style-colored .progress-bar .progress { height: 17px; -webkit-border-radius: 9px 9px 9px 9px; -moz-border-radius: 9px 9px 9px 9px; -ms-border-radius: 9px 9px 9px 9px; border-radius: 9px 9px 9px 9px; background: #edf6ff; overflow: visible; } .progress-bar-container.style-colored .progress-bar .progress-inner { -webkit-border-radius: 9px 9px 9px 9px; -moz-border-radius: 9px 9px 9px 9px; -ms-border-radius: 9px 9px 9px 9px; border-radius: 9px 9px 9px 9px; background: #01b7f2; position: relative; } .progress-bar-container.style-colored .progress-bar .progress-inner.color1 { background-color: #01b7f2; } .progress-bar-container.style-colored .progress-bar .progress-inner.color2 { background-color: #0ab596; } .progress-bar-container.style-colored .progress-bar .progress-inner.color3 { background-color: #ff6600; } .progress-bar-container.style-colored .progress-bar .progress-inner.color4 { background-color: #9f60b5; } .progress-bar-container.style-colored .progress-bar .progress-inner.color5 { background-color: #ffc000; } .progress-bar-container.style-colored .progress-bar .progress-inner.color6 { background-color: #d20d0d; } .progress-bar-container.style-colored .progress-bar .progress-percent { position: absolute; right: 0; bottom: 25px; padding: 1px 8px; background: #0b1c32; -webkit-border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -ms-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; font-size: 10px; color: #fff; } .progress-bar-container.style-colored .progress-bar .progress-percent:after { display: block; position: absolute; content: ""; top: 100%; left: 50%; margin-left: -2px; border-top: 4px solid #0b1c32; border-left: 3px solid transparent; border-right: 3px solid transparent; } .progress-bar-container.style-vertical { height: 680px; display: block; margin-left: -30px; margin-right: -30px; width: auto; } .progress-bar-container.style-vertical .progress-bar-wrapper { border-spacing: 30px 0; height: 100%; display: table; width: 100%; } .progress-bar-container.style-vertical .progress-bar { display: table-cell; width: 1%; position: relative; height: 100%; padding-top: 50px; background: #fff; } .progress-bar-container.style-vertical .progress-bar .progress { -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; -ms-border-radius: 0 0 0 0; border-radius: 0 0 0 0; background: #fff; height: 100%; width: 100%; position: relative; left: 0; top: 0; } .progress-bar-container.style-vertical .progress-bar .progress-inner { width: 100%; height: auto; position: absolute; left: 0; bottom: 0; -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; -ms-border-radius: 0 0 0 0; border-radius: 0 0 0 0; } .progress-bar-container.style-vertical .progress-bar .progress-percent { display: block; position: absolute; width: 100%; text-align: center; left: 0; right: 0; top: 20px; font-size: 1.6667em; color: #ff1818; z-index: 9; padding: 0; } .progress-bar-container.style-vertical .progress-bar .progress-label { font-size: 1.6667em; color: #fff; -webkit-transform: rotate(90deg) translateX(50%); -moz-transform: rotate(90deg) translateX(50%); -ms-transform: rotate(90deg) translateX(50%); -o-transform: rotate(90deg) translateX(50%); transform: rotate(90deg) translateX(50%); padding: 0 0 0 15px; display: inline-block; width: 100%; line-height: 1; text-transform: uppercase; } .progress-bar-container.style-vertical .progress-bar:nth-child(2n+1) .progress-inner { background: #1b4268; } .progress-bar-container.style-vertical .progress-bar:nth-child(2n+1) .progress-percent { color: #1b4268; } /* circle progress */ .circle-wrap { text-align: center; } .circle-progress { position: relative; display: inline-block; z-index: 100; margin-bottom: 10px; color: #ff1818; } .circle-progress .circle-text { position: absolute; left: 0; top: 0; text-align: center; width: 100%; } .circle-progress .circle-text span { font-size: 16px; position: relative; top: -0.6em; } .circle-progress .circle-text .has-circle-text { width: 80px; height: 80px; position: static; display: inline-block; line-height: 80px; font-size: inherit; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; background: #ff1818; color: #fff; } .circle-progress.has-text-block .circle-text { line-height: 1.25em !important; height: 100%; bottom: 0; padding: 0 25px; } .circle-progress.has-text-block .circle-text:before { display: inline-block; content: ""; height: 100%; vertical-align: middle; } .circle-progress.has-text-block .circle-text > span { position: static; vertical-align: middle; width: 98%; line-height: 20px; display: inline-block; font-size: inherit; } /* counters box */ .counters-box { text-align: center; } .counters-box.style1 .icon-wrap { margin-bottom: 30px; height: 100px; } .counters-box.style1 dt { font-size: 1.3333em; font-weight: 300; } .counters-box.style1 dt.fontsize-lg { font-size: 1.6667em; } .counters-box.style1 dd { font-size: 4.1667em; color: #1b4268; font-weight: 300; } .counters-box.style1 dl { margin-bottom: 0; } .counters-box.style2 { padding: 0 20px; } .counters-box.style2 dt { font-style: italic; font-size: 6.6667em; color: #1b4268; border-bottom: 1px solid #edf6ff; } .counters-box.style2 dd { font-size: 1.3333em; padding-top: 10px; } /* 4.8. Style Changer ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .style-changer { width: 270px; padding: 20px 30px 30px; position: relative; } .style-changer .style-toggle { position: absolute; left: 100%; top: 0; width: 52px; height: 52px; background: url(/assets/miracle/logo-white.png) no-repeat center center #ff1818; cursor: pointer; } .style-changer .btn { font-size: 0.8333em; padding: 0 16px; } .style-changer .form-group { padding-bottom: 15px; border-bottom: 1px solid; position: relative; } .style-changer .form-group:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; } .style-changer [class^="skin-color-"] { line-height: 28px; display: inline-block; width: 49%; text-transform: uppercase; font-size: 0.8333em; } .style-changer [class^="skin-color-"].active { color: #ff1818; } .style-changer [class^="skin-color-"]:before { content: ""; width: 18px; height: 18px; display: block; float: left; margin-top: 5px; margin-right: 10px; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; } .style-changer .skin-color-orange:before { background-color: #ff6600; } .style-changer .skin-color-green:before { background-color: #97cc24; } .style-changer .skin-color-purple:before { background-color: #b53cd3; } .style-changer .skin-color-blue:before { background-color: #00a2ee; } .style-changer .skin-color-yellow:before { background-color: #ffae00; } .style-changer .skin-color-gray:before { background-color: #acacac; } .style-changer .skin-color-navy:before { background-color: #006cff; } .style-changer .skin-color-sea:before { background-color: #0ab596; } .style-changer .skin-color-red:before { background-color: #ff1818; } .style-changer .skin-color-gold:before { background-color: #d9be2b; } .style-changer .style-changer-title { margin-bottom: 25px; } .style-changer label { margin-bottom: 10px; font-size: 1.0833em; } .style-changer select, .style-changer .customSelect { background: none; height: 28px; padding-top: 0; padding-bottom: 0; line-height: 26px; padding-left: 15px; } .style-changer select option { padding-left: 15px; } .style-changer .customSelect { border: 1px solid; font-size: 1em; } .style-changer.style-dark { background: #191919; color: #6a6a6a; } .style-changer.style-dark .style-changer-title { color: #fff; } .style-changer.style-dark .customSelect { border-color: #6a6a6a; } .style-changer.style-dark .btn { border-color: #6a6a6a; } .style-changer.style-dark .btn:hover, .style-changer.style-dark .btn.active { border-color: #ff1818; } .style-changer.style-dark .form-group { border-bottom-color: #303030; } .style-changer.style-light { background: #fff; color: #ababab; border: 1px solid #e5e5e5; } .style-changer.style-light .style-toggle { top: -1px; } .style-changer.style-light .style-changer-title { color: #000; } .style-changer.style-light .customSelect { border-color: #ababab; } .style-changer.style-light .btn { border-color: #cdcdcd; } .style-changer.style-light .btn:hover, .style-changer.style-light .btn.active { border-color: #ff1818; } .style-changer.style-light .form-group { border-bottom-color: #e5e5e5; } #style-changer { position: fixed; top: 135px; z-index: 1001; left: -270px; } /* 4.9. Tabs ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .tab-pane > img { margin-right: 25px; } .tab-container .tabs li { float: left; } .tab-container .tabs li.active a { color: #1b4268; } .tab-container .tabs a { white-space: nowrap; display: block; padding-left: 15px; padding-right: 15px; } .tab-container .tab-content { padding: 25px 30px; display: none; } .tab-container .tab-content.active { display: block; } .tab-container .tab-content.active > .tab-pane { display: block; overflow: hidden; } .tab-container .tab-pane > *:last-child { margin-bottom: 0; } .tab-container.style1 .tabs a, .tab-container.style2 .tabs a { padding: 14px 24px; display: block; font-size: 1.1667em; } .tab-container.style1 .tab-content, .tab-container.style2 .tab-content { border: 1px solid #edf6ff; } .tab-container.style1 .tabs { float: left; border-left: 1px solid; border-right: 1px solid; border-color: #edf6ff; } .tab-container.style1 .tabs li { position: relative; z-index: 1; top: 1px; } .tab-container.style1 .tabs li + li a { margin-left: 1px; } .tab-container.style1 .tabs li a { background: #edf6ff; border-top: 1px solid #edf6ff; } .tab-container.style1 .tabs li.active a { background: #fff; } .tab-container.style1 .tab-content { clear: both; } .tab-container.style2 .tabs { background: #edf6ff; padding: 0 20px; } .tab-container.style2 .tabs a { font-size: 0.8333em; text-transform: uppercase; padding: 0 16px; height: 28px; line-height: 28px; margin: 10px 5px; background: #fff; -webkit-border-radius: 14px 14px 14px 14px; -moz-border-radius: 14px 14px 14px 14px; -ms-border-radius: 14px 14px 14px 14px; border-radius: 14px 14px 14px 14px; } .tab-container.style2 .tabs li.active a { background: #ff1818; color: #fff; position: relative; } .tab-container.style2 .tabs li.active a:after { content: ""; display: block; position: absolute; top: 100%; left: 50%; margin-left: -7px; border-top: 5px solid #ff1818; border-left: 7px solid transparent; border-right: 7px solid transparent; } .tab-container.full-width .tabs { display: block; float: none; } .tab-container.full-width .tabs li { float: none; width: 1%; text-align: center; position: static; } .tab-container.full-width .tabs a { padding-left: 0; padding-right: 0; } .tab-container.full-width .tab-content { border-top: none; } .tab-container.vertical-tab .tabs, .tab-container.vertical-tab-1 .tabs { float: left; background: #edf6ff; border-top: 1px solid #edf6ff; border-bottom: 1px solid #edf6ff; } .tab-container.vertical-tab .tabs li, .tab-container.vertical-tab-1 .tabs li { float: none; position: relative; z-index: 1; left: 1px; } .tab-container.vertical-tab .tabs li a, .tab-container.vertical-tab-1 .tabs li a { display: block; line-height: 48px; padding: 0 30px; font-size: 1.1667em; } .tab-container.vertical-tab .tabs li.active a, .tab-container.vertical-tab-1 .tabs li.active a { background: #fff; color: #1b4268; } .tab-container.vertical-tab .tab-content, .tab-container.vertical-tab-1 .tab-content { padding: 0; } .tab-container.vertical-tab .tab-pane, .tab-container.vertical-tab-1 .tab-pane { border: 1px solid #edf6ff; overflow: auto; padding: 30px; } .tab-container.vertical-tab-1 .tabs { background: none; border: none; } .tab-container.vertical-tab-1 .tabs li { margin-bottom: 10px; } .tab-container.vertical-tab-1 .tabs li a { line-height: 32px; -webkit-border-radius: 20px 20px 20px 20px; -moz-border-radius: 20px 20px 20px 20px; -ms-border-radius: 20px 20px 20px 20px; border-radius: 20px 20px 20px 20px; padding: 4px 50px 4px 4px; background: #d4dde5; color: #fff; } .tab-container.vertical-tab-1 .tabs li a:hover { color: #ff1818; } .tab-container.vertical-tab-1 .tabs li i { float: left; margin-right: 15px; line-height: 32px; width: 32px; height: 32px; text-align: center; color: #d4dde5; background: #fff; -moz-transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s; -webkit-transition: all 0.25s ease 0s; -ms-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; } .tab-container.vertical-tab-1 .tabs li.active a { background: #fff; color: #ff1818; } .tab-container.vertical-tab-1 .tabs li.active i { background: #ff1818; color: #fff; } .tab-container.vertical-tab-1 .tab-content img { margin-bottom: 25px; } .tab-container.vertical-tab-1 .tab-pane { padding-top: 0; padding-bottom: 0; border: none; } .tab-container.transparent-tab { position: relative; z-index: 1; margin-top: -40px; } .tab-container.transparent-tab ul.tabs { padding: 0 20px; } .tab-container.transparent-tab ul.tabs li + li { padding-left: 3px; } .tab-container.transparent-tab ul.tabs a { background: rgba(255, 255, 255, 0.65); color: #4f4f4f; overflow: hidden; height: 40px; line-height: 40px; text-transform: uppercase; font-size: 0.9167em; font-weight: 600; } .tab-container.transparent-tab ul.tabs a i { font-size: 13px; vertical-align: middle; margin-right: 10px; } .tab-container.transparent-tab ul.tabs a:hover { background: rgba(255, 255, 255, 0.8); color: #1b4268; } .tab-container.transparent-tab ul.tabs a:hover i { -webkit-animation: toTopFromBottom 0.3s forwards; -moz-animation: toTopFromBottom 0.3s forwards; animation: toTopFromBottom 0.3s forwards; } .tab-container.transparent-tab ul.tabs li.active a { background: #fff; color: #1b4268; } .tab-container.transparent-tab ul.tabs a:hover i, .tab-container.transparent-tab ul.tabs li.active a i { color: #ff1818; } .tab-container.transparent-tab .tab-content { border: 1px solid #edf6ff; border-top: none; } /* 4.10. Team ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .team-member { text-align: center; /* colored style */ } .team-member .team-member-author { padding: 20px 10px; background: #edf6ff; margin-bottom: 1px; } .team-member .team-member-name { margin-bottom: 0; } .team-member .team-member-job { text-transform: uppercase; font-size: 0.8333em; font-weight: 600; letter-spacing: 0.1em; } .team-member .team-member-social { background: #edf6ff; padding: 12px; } .team-member .social-icons { margin-bottom: 0; display: inline-block; } .team-member .social-icons .social-icon { margin-bottom: 0; } .team-member .social-icons .social-icon i { border: none; background: #fff; } .team-member .social-icons .social-icon:hover i { background: #ff1818; } .team-member .team-member-desc { padding-left: 25px; padding-right: 25px; } .team-member .team-member-desc > *:last-child { margin-bottom: 0; } .team-member.style-colored .image-container { position: relative; background: url(/assets/miracle/shadow.png) repeat-x left bottom; } .team-member.style-colored .image-container img { position: relative; z-index: -1; } .team-member.style-colored .team-member-social { position: absolute; bottom: 10px; left: 0; width: 100%; padding: 0; background: none; } .team-member.style-colored .social-icons .social-icon i { background: none; color: #fff; border: 1px solid #fff; } .team-member.style-colored .social-icons .social-icon:hover i { background: #1b4268; border: none; } .team-member.style-colored .team-member-author, .team-member.style-colored .team-member-desc { background: #1b4268; color: #fff; } .team-member.style-colored .team-member-author { margin-bottom: 0; } .team-member.style-colored .team-member-name { color: #fff; } .team-member.style-colored .team-member-desc { padding-bottom: 25px; } /* 4.11. Testimonial ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .testimonials.style1 .owl-controls .owl-prev, .testimonials.style1 .owl-controls .owl-next, .testimonials.style3 .owl-controls .owl-prev, .testimonials.style3 .owl-controls .owl-next, .testimonials.style4 .owl-controls .owl-prev, .testimonials.style4 .owl-controls .owl-next { margin-top: 11px; } .testimonials.style1 .owl-controls .owl-prev:before, .testimonials.style1 .owl-controls .owl-next:before, .testimonials.style3 .owl-controls .owl-prev:before, .testimonials.style3 .owl-controls .owl-next:before, .testimonials.style4 .owl-controls .owl-prev:before, .testimonials.style4 .owl-controls .owl-next:before { color: #d4dde5; border-color: #d4dde5; } .testimonials.style1 .owl-controls .owl-prev:hover:before, .testimonials.style1 .owl-controls .owl-next:hover:before, .testimonials.style3 .owl-controls .owl-prev:hover:before, .testimonials.style3 .owl-controls .owl-next:hover:before, .testimonials.style4 .owl-controls .owl-prev:hover:before, .testimonials.style4 .owl-controls .owl-next:hover:before { color: #fff; border-color: #ff1818; } .testimonials.style1 .owl-controls .owl-prev, .testimonials.style3 .owl-controls .owl-prev, .testimonials.style4 .owl-controls .owl-prev { left: 1px; } .testimonials.style1 .owl-controls .owl-next, .testimonials.style3 .owl-controls .owl-next, .testimonials.style4 .owl-controls .owl-next { right: 1px; } .testimonials.style1 .owl-wrapper-outer { padding-top: 50px; } .testimonials.style1 .testimonial.style1 { margin: 0; height: 100%; } .testimonials.style1 .owl-controls .owl-prev { left: 0; } .testimonials.style1 .owl-controls .owl-next { right: 0; } .testimonials.style1 .owl-controls .owl-prev, .testimonials.style1 .owl-controls .owl-next { margin-top: 11px; } .testimonials.style1.multiple-items .owl-controls .owl-prev, .testimonials.style1.multiple-items .owl-controls .owl-next { margin-top: 0; } .testimonials.style1.multiple-items .owl-controls .owl-prev { left: -70px; } .testimonials.style1.multiple-items .owl-controls .owl-next { right: -70px; } .testimonials.style1.multiple-items .testimonial.style1 { margin: 0 15px; } .testimonials.style2 { padding: 80px 0 30px; } .testimonials.style2 .container { padding: 0 40px; } .testimonials.style2 .testimonials-title { text-align: center; color: #ff1818; margin-bottom: 50px; font-size: 2.5em; } .testimonials.style2 .sky-carousel { background: none; border: none; height: auto; padding-bottom: 200px; } .testimonials.style2 .sky-carousel .sc-content-wrapper { position: static; } .testimonials.style2 .sky-carousel .sc-content-container { font-family: inherit; position: static; } .testimonials.style2 .sky-carousel .sky-carousel-container { float: none; } .testimonials.style2 .sc-content-wrapper .sc-content { display: table; width: 100%; } .testimonials.style2 .sc-content-wrapper .sc-content:after { content: ""; display: table; clear: both; } .testimonials.style2 .sc-content-wrapper .sc-content h2, .testimonials.style2 .sc-content-wrapper .sc-content p { display: table-cell; color: #fff; text-align: left; padding: 0 30px; } .testimonials.style2 .sc-content-wrapper .sc-content h2 a { color: #fff; } .testimonials.style2 .sc-content-wrapper .sc-content h2 { font-size: 1.6667em; white-space: nowrap; } .testimonials.style2 .sc-content-wrapper .sc-content h2 small { font-size: 0.65em; color: #ff1818; display: block; margin-top: 5px; } .testimonials.style2 .sc-content-wrapper .sc-content p { font-weight: 300; font-size: 2.5em; line-height: 1.3333; border-left: 2px solid rgba(255, 255, 255, 0.1); } .testimonials.style2 .sc-content-wrapper .sc-content p em { font-weight: 400; } .testimonials.style3 .owl-buttons, .testimonials.style4 .owl-buttons { position: absolute; } .testimonials.style3 .owl-buttons:after, .testimonials.style4 .owl-buttons:after { display: table; content: ""; clear: both; } .testimonials.style3 .owl-buttons .owl-prev, .testimonials.style3 .owl-buttons .owl-next, .testimonials.style4 .owl-buttons .owl-prev, .testimonials.style4 .owl-buttons .owl-next { position: static; float: left; margin-top: 0; } .testimonials.style3 .owl-buttons .owl-prev, .testimonials.style4 .owl-buttons .owl-prev { margin-right: 10px; } .testimonials.style3 { overflow: hidden; } .testimonials.style3 .owl-buttons { bottom: -1px; right: -1px; background: #fff; padding: 20px 1px 1px 30px; border-top: 1px solid #edf6ff; border-left: 1px solid #edf6ff; -webkit-border-radius: 50px 0 0 0; -moz-border-radius: 50px 0 0 0; -ms-border-radius: 50px 0 0 0; border-radius: 50px 0 0 0; } .testimonials.style4 { overflow: hidden; padding-top: 14px; margin-top: -14px; padding-bottom: 37px; } .testimonials.style4 .owl-wrapper-outer { overflow: visible; background: #edf6ff; } .testimonials.style4 .owl-buttons { top: 0; right: 30px; } .testimonials.style4 .owl-buttons .owl-prev:before, .testimonials.style4 .owl-buttons .owl-next:before { background: #fff; } .testimonials.style4 .owl-buttons .owl-prev:hover:before, .testimonials.style4 .owl-buttons .owl-next:hover:before { background: #ff1818; } .testimonial.style1, .testimonial.style3, .testimonial.style4 { position: relative; } .testimonial.style1 .testimonial-author, .testimonial.style3 .testimonial-author, .testimonial.style4 .testimonial-author { font-size: 1.1667em; } .testimonial.style1 .testimonial-author-name, .testimonial.style3 .testimonial-author-name, .testimonial.style4 .testimonial-author-name { color: #ff1818; } .testimonial.style1 .testimonial-author-job, .testimonial.style3 .testimonial-author-job, .testimonial.style4 .testimonial-author-job { font-size: 0.7857em; text-transform: uppercase; } .testimonial.style1 { border-top: 1px solid #edf6ff; border-bottom: 1px solid #edf6ff; position: relative; padding: 80px 50px 40px; text-align: center; margin-top: 50px; } .testimonial.style1 .testimonial-image { position: absolute; top: -50px; left: 50%; margin-left: -50px; overflow: hidden; width: 100px; height: 100px; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; border: 1px solid #d4dde5; padding: 4px; background: #fff; } .testimonial.style1 .testimonial-image img { width: 100%; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; } .testimonial.style1 .testimonial-content { font-size: 2.5em; font-style: italic; color: #1b4268; font-weight: 400; margin-bottom: 30px; line-height: 1.25; } .testimonial.style1 .testimonial-content.fontsize-lg { font-size: 3.3333em; } .testimonial.style3 { border: 1px solid #edf6ff; padding: 30px 40px; } .testimonial.style3 .testimonial-content { font-size: 1.3333em; font-weight: 300; line-height: 1.875; } .testimonial.style3 .testimonial-author { margin-top: 15px; } .testimonial.style4 { padding: 30px 40px 60px; } .testimonial.style4 .testimonial-content { font-size: 1.3333em; font-weight: 300; line-height: 1.875; color: #1b4268; } .testimonial.style4 .testimonial-author { position: absolute; left: 130px; bottom: -25px; } .testimonial.style4 .testimonial-image { position: absolute; bottom: -37px; left: 40px; width: 74px; height: 74px; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; background: #fff; padding: 3px; } .testimonial.style4 .testimonial-image img { width: 100%; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; } /* 5. Footer ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .footer-common-hover-style .social-icons .social-icon:hover i, #footer.style1 .footer-wrapper .social-icons .social-icon:hover i, #footer.style2 .footer-wrapper .social-icons .social-icon:hover i, #footer.style3 .footer-wrapper .social-icons .social-icon:hover i, #footer.style4 .footer-wrapper .social-icons .social-icon:hover i { color: #fff; } .footer-common-hover-style .tags .tag:hover, #footer.style1 .footer-wrapper .tags .tag:hover, #footer.style2 .footer-wrapper .tags .tag:hover, #footer.style3 .footer-wrapper .tags .tag:hover, #footer.style4 .footer-wrapper .tags .tag:hover, .footer-common-hover-style .social-icons .social-icon:hover i, #footer.style1 .footer-wrapper .social-icons .social-icon:hover i, #footer.style2 .footer-wrapper .social-icons .social-icon:hover i, #footer.style3 .footer-wrapper .social-icons .social-icon:hover i, #footer.style4 .footer-wrapper .social-icons .social-icon:hover i, .footer-common-hover-style .btn.style4:hover, #footer.style1 .footer-wrapper .btn.style4:hover, #footer.style2 .footer-wrapper .btn.style4:hover, #footer.style3 .footer-wrapper .btn.style4:hover, #footer.style4 .footer-wrapper .btn.style4:hover { border-color: #ff1818; } #footer { overflow: hidden; /* style1 */ /* style2 */ /* style3 */ /* style4 */ } #footer .section-title { font-weight: 600; } #footer .footer-wrapper .container { position: relative; } #footer .footer-wrapper .container > .row { margin: 0 -20px 0 -30px; } #footer .footer-wrapper .container > .row > div { padding: 60px 15px 60px 30px; } #footer .footer-wrapper .container > .row > div:last-child { position: relative; } #footer .footer-wrapper .container:after { content: ""; position: absolute; display: block; left: 100%; top: 0; height: 100%; bottom: 0; width: 2000px; } #footer .back-to-top { width: 60px; height: 60px; border: 5px solid rgba(0, 0, 0, 0.06); display: block; position: absolute; left: -30px; bottom: -30px; -webkit-border-radius: 30px 30px 30px 30px; -moz-border-radius: 30px 30px 30px 30px; -ms-border-radius: 30px 30px 30px 30px; border-radius: 30px 30px 30px 30px; overflow: hidden; /*&:after { background-image: url(/assets/miracle/icon/up.png); top: 100%; }*/ } #footer .back-to-top:before, #footer .back-to-top:after { content: ""; position: absolute; z-index: 1; left: 0; top: 0; width: 50px; height: 50px; background-repeat: no-repeat; background-position: center center; -moz-transition: top 0.5s ease 0s; -o-transition: top 0.5s ease 0s; -webkit-transition: top 0.5s ease 0s; -ms-transition: top 0.5s ease 0s; transition: top 0.5s ease 0s; } #footer .back-to-top:before { background-image: url(/assets/miracle/logo-white.png); -moz-transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s; -webkit-transition: all 0.25s ease 0s; -ms-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s; } #footer .back-to-top:hover { /*&:after { top: 0; }*/ } #footer .back-to-top:hover:before { /*top: -100%;*/ background-image: url(/assets/miracle/icon/up.png); } #footer .back-to-top:active span:before, #footer .back-to-top:active span:after { filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } #footer .back-to-top span { display: block; -webkit-border-radius: 25px 25px 25px 25px; -moz-border-radius: 25px 25px 25px 25px; -ms-border-radius: 25px 25px 25px 25px; border-radius: 25px 25px 25px 25px; width: 100%; height: 100%; border: 2px solid #ff1818; background: #ff1818; overflow: hidden; position: relative; z-index: 0; } #footer .back-to-top span:before, #footer .back-to-top span:after { -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; content: ""; display: block; position: absolute; } #footer .back-to-top span:before { width: 46px; height: 23px; -webkit-border-radius: 23px 23px 0 0; -moz-border-radius: 23px 23px 0 0; -ms-border-radius: 23px 23px 0 0; border-radius: 23px 23px 0 0; background: #ff3030; -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); -ms-transform: rotate(30deg); -o-transform: rotate(30deg); transform: rotate(30deg); -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; } #footer .recent-posts > li { width: 100%; margin-bottom: 10px; padding: 0; background: none; } #footer .recent-posts > li:last-child .post-content { border-bottom: none; } #footer .recent-posts .post-author-avatar { vertical-align: top; } #footer .recent-posts .post-content { border-bottom: 1px solid #edf6ff; padding: 5px 0 12px; width: 90%; } #footer .recent-posts .post-title { font-size: 1.0833em; } #footer .recent-posts .post-title:hover { color: #ff1818; } #footer .useful-links a { font-weight: 600; } #footer .useful-links li:hover a { color: #1b4268; } #footer .useful-links li:hover:before { color: #ff1818; } #footer .copyright-area { display: table; width: 100%; padding: 20px 0; color: #939faa; } #footer .copyright-area .secondary-menu { display: table-cell; vertical-align: middle; } #footer .copyright-area .copyright { display: table-cell; vertical-align: middle; text-align: right; } #footer .secondary-menu .nav > li > a { font-size: 0.8333em; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; padding: 5px 10px; } #footer .secondary-menu .nav > li > a:hover, #footer .secondary-menu .nav > li > a:focus { background: none; color: #ff1818; } #footer .secondary-menu .nav > li.active > a { color: #ff1818; } #footer .footer-wrapper { background: #edf6ff; } #footer .footer-wrapper .container > .row > div:last-child { background: #e2edf9; } #footer .footer-wrapper .container:after { background: #e2edf9; } #footer .footer-wrapper .btn { padding: 0 20px; } #footer.style1 .footer-wrapper .social-icons .social-icon i { color: inherit; border-color: #b6c0c9; } #footer.style1 .footer-wrapper .tags .tag, #footer.style1 .footer-wrapper .social-icons .social-icon i, #footer.style1 .footer-wrapper .btn.style4 { border-color: #b6c0c9; } #footer.style2 { color: #9b9b9b; } #footer.style2 .footer-wrapper { background: #fbfbfb; } #footer.style2 .footer-wrapper .container > .row > div:last-child { background: #f5f5f5; } #footer.style2 .footer-wrapper .container:after { background: #f5f5f5; } #footer.style2 .footer-wrapper .section-title, #footer.style2 .footer-wrapper .post-title, #footer.style2 .footer-wrapper .useful-links li:hover a { color: #515151; } #footer.style2 .footer-wrapper .post-title:hover { color: #ff1818; } #footer.style2 .footer-wrapper .recent-posts .post-content { border-bottom-color: #f5f5f5; } #footer.style2 .footer-wrapper .social-icons .social-icon i { color: #9b9b9b; } #footer.style2 .footer-wrapper .tags .tag, #footer.style2 .footer-wrapper .social-icons .social-icon i, #footer.style2 .footer-wrapper .btn.style4 { border-color: #9b9b9b; } #footer.style3 { color: #4d4d4d; } #footer.style3 .footer-wrapper { background: #232323; } #footer.style3 .footer-wrapper .container > .row > div:last-child { background: #1b1b1b; } #footer.style3 .footer-wrapper .container:after { background: #1b1b1b; } #footer.style3 .footer-wrapper .post-title, #footer.style3 .footer-wrapper .useful-links li:hover a { color: #fff; } #footer.style3 .footer-wrapper .post-title:hover { color: #ff1818; } #footer.style3 .footer-wrapper .section-title { color: #ff1818; } #footer.style3 .footer-wrapper .recent-posts .post-content { border-bottom-color: #2e2e2e; } #footer.style3 .footer-wrapper .useful-links { display: inline-block; } #footer.style3 .footer-wrapper .useful-links li { border-bottom: 1px solid #2e2e2e; padding-bottom: 5px; margin-bottom: 7px; padding-right: 30px; } #footer.style3 .footer-wrapper .useful-links li:last-child { border-bottom: none; } #footer.style3 .footer-wrapper .social-icons .social-icon i { color: #4d4d4d; } #footer.style3 .footer-wrapper .tags .tag, #footer.style3 .footer-wrapper .social-icons .social-icon i, #footer.style3 .footer-wrapper .btn.style4 { border-color: #4d4d4d; } #footer.style4 { color: #455b79; } #footer.style4 .callout-box.style2 { background: #edf6ff; } #footer.style4 .callout-box.style2 .callout-text * { color: #1b4268; } #footer.style4 .callout-box.style2 .btn { color: #939faa; background: #fff; border-color: #d4dde5; } #footer.style4 .callout-box.style2 .btn:hover { color: #fff; background: #ff1818; border-color: #ff1818; } #footer.style4 .footer-wrapper { background: #0f2541; } #footer.style4 .footer-wrapper .container > .row > div:last-child { background: #0b1c32; } #footer.style4 .footer-wrapper .container:after { background: #0b1c32; } #footer.style4 .footer-wrapper .post-title, #footer.style4 .footer-wrapper .useful-links li:hover a { color: #fff; } #footer.style4 .footer-wrapper .post-title:hover { color: #ff1818; } #footer.style4 .footer-wrapper .section-title { color: #ff1818; } #footer.style4 .footer-wrapper .recent-posts .post-content { border-bottom-color: #1b304b; } #footer.style4 .footer-wrapper .useful-links { display: inline-block; } #footer.style4 .footer-wrapper .useful-links li { border-bottom: 1px solid #1b304b; padding-bottom: 5px; margin-bottom: 7px; padding-right: 30px; } #footer.style4 .footer-wrapper .useful-links li:last-child { border-bottom: none; } #footer.style4 .footer-wrapper .social-icons .social-icon i { color: #455b79; } #footer.style4 .footer-wrapper .tags .tag, #footer.style4 .footer-wrapper .social-icons .social-icon i, #footer.style4 .footer-wrapper .btn.style4 { border-color: #455b79; } /* 6. Page Content ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* 6.1. Standard Pages ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* features slider */ .features-icon-slider { width: 75%; margin-left: auto; margin-right: auto; } .features-icon-slider .feature-icon { display: block; overflow: hidden; } .features-icon-slider .feature-icon i { font-size: 2.1667em; width: 90px; height: 90px; line-height: 86px; border: 2px solid #fff; -webkit-border-radius: 45px 45px 45px 45px; -moz-border-radius: 45px 45px 45px 45px; -ms-border-radius: 45px 45px 45px 45px; border-radius: 45px 45px 45px 45px; color: #fff; position: relative; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); } .features-icon-slider .feature-icon i:after { content: ""; display: none; position: absolute; right: 0; top: 0; width: 86px; height: 43px; -webkit-border-radius: 43px 43px 0 0; -moz-border-radius: 43px 43px 0 0; -ms-border-radius: 43px 43px 0 0; border-radius: 43px 43px 0 0; background: #ff3030; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; } .features-icon-slider .feature-icon:hover i { border-color: #ff1818; background: #ff1818; } .features-icon-slider .feature-icon:hover i:before { position: relative; z-index: 1; } .features-icon-slider .feature-icon:hover i:after { display: block; } .features-icon-slider:hover .owl-prev { left: -60px; } .features-icon-slider:hover .owl-next { right: -60px; } .features-icon-slider .owl-prev { left: -60px; } .features-icon-slider .owl-next { right: -60px; } /* brand slider */ .brand-slider { padding-bottom: 60px; margin-left: -15px; margin-right: -15px; width: auto; } .brand-slider .owl-item { display: table; border-spacing: 15px 0; } .brand-slider .owl-item a { text-align: center; padding: 30px 0; background: rgba(255, 255, 255, 0.03); } .brand-slider .owl-item:hover a { background: rgba(0, 0, 0, 0.25); } .brand-slider .owl-item img { max-width: 80%; width: auto; } .brand-slider.style1 { padding-bottom: 0; margin: 24px 0 0; position: relative; border-top: 1px solid #edf6ff; } .brand-slider.style1 .owl-item { border-spacing: 0 0; } .brand-slider.style1 .owl-item a { background: none; } .brand-slider.style1 .owl-item img { filter: alpha(opacity=40); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; -moz-opacity: 0.4; -khtml-opacity: 0.4; opacity: 0.4; -moz-transition: opacity 0.25s ease 0s; -o-transition: opacity 0.25s ease 0s; -webkit-transition: opacity 0.25s ease 0s; -ms-transition: opacity 0.25s ease 0s; transition: opacity 0.25s ease 0s; } .brand-slider.style1 .owl-item:hover img { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .brand-slider.style1 .owl-pagination { display: none; } .brand-slider.style1 .owl-buttons { display: block; position: absolute; top: -16px; left: 50%; margin-left: -85px; width: 170px; background: #fff; padding: 0 20px; } .brand-slider.style1 .owl-buttons .owl-prev, .brand-slider.style1 .owl-buttons .owl-next { position: static; display: inline-block; margin-top: 0; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .brand-slider.style1 .owl-buttons .owl-prev:before, .brand-slider.style1 .owl-buttons .owl-next:before { color: #d4dde5; border-color: #d4dde5; } .brand-slider.style1 .owl-buttons .owl-prev:hover:before, .brand-slider.style1 .owl-buttons .owl-next:hover:before { border-color: #ff1818; color: #fff; } .brand-slider.style1 .owl-buttons .owl-prev { margin-right: 16px; } /* theme features section */ .theme-features .row.same-height, .theme-features .row.add-clearfix { margin-top: -2px; } .theme-features .row.same-height > div, .theme-features .row.add-clearfix > div { border-top: 1px solid #edf6ff; border-right: 1px solid #edf6ff; } .theme-features .image-box { margin-top: 30px; } .theme-features .image-box .image-container { padding-left: 30px; padding-right: 5px; } .blue-alpha-bg .icon-box.style-boxed-1 { background: rgba(11, 28, 51, 0.5); border: none; } .blue-alpha-bg .icon-box.style-boxed-1 .icon-container:before { background: rgba(11, 28, 51, 0.5); border: none; } .blue-alpha-bg .icon-box.style-boxed-1 .box-title { color: #fff; } /* google map */ .soap-google-map { height: 680px; } .soap-google-map img { max-width: none; } /* contact page */ .contact-address i { font-size: 1.1667em; color: #fff; background: #ff1818; width: 2.5em; height: 2.5em; line-height: 2.5em; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; color: #fff; text-align: center; } .contact-address.style1 i { float: left; margin-top: 3px; } .contact-address.style1 .details { border-bottom: 1px solid #edf6ff; margin-left: 50px; } .contact-address.style1 li { margin-bottom: 15px; } .contact-address.style2 { display: table; table-layout: fixed; float: none; margin: 0 auto; border-spacing: 30px 0; padding: 0; margin-bottom: 80px; margin-top: -140px; } .contact-address.style2 li { display: table-cell; vertical-align: top; width: 33.3333%; padding: 30px; border: 2px solid rgba(27, 66, 104, 0.1); text-align: center; background: #fff; } .contact-address.style2 .details { word-break: break-all; } .contact-address.style2 i { margin-bottom: 25px; } .contact-address.style2 h5 { margin-bottom: 25px; } .contact-address.style2 p:last-child { margin-bottom: 0; } /* faq page */ .faqs { border-bottom: 1px solid #edf6ff; } .faqs .panel + .panel { margin-top: 0; } .faqs .panel-title .open-sub { float: left; font-family: FontAwesome; text-align: center; font-size: 10px; width: 22px; height: 22px; line-height: 21px; border: 1px solid #d4dde5; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; text-indent: 1px; color: #d4dde5; margin-right: 30px; } .faqs .panel-title .open-sub:before { position: static; display: inline; content: "\f067"; height: auto; margin: 0; } .faqs .panel-title a { color: #1b4268; line-height: 1; padding: 25px 30px; border: 1px solid #edf6ff; border-bottom: none; } .faqs .panel-title a.active { border-top: 1px solid #ff1818; } .faqs .panel-title a.active .open-sub { border-color: #ff1818; background: #ff1818; color: #fff; } .faqs .panel-title a.active .open-sub:before { content: "\f068"; } .faqs .panel-content { padding: 30px 40px; background: #edf6ff; } /* terms and conditions */ ul.filter-options li { background: #edf6ff; margin-bottom: 0; padding: 12px 20px 10px 55px; } ul.filter-options li:before { left: 15px; border: none; background: #fff; line-height: 22px; } ul.filter-options li + li { margin-top: 1px; } ul.filter-options li a { font-size: 1.0833em; } ul.filter-options li a:focus { color: #1b4268; } ul.filter-options li:hover a, ul.filter-options li.active a { color: #1b4268; } /* 404 page */ .error404, .coming-soon-page, .blank-page { background: #edf6ff; } .error404 #page-wrapper, .coming-soon-page #page-wrapper, .blank-page #page-wrapper { margin: 0 auto; float: none; padding: 0; background: #fff; max-width: 830px; } .error404 .container, .coming-soon-page .container, .blank-page .container { max-width: 100%; } .error404 #main, .coming-soon-page #main, .blank-page #main { padding-left: 15px; padding-right: 15px; float: none; margin-left: auto; margin-right: auto; } .error404 #header, .coming-soon-page #header, .blank-page #header { position: relative; border: 1px solid #d4dde5; border-bottom: none; border-top: none; } .error404 #header .branding, .coming-soon-page #header .branding, .blank-page #header .branding { text-align: center; } .error404 #header .logo, .coming-soon-page #header .logo, .blank-page #header .logo { display: inline-block; margin-top: 35px; } .error404 #header .logo a, .coming-soon-page #header .logo a, .blank-page #header .logo a { color: inherit; font-weight: 600; } .error404 #content, .coming-soon-page #content, .blank-page #content { padding: 0; text-align: center; border: 1px solid #d4dde5; border-top: none; } .error404 .container, .coming-soon-page .container, .blank-page .container { max-width: 830px; } .error404 .error-message-404, .coming-soon-page .error-message-404, .blank-page .error-message-404 { text-align: center; } .error404 .error-message-404 span, .coming-soon-page .error-message-404 span, .blank-page .error-message-404 span { display: inline-block; font-weight: 200; font-size: 300px; color: #fff; text-shadow: 0 0 2px #d4dde5; line-height: 1; position: relative; } .error404 .error-message-404 span:before, .coming-soon-page .error-message-404 span:before, .blank-page .error-message-404 span:before { content: "404"; position: relative; z-index: 1; } .error404 .error-message-404 span:after, .coming-soon-page .error-message-404 span:after, .blank-page .error-message-404 span:after { box-shadow: none; content: "404"; display: inline-block; position: absolute; left: 8px; top: 8px; color: #d4dde5; z-index: 0; } .error404 .btn, .coming-soon-page .btn, .blank-page .btn { padding-left: 45px; padding-right: 45px; margin-bottom: 10px; } .error404 #footer, .coming-soon-page #footer, .blank-page #footer { background: #edf6ff; } .error404 #footer .copyright-area, .coming-soon-page #footer .copyright-area, .blank-page #footer .copyright-area { display: block; text-align: center; padding-top: 40px; } .error404 #footer .copyright-area .secondary-menu, .error404 #footer .copyright-area .copyright, .coming-soon-page #footer .copyright-area .secondary-menu, .coming-soon-page #footer .copyright-area .copyright, .blank-page #footer .copyright-area .secondary-menu, .blank-page #footer .copyright-area .copyright { display: block; } .error404 #footer .copyright-area .secondary-menu, .coming-soon-page #footer .copyright-area .secondary-menu, .blank-page #footer .copyright-area .secondary-menu { display: inline-block; } .error404 #footer .copyright-area .copyright, .coming-soon-page #footer .copyright-area .copyright, .blank-page #footer .copyright-area .copyright { text-align: inherit; padding: 10px 0; } .coming-soon-page hr { float: none; padding: 0; margin-left: auto; margin-right: auto; } .coming-soon-page .clock-wrapper { position: relative; display: inline-block; padding: 0 4px 4px 0; margin: 60px 0 70px; } .coming-soon-page .clock { font-weight: 200; font-size: 150px; color: #fff; text-shadow: 0 0 2px #d4dde5; line-height: 1; position: relative; display: inline-block; z-index: 1; } .coming-soon-page .clock:after { display: table; content: ""; clear: both; } .coming-soon-page .clock li { float: left; display: block; position: relative; } .coming-soon-page .clock li.sep { line-height: 0.8; } .coming-soon-page .clock ~ .clock { position: absolute; z-index: 0; top: 4px; left: 4px; color: #d4dde5; box-shadow: none; } .coming-soon-page form h4 { font-weight: 300; } .coming-soon-page form .input-text { float: none; background: #fff; border: 1px solid #d4dde5; } .coming-soon-page form .input-text:focus { border-color: #ff1818; } .page-loading-wrapper { display: inline-block; vertical-align: middle; padding: 0 15px; width: 99%; } .page-loading-wrapper header { position: static; height: auto; margin-bottom: 25px; background: none; } .page-loading-wrapper header .logo { display: inline-block; font-size: 1.6667em; font-weight: 600; text-transform: uppercase; margin-bottom: 0; } .page-loading-wrapper header .logo img { margin-right: 5px; } .page-loading-wrapper header .logo a { color: #1b4268 !important; } .page-loading-wrapper .progress-bar { width: 370px; margin: 0 auto; height: 26px; -webkit-border-radius: 13px 13px 13px 13px; -moz-border-radius: 13px 13px 13px 13px; -ms-border-radius: 13px 13px 13px 13px; border-radius: 13px 13px 13px 13px; background: #fff; padding: 4px; max-width: 100%; margin-bottom: 25px; } .page-loading-wrapper .progress-bar .progress-inner { height: 18px; -webkit-border-radius: 9px 9px 9px 9px; -moz-border-radius: 9px 9px 9px 9px; -ms-border-radius: 9px 9px 9px 9px; border-radius: 9px 9px 9px 9px; background: #ff1818; } .page-loading-wrapper .loading-text { font-size: 1.6667em; } .pace { user-select: none; background: #edf6ff; height: 100%; left: 0; opacity: 1; position: fixed; top: 0; -moz-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; visibility: visible; width: 100%; z-index: 999999; -webkit-backface-visibility: hidden; text-align: center; } .pace-activity { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; } .pace-activity:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; } .pace-inactive { display: none; } .pace .loading-page { -webkit-backface-visibility: hidden !important; -webkit-transform: none !important; } /* 6.2. Portfolio Pages ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .post-filters { margin-bottom: 40px; text-align: center; } .post-wrapper .iso-container .iso-item { filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -moz-transition: opacity 0.8s ease 0s; -o-transition: opacity 0.8s ease 0s; -webkit-transition: opacity 0.8s ease 0s; -ms-transition: opacity 0.8s ease 0s; transition: opacity 0.8s ease 0s; } .post-wrapper.isotope-active .iso-container .iso-item { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .post-wrapper .load-more { margin: 50px 0 30px; padding: 0 40px; } .post-wrapper img { width: 100%; } .post-wrapper .post { display: block; position: relative; overflow: hidden; margin-bottom: 0; } .post-wrapper figure { display: block; position: relative; overflow: hidden; width: 100%; } .post-wrapper .post { margin-bottom: 0; } .portfolio-hover-holder, .portfolio-hover-holder .portfolio-action:before { background: rgba(255, 255, 255, 0.85); } .portfolio-hover-holder { position: absolute; height: 64px; left: 0; width: 100%; bottom: -64px; -moz-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .portfolio-hover-holder .portfolio-action { position: absolute; right: 20px; top: -20px; padding: 8px 10px; display: inline-block; } .portfolio-hover-holder .portfolio-action i { font-size: 1.0833em; color: #ff1818; } .portfolio-hover-holder .portfolio-action a { position: relative; z-index: 1; } .portfolio-hover-holder .portfolio-action a:hover i { color: #fff; background: #ff1818; } .portfolio-hover-holder .portfolio-action a + a { margin-left: 5px; } .portfolio-hover-holder .portfolio-action:before { content: ""; position: absolute; height: 20px; top: 0; left: 0; width: 100%; -webkit-border-radius: 20px 20px 0 0; -moz-border-radius: 20px 20px 0 0; -ms-border-radius: 20px 20px 0 0; border-radius: 20px 20px 0 0; z-index: 0; } .portfolio-hover-holder .portfolio-text { display: table; width: 100%; height: 100%; line-height: 1.1; } .portfolio-hover-holder .portfolio-text-inner { padding: 0 20px; } .portfolio-hover-holder .portfolio-title { display: inline; margin-bottom: 0; } .portfolio-hover-holder .portfolio-category { font-size: 0.8333em; text-transform: uppercase; } .portfolio-hover-holder.style1 { position: absolute; height: 100%; left: 0; top: 0; width: 100%; background: none; text-align: center; z-index: 9; } .portfolio-hover-holder.style1:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; } .portfolio-hover-holder.style1 .portfolio-action { position: static; -webkit-border-radius: 25px 25px 25px 25px; -moz-border-radius: 25px 25px 25px 25px; -ms-border-radius: 25px 25px 25px 25px; border-radius: 25px 25px 25px 25px; display: inline-block; vertical-align: middle; background: rgba(255, 255, 255, 0.85); filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -moz-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); margin-top: -60px; } .portfolio-hover-holder.style1 .portfolio-action i { width: 2.4em; height: 2.4em; line-height: 2.35em; } .portfolio-hover-holder.style1 .portfolio-action:before { display: none; } .portfolio-hover-holder.style1 .portfolio-like { font-size: 10px; float: right; background: #fff; padding: 0 15px; margin-right: 0; color: inherit; margin-left: 4px; } .portfolio-hover-holder.style1 .portfolio-like .fa { font-size: 9px; color: #d4dde5; margin-right: 3px; } .portfolio-hover-holder.style1 .portfolio-like:hover { color: #fff; background: #eb3b50; } .portfolio-hover-holder.style1 .portfolio-like:hover .fa { color: #fff; } .portfolio-hover-holder.style1 .portfolio-text { display: block; position: absolute; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; left: 0; bottom: -60px; width: 100%; height: 60px; -moz-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; background: #edf6ff; z-index: 8; text-align: left; } .portfolio-hover-holder.style1 .portfolio-text .portfolio-text-inner { width: 100%; padding: 0 18px; height: 100%; display: table; } .portfolio-hover-holder.style1 .portfolio-title { display: block; } .post:hover .portfolio-hover-holder { bottom: 0; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .post:hover .portfolio-hover-holder.style1 .portfolio-text { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; bottom: 0; } .post:hover .portfolio-hover-holder.style1 .portfolio-action { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .container .iso-container.style-fancy.iso-col-5 .iso-item .portfolio-text-inner { padding: 0 12px; } .container .iso-container.style-fancy.iso-col-5 .iso-item .portfolio-hover-holder { height: 58px; } .container .iso-container.style-fancy.iso-col-5 .iso-item .portfolio-action { padding: 7px 8px; } .container .iso-container.style-fancy.iso-col-5 .iso-item .portfolio-action i { width: 1.8em; height: 1.8em; line-height: 1.75em; } .post .portfolio-content { padding: 25px 30px; background: #edf6ff; } .post .portfolio-content .portfolio-title { font-weight: 400; font-size: 1.5em; margin-bottom: 5px; display: block; } .post .portfolio-content .portfolio-meta { font-size: 0.9167em; margin-bottom: 20px; } .post .portfolio-content .btn { background: #fff; color: inherit; } .post .portfolio-content .btn:hover { background: #1b4268; color: #fff; } .iso-container { position: relative; z-index: 20; -moz-transition: height 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; -o-transition: height 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; -webkit-transition: height 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; -ms-transition: height 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; transition: height 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; } .iso-container:after { content: ""; display: table; clear: both; } .iso-container.iso-col-2 .iso-item { width: 50%; } .iso-container.iso-col-2 .iso-item.double-width { width: 100%; } .iso-container.iso-col-3 .iso-item { width: 33.3333%; } .iso-container.iso-col-3 .iso-item.double-width { width: 66.66666%; } .iso-container.iso-col-4 .iso-item { width: 25%; } .iso-container.iso-col-4 .iso-item.double-width { width: 50%; } .iso-container.iso-col-5 .iso-item { width: 20%; } .iso-container.iso-col-5 .iso-item.double-width { width: 40%; } .iso-container.iso-col-6 .iso-item { width: 16.6666%; } .iso-container.iso-col-6 .iso-item.double-width { width: 33.3333%; } .iso-container .iso-item { float: left; } .iso-container .iso-item img { width: 100%; } .iso-container.style-grid { margin: -15px -15px; } .iso-container.style-grid .iso-item { padding: 15px; } .iso-container.style-masonry { /*overflow: hidden;*/ /*&.iso-col-2 .iso-item { width: 49.9%; &.double-width { width: 100%; } } &.iso-col-3 .iso-item { width: 33.31%; &.double-width { width: 66.62%; } } &.iso-col-4 .iso-item { width: 24.98%; &.double-width { width: 49.96%; } } &.iso-col-5 .iso-item { width: 19.98%; &.double-width { width: 39.96%; } } &.iso-col-6 .iso-item { width: 16.64%; &.double-width { width: 33.28%; } }*/ margin-top: -2px; margin-left: -2px; margin-right: -2px; } .iso-container.style-masonry .iso-item { padding: 2px; float: left; clear: none; } .iso-container.style-masonry .iso-item article { margin-bottom: 0; } .iso-container.style-masonry.has-column-width { margin: -15px; } .iso-container.style-masonry.has-column-width .iso-item { padding: 15px; } .post-pagination { margin-top: 30px; padding-top: 15px; border-top: 1px solid #edf6ff; margin-bottom: 30px; position: relative; } .post-pagination .nav-prev, .post-pagination .nav-next { margin-top: 0; top: 15px; } .post-pagination .nav-prev:before, .post-pagination .nav-next:before { border-color: #d4dde5; color: #d4dde5; } .post-pagination .nav-prev:hover:before, .post-pagination .nav-next:hover:before { color: #fff; } .post-pagination .nav-prev.disabled, .post-pagination .nav-next.disabled { cursor: default; } .post-pagination .nav-prev.disabled:hover:before, .post-pagination .nav-next.disabled:hover:before { color: #d4dde5; border-color: #d4dde5; background: none; } .post-pagination .nav-prev { left: 0; } .post-pagination .nav-prev:before { content: "\f177"; } .post-pagination .nav-next { right: 0; } .post-pagination .nav-next:before { content: "\f178"; } .post-pagination .page-links { height: 28px; padding: 0 50px; text-align: center; color: #d4dde5; } .post-pagination .page-links > a, .post-pagination .page-links > span { display: inline-block; height: 28px; width: 28px; line-height: 27px; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; margin: 0 3px; border: 1px solid; -moz-transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s; -webkit-transition: all 0.25s ease 0s; -ms-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s; } .post-pagination .page-links > span.active, .post-pagination .page-links > a:hover, .post-pagination .page-links > a:focus { color: #fff; border-color: #ff1818; background: #ff1818; } .single-portfolio .portfolio-title { margin-bottom: 25px; } .single-portfolio .portfolio-action { float: right; } .single-portfolio .portfolio-action .btn { font-size: 10px; background: none; border: 1px solid #d4dde5; padding: 0 15px; margin-right: 0; color: inherit; margin-left: 4px; } .single-portfolio .portfolio-action .btn i { font-size: 9px; color: #d4dde5; margin-right: 3px; } .single-portfolio .portfolio-action .btn:hover { color: #fff; background: #eb3b50; border-color: #eb3b50; } .single-portfolio .portfolio-action .btn:hover .fa { color: #fff; } .single-portfolio .post-meta h5 { margin-bottom: 5px; } .single-portfolio .portfolio-detail > *:last-child { margin-bottom: 0; } .video-container { position: relative; width: 100%; } .video-container .mejs-poster { background-size: cover; background-color: #1b4268; } .video-container.mejs-skin .mejs-container { visibility: visible; } .video-container.mejs-skin .mejs-controls { display: none !important; } .video-container.mejs-skin .mejs-container, .video-container.mejs-skin .mejs-layer { /*width: 100% !important; height: 100% !important;*/ } .video-container.mejs-skin .mejs-mediaelement object, .video-container.mejs-skin .mejs-mediaelement video, .video-container.mejs-skin .mejs-mediaelement embed { position: absolute; left: 0; top: 0; } .video-container.mejs-skin video { visibility: hidden; } .video-container.mejs-skin .me-plugin { width: 100%; height: 100%; text-align: center; } .video-container.mejs-skin .mejs-overlay-play .mejs-overlay-button { position: absolute; background: none; width: 90px; height: 90px; margin-left: -45px; top: 40%; -webkit-border-radius: 45px 45px 45px 45px; -moz-border-radius: 45px 45px 45px 45px; -ms-border-radius: 45px 45px 45px 45px; border-radius: 45px 45px 45px 45px; background: #ff1818; z-index: 1; } .video-container.mejs-skin .mejs-overlay-play .mejs-overlay-button:before { content: "\f04b"; position: absolute; z-index: 1; left: -10px; top: -10px; width: 110px; height: 110px; font-family: FontAwesome; color: #fff; text-align: center; line-height: 90px; font-size: 2.5em; text-indent: 5px; border: 10px solid rgba(0, 0, 0, 0.15); -webkit-border-radius: 55px 55px 55px 55px; -moz-border-radius: 55px 55px 55px 55px; -ms-border-radius: 55px 55px 55px 55px; border-radius: 55px 55px 55px 55px; } .video-container.mejs-skin .mejs-overlay-play .mejs-overlay-button:after { content: ""; position: absolute; z-index: 0; left: 0; top: 0; width: 90px; height: 45px; background: #ff3030; -webkit-border-radius: 45px 45px 0 0; -moz-border-radius: 45px 45px 0 0; -ms-border-radius: 45px 45px 0 0; border-radius: 45px 45px 0 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; -moz-transition: opacity 0.25s ease 0s; -o-transition: opacity 0.25s ease 0s; -webkit-transition: opacity 0.25s ease 0s; -ms-transition: opacity 0.25s ease 0s; transition: opacity 0.25s ease 0s; } .video-container.mejs-skin .mejs-overlay-play .mejs-overlay-button:hover:after { filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .video-container.mejs-skin .mejs-overlay-loading { display: none; } .video-container.mejs-skin .video-text { text-align: center; margin: 100px auto 30px; position: absolute; top: 40%; left: 0; width: 100%; } .video-container .full-video { width: 100%; height: 100%; } .video-container .full-video video, .video-container .full-video object, .video-container .full-video embed { width: 100%; height: 100%; } .video-container.mejs-skin .full-video { overflow: hidden; } .video-container.mejs-skin .full-video .mejs-mediaelement { position: static; } .video-container.mejs-skin .full-video video, .video-container.mejs-skin .full-video object, .video-container.mejs-skin .full-video embed, .video-container.mejs-skin .full-video iframe { width: 100% !important; height: 100% !important; } .video-container.mejs-skin .full-video .mejs-container { width: 100% !important; } .video-container.mejs-skin .full-video .mejs-layer, .video-container.mejs-skin .full-video .me-plugin { width: 100% !important; height: 100% !important; } .video-container.mejs-skin .full-video .mejs-overlay-button { margin: -50px 0 0 -50px !important; top: 50% !important; } .video-container.mejs-skin .full-video .mejs-overlay-play .mejs-overlay-button { background: none; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -moz-transition: opacity 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s; -webkit-transition: opacity 0.3s ease 0s; -ms-transition: opacity 0.3s ease 0s; transition: opacity 0.3s ease 0s; } .video-container.mejs-skin .full-video .mejs-overlay-play .mejs-overlay-button:after { display: none; } .video-container.mejs-skin .full-video:hover .mejs-overlay-play .mejs-overlay-button { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .video-container.mejs-success .full-video .mejs-container { height: 100% !important; } .audio-container { position: relative; width: 100%; line-height: 0; } .audio-container audio, .audio-container object { width: 100%; } .audio-container .mejs-container { width: 100% !important; height: 40px !important; background: #edf6ff; } .audio-container .mejs-container .mejs-controls > div { float: none; height: 40px; padding: 0; } .audio-container .mejs-controls { display: table; width: 100%; background: #edf6ff; height: auto; table-layout: fixed; padding: 0 20px 0 15px; } .audio-container .mejs-controls .mejs-playpause-button button { font-size: 12px; } .audio-container .mejs-controls .mejs-play button { background: none; color: #939faa; font-family: FontAwesome; } .audio-container .mejs-controls .mejs-play button:before { content: "\f04b"; } .audio-container .mejs-controls .mejs-pause button { background: none; color: #939faa; font-family: FontAwesome; } .audio-container .mejs-controls .mejs-pause button:before { content: "\f04c"; } .audio-container .mejs-controls .mejs-time { width: 30px; } .audio-container .mejs-controls .mejs-time span { color: #939faa; } .audio-container .mejs-controls .mejs-time-rail { width: 100% !important; } .audio-container .mejs-controls .mejs-time-rail .mejs-time-total, .audio-container .mejs-controls .mejs-time-rail .mejs-time-loaded, .audio-container .mejs-controls .mejs-time-rail .mejs-time-current { -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -ms-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; } .audio-container .mejs-controls .mejs-time-rail .mejs-time-total { top: 50%; margin-top: -5px; background: #fff; } .audio-container .mejs-controls .mejs-time-rail .mejs-time-loaded { background: #fff; } .audio-container .mejs-controls .mejs-time-rail .mejs-time-current { background: #ff1818; } .audio-container .mejs-controls .mejs-time-rail .mejs-time-float { display: none !important; } .audio-container .mejs-controls .mejs-button button { position: static; outline: none; } .audio-container .mejs-controls .mejs-button.mejs-volume-button button { background-position: left center; background-repeat: no-repeat; } .audio-container .mejs-controls .mejs-button.mejs-volume-button.mejs-mute button { background-image: url(/assets/miracle/icon/volume_mute.png); } .audio-container .mejs-controls .mejs-button.mejs-volume-button.mejs-unmute button { background-image: url(/assets/miracle/icon/volume-unmute.png); } .audio-container .mejs-controls .mejs-horizontal-volume-slider { width: 50px; position: relative; } .audio-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .audio-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { top: 16px; -webkit-border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -ms-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; } .audio-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { background: #d4dde5; } .audio-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { background: #fff; } /* 6.3. Blog Pages ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* single post */ .single-post .about-author { background: #edf6ff; padding: 25px 30px; display: table; width: 100%; } .single-post .about-author .author-img { width: 146px; display: table-cell; vertical-align: top; } .single-post .about-author .author-img span { -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; border: 6px solid #fff; display: block; width: 146px; height: 146px; } .single-post .about-author .author-img img { -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; width: 100%; } .single-post .about-author .about-author-content { padding-left: 25px; display: table-cell; vertical-align: top; padding-top: 10px; } .single-post .about-author .about-author-content > *:last-child { margin-bottom: 0; } .single-post .about-author .about-author-content .social-icons { float: right; } .single-post .about-author .about-author-content .social-icons .social-icon i { background: #fff; border: none; } .single-post .about-author .about-author-content .social-icons .social-icon:hover i { background: #ff1818; } .related-posts { margin-left: -5px; margin-right: -5px; } .related-posts .related-post { padding: 0 5px; margin-bottom: 10px; } .related-posts .related-post .post { background: #edf6ff; display: table; width: 100%; padding: 10px; margin-bottom: 0; } .related-posts .related-post .post-image { width: 74px; } .related-posts .related-post .post-image .img { -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; border: 3px solid #fff; width: 74px; height: 74px; background-repeat: no-repeat; background-size: cover; background-position: center center; } .related-posts .related-post .post-image .img img { -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; width: 100%; } .related-posts .related-post .post-meta { margin-bottom: 0; } .related-posts .related-post .details { padding-left: 20px; } .related-posts .related-post .post-title { margin-bottom: 0; } .commentlist .comment { border: 2px solid #edf6ff; padding: 25px 30px 15px; margin-bottom: 20px; } .commentlist .comment .author-img { -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; width: 68px; height: 68px; float: left; } .commentlist .comment .author-img span { width: 68px; height: 68px; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; display: block; } .commentlist .comment .author-img img { -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; width: 100%; } .commentlist .comment .comment-content { padding-left: 95px; } .commentlist .comment .comment-author-name { display: inline-block; margin-right: 6px; margin-bottom: 0; } .commentlist .comment .comment-author-name:after { content: "|"; display: inline-block; padding-left: 10px; color: #edf6ff; } .commentlist .comment .comment-text > *:last-child { margin-bottom: 0; } .commentlist .comment .comment-date { font-size: 0.9167em; } .commentlist .comment .comment-date .dot { font-size: 1.4545em; padding: 0 5px; font-weight: 900; } .commentlist .comment .btn, .commentlist .comment .comment-text { margin-top: 5px; margin-bottom: 10px; } .commentlist li:last-child .comment { margin-bottom: 0; } /* 6.4. Homepage ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .trend-section { padding-bottom: 0; position: relative; margin-bottom: 150px; background: #edf6ff; } .trend-section .trend-image { position: absolute; left: 0; width: 100%; bottom: -150px; z-index: 11; } .trend-section .trend-image img { max-width: 80%; width: auto; } .colors-section .logo-icon, .colors-section .colors-container a { display: inline-block; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; position: relative; -webkit-backface-visibility: hidden; } .colors-section .logo-icon:before, .colors-section .colors-container a:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; background-image: url(/assets/miracle/logo.svg); background-repeat: no-repeat; background-size: 50% 50%; background-position: center center; } .colors-section .logo-icon span, .colors-section .colors-container a span { display: block; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); -ms-transform: rotate(30deg); -o-transform: rotate(30deg); transform: rotate(30deg); position: relative; overflow: hidden; z-index: 0; height: 100%; } .colors-section .logo-icon span:before, .colors-section .colors-container a span:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 50%; -webkit-border-radius: 200px 200px 0 0; -moz-border-radius: 200px 200px 0 0; -ms-border-radius: 200px 200px 0 0; border-radius: 200px 200px 0 0; } .colors-section .logo-icon { display: block; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; border: 10px solid rgba(255, 255, 255, 0.08); margin: 0 auto 20px; } .colors-section .logo-icon img { width: 100%; height: auto; } .colors-section .logo-icon .logo-icon-inner { display: block; border: 12px solid #ff3e3e; background: #ff3e3e; } .colors-section .logo-icon .logo-icon-inner:before { background-color: #ff5b5b; } .colors-section .colors-container a { width: 60px; height: 60px; border: 5px solid transparent; margin: 0 5px 5px 0; } .colors-section .colors-container a span:before { -moz-transition: opacity 0.25s ease 0s; -o-transition: opacity 0.25s ease 0s; -webkit-transition: opacity 0.25s ease 0s; -ms-transition: opacity 0.25s ease 0s; transition: opacity 0.25s ease 0s; } .colors-section .colors-container a.skin-color-navy span { background-color: #006cff; } .colors-section .colors-container a.skin-color-navy span:before { background-color: #1a7bff; } .colors-section .colors-container a.skin-color-red span { background-color: #ff3e3e; } .colors-section .colors-container a.skin-color-red span:before { background-color: #ff5b5b; } .colors-section .colors-container a.skin-color-sea span { background-color: #0ab596; } .colors-section .colors-container a.skin-color-sea span:before { background-color: #3bc4ab; } .colors-section .colors-container a.skin-color-purple span { background-color: #b215e6; } .colors-section .colors-container a.skin-color-purple span:before { background-color: #c144eb; } .colors-section .colors-container a.skin-color-blue span { background-color: #00a2ee; } .colors-section .colors-container a.skin-color-blue span:before { background-color: #33b5f1; } .colors-section .colors-container a.skin-color-green span { background-color: #7dbd22; } .colors-section .colors-container a.skin-color-green span:before { background-color: #97ca4e; } .colors-section .colors-container a.skin-color-gold span { background-color: #ffc000; } .colors-section .colors-container a.skin-color-gold span:before { background-color: #ffcd33; } .colors-section .colors-container a.skin-color-gray span { background-color: #acacac; } .colors-section .colors-container a.skin-color-gray span:before { background-color: #bdbdbd; } .colors-section .colors-container a:hover { border-color: rgba(255, 255, 255, 0.08); } .colors-section .colors-container a:hover span:before { filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .colors-section .heading-box { text-align: left; } .colors-section .btn { margin-top: 30px; color: #fff; } .responsive-section { padding-top: 70px; overflow: hidden; margin-top: -70px; } .responsive-section .parallax { overflow: visible; position: static; } .responsive-section .callout-image-container .callout-image img { margin-top: -70px; } .responsive-section .callout-image-container .callout-image img.active { -webkit-animation: fadeInUp 2s ease; -moz-animation: fadeInUp 2s ease; animation: fadeInUp 2s ease; } .responsive-section .heading-box { text-align: left; } .responsive-section .heading-box .box-title { margin-bottom: 20px; } .responsive-section .callout-content { padding: 80px 0; } .responsive-section .responsive-button { text-align: left; } .responsive-section .responsive-button a { display: inline-block; margin-bottom: 10px; width: 236px; height: 90px; background: #fff; max-width: 48%; line-height: 70px; white-space: nowrap; font-size: 1.3333em; color: #1b4268; padding: 10px; -moz-transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s; -webkit-transition: all 0.25s ease 0s; -ms-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s; } .responsive-section .responsive-button a:hover { color: #ff1818; } .responsive-section .responsive-button a i { display: block; float: left; width: 70px; height: 70px; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; text-align: center; color: #fff; background: #ff1818; font-size: 35px; margin-right: 20px; line-height: 70px; position: relative; overflow: hidden; } .responsive-section .responsive-button a i:before { position: relative; z-index: 1; } .responsive-section .responsive-button a i:after { content: ""; display: block; position: absolute; left: 0; top: 0; z-index: 0; width: 100%; height: 50%; background: #ff3030; -webkit-border-radius: 35px 35px 0 0; -moz-border-radius: 35px 35px 0 0; -ms-border-radius: 35px 35px 0 0; border-radius: 35px 35px 0 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; } .responsive-section .responsive-button a.btn-tablet-view { -webkit-border-radius: 45px 0 0 45px; -moz-border-radius: 45px 0 0 45px; -ms-border-radius: 45px 0 0 45px; border-radius: 45px 0 0 45px; } .responsive-section .responsive-button a.btn-mobile-view { -webkit-border-radius: 0 45px 45px 0; -moz-border-radius: 0 45px 45px 0; -ms-border-radius: 0 45px 45px 0; border-radius: 0 45px 45px 0; text-align: right; } .responsive-section .responsive-button a.btn-mobile-view i { float: right; margin-right: 0; margin-left: 20px; } .responsive-section .responsive-button a.active { background: #ff1818; color: #fff; } .responsive-section .responsive-button a.active:hover { color: #fff; } .responsive-section .responsive-button a.active i { background: #fff; color: #1b4268; } .responsive-section .responsive-button a.active i:after { display: none; } .miracle-intro-section { position: relative; margin: 0 auto; float: none; padding: 0; z-index: 0; margin-bottom: -10%; } .miracle-intro-section .badge { background: none; max-width: 20%; } .miracle-intro-section > div { position: absolute; } .miracle-intro-section .macbook { position: static; max-width: 75%; margin-left: 20px; } .miracle-intro-section .badge { left: 0; top: 0; z-index: 2; } .miracle-intro-section .ipad { max-width: 32%; right: 0; bottom: 0; } .miracle-intro-section .iphone { max-width: 13%; right: 27%; bottom: 0; } .miracle-intro-section-wrapper { position: relative; z-index: -1; } .image-wrap-with-shadow { display: inline-block; position: relative; } .image-wrap-with-shadow:before { content: ""; position: absolute; z-index: 0; } .image-wrap-with-shadow:before { width: 118%; height: 200%; left: 5px; top: 5px; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: rotate(35deg); -moz-transform: rotate(35deg); -ms-transform: rotate(35deg); -o-transform: rotate(35deg); transform: rotate(35deg); background: rgba(0, 0, 0, 0.25); } .image-wrap-with-shadow img { position: relative; z-index: 1; } .add-circle-box-line > [class^="col-"], .add-circle-box-line > [class*=" col-"] { border-right: 1px solid rgba(255, 255, 255, 0.1); } .add-circle-box-line > [class^="col-"]:last-child, .add-circle-box-line > [class*=" col-"]:last-child { border-right: none; } .mobile-retina-ready-section .image-container { margin-right: 100px; } .parallax-image1 { background-image: url("http://placehold.it/1920x1280"); } .parallax-image2 { background-image: url("http://placehold.it/1920x1280"); height: 488px; } .banner-image1 { background-image: url("http://placehold.it/1920x469"); } .banner-image2 { background-image: url("http://placehold.it/1920x312"); } .banner-color1 { background-color: rgba(237, 246, 255, 0.75); } .bg-client-section { background: url("http://placehold.it/1920x555") no-repeat center center; background-size: cover; } .bg-client-section > .section { background: rgba(15, 37, 65, 0.7); } /* 6.5. WooCommerce Pages ~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* category page */ body.woocommerce select:not(.default-style), body.woocommerce select:not(.default-style) + .customSelect { height: 28px; line-height: 26px; font-size: 0.8333em; text-transform: uppercase; } body.woocommerce select:not(.default-style) { line-height: 24px; } body.woocommerce select:not(.default-style) + .customSelect { -webkit-border-radius: 14px 14px 14px 14px; -moz-border-radius: 14px 14px 14px 14px; -ms-border-radius: 14px 14px 14px 14px; border-radius: 14px 14px 14px 14px; border: 1px solid #d4dde5; background: none; /*.customSelectFocus { border-color: $theme-skin-color; }*/ } body.woocommerce select:not(.default-style) + .customSelect .customSelectInner:before { color: #d4dde5; color: #d4dde5; } .woocommerce-ordering .customSelectInner:before { content: "\f107"; border: none; font-family: FontAwesome; margin: 0; top: 0; font-size: 13px; right: 15px; } .view-switcher { float: right; } .view-switcher .btn i { margin-right: 4px; font-size: 13px; line-height: 26px; float: left; color: #d4dde5; } .view-switcher .btn:hover i, .view-switcher .btn:focus i { color: #fff; } .view-switcher .btn.active i { color: #fff; } .products .product-image { position: relative; display: block; border: 2px solid #edf6ff; } .products .product-image img { width: 100%; height: auto; } .products .product-image:hover .back-img img { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .products .product-image .first-img img { -moz-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; -ms-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s; } .products .product-image .back-img img { position: absolute; -webkit-backface-visibility: hidden; backface-visibility: hidden; display: block; top: 0; width: 100%; height: auto; margin: 0 auto; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out 0s; -ms-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .products .product.loading .product-image:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.8); } .products .product.loading .product-image:after { content: "\f110"; font-size: 16px; position: absolute; left: 0; display: block; width: 100%; top: 50%; margin-top: -8px; text-align: center; font-family: FontAwesome; -webkit-animation: spin 2s infinite linear; -moz-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } .products .product-content, .products .product-action { background: #edf6ff; } .products .product-content { padding: 15px 20px; margin-bottom: 1px; } .products .product-title { margin-bottom: 4px; } .products .product-price { color: #eb3b50; font-weight: 600; font-size: 1.3333em; float: left; margin-right: 8px; } .products .currency-symbol { font-weight: 400; } .products .product-action { padding: 10px 20px 0; text-align: right; } .products .product-action .btn { display: inline-block; height: 28px; width: 28px; line-height: 28px; padding: 0; background: #fff; -webkit-border-radius: 14px 14px 14px 14px; -moz-border-radius: 14px 14px 14px 14px; -ms-border-radius: 14px 14px 14px 14px; border-radius: 14px 14px 14px 14px; color: inherit; font-size: 0.8333em; font-weight: 400; margin: 0 0 10px 5px; } .products .product-action .btn i { color: #d4dde5; margin-right: 0; } .products .product-action .btn:hover { background: #ff1818; color: #fff; } .products .product-action .btn:hover i { color: #fff; } .products .product-action .btn-add-to-cart { float: left; width: auto; padding-left: 15px; padding-right: 15px; margin-left: 0; } .products .product-action .btn-add-to-cart i { margin-right: 3px; font-size: 12px; } .products .product-action:after { display: table; content: ""; clear: both; } .products.layout-list .product > * { padding: 0; } .products.layout-list .product:after { content: ""; display: table; clear: both; } .products.layout-list .product-image { float: left; width: 30%; border-right-width: 0; } .products.layout-list .product-meta-wrap { float: left; width: 70%; } .products.layout-list .product-content { padding: 30px 30px 20px; } .products.layout-list .product-content > *:last-child { margin-bottom: 0; } .products.layout-list .product-action { text-align: left; padding-left: 22px; padding-right: 25px; } .products.layout-list .product-action .btn-add-to-cart { float: right; } .woocommerce .panel { border: none; -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; -ms-border-radius: 0 0 0 0; border-radius: 0 0 0 0; box-shadow: none; } .woocommerce .single-product-details .product-images a { display: block; text-align: center; } .woocommerce .single-product-details .product-images img { width: 100%; max-width: 100%; } .woocommerce .single-product-details .product-images .easyzoom-flyout img { max-width: none; width: auto; } .woocommerce .single-product-details .product-images .images { border: 2px solid #edf6ff; margin-bottom: 10px; } .woocommerce .single-product-details .product-images .thumbnails { padding: 0 65px; } .woocommerce .single-product-details .product-images .thumbnails .owl-item { padding: 0 5px; height: auto !important; } .woocommerce .single-product-details .product-images .thumbnails .item { border: 2px solid #edf6ff; display: table; height: 100%; width: 100%; table-layout: fixed; } .woocommerce .single-product-details .product-images .thumbnails .owl-buttons .owl-prev:before, .woocommerce .single-product-details .product-images .thumbnails .owl-buttons .owl-next:before { border-color: #d4dde5; color: #d4dde5; } .woocommerce .single-product-details .product-images .thumbnails .owl-buttons .owl-prev:hover:before, .woocommerce .single-product-details .product-images .thumbnails .owl-buttons .owl-next:hover:before { border-color: #ff1818; color: #fff; } .woocommerce .single-product-details .product-images .thumbnails .owl-buttons .owl-prev { left: 0; } .woocommerce .single-product-details .product-images .thumbnails .owl-buttons .owl-next { right: 0; } .woocommerce .single-product-details .star-rating { font-size: 16px; line-height: 2em; } .woocommerce .single-product-details .product-title { float: left; margin-bottom: 8px; margin-right: 15px; } .woocommerce .single-product-details .product-price { font-size: 2em; color: #eb3b50; display: block; } .woocommerce .single-product-details .product-meta { margin-top: 20px; font-size: 1.0833em; } .woocommerce .single-product-details .product-meta dt, .woocommerce .single-product-details .product-meta dd { line-height: 1.8461em; } .woocommerce .single-product-details .product-meta dt { float: left; color: #1b4268; margin-right: 5px; clear: both; } .woocommerce .single-product-details .product-meta dd:after { content: "."; } .woocommerce .single-product-details label { color: #1b4268; font-weight: 400; white-space: nowrap; margin-bottom: 0; font-size: 1.0833em; } .woocommerce .single-product-details .variations { background: #edf6ff; padding: 20px 5px 0; } .woocommerce .single-product-details .variations .customSelect { background: #fff; border: none; } .woocommerce .single-product-details .variations > div { display: table; table-layout: fixed; margin-bottom: 20px; } .woocommerce .single-product-details .variations > div .st-td:first-child, .woocommerce .single-product-details .variations > div #header .branding:first-child, #header .woocommerce .single-product-details .variations > div .branding:first-child, .woocommerce .single-product-details .variations > div #header #nav:first-child, #header .woocommerce .single-product-details .variations > div #nav:first-child, .woocommerce .single-product-details .variations > div .icon-box[class*=" style-side-"].style-side-5 .icon-container:first-child, .icon-box[class*=" style-side-"].style-side-5 .woocommerce .single-product-details .variations > div .icon-container:first-child, .woocommerce .single-product-details .variations > div .icon-box[class*=" style-side-"].style-side-5 .box-content:first-child, .icon-box[class*=" style-side-"].style-side-5 .woocommerce .single-product-details .variations > div .box-content:first-child, .woocommerce .single-product-details .variations > div .icon-box[class*=" style-side-"].style-side-6 .icon-container:first-child, .icon-box[class*=" style-side-"].style-side-6 .woocommerce .single-product-details .variations > div .icon-container:first-child, .woocommerce .single-product-details .variations > div .icon-box[class*=" style-side-"].style-side-6 .box-content:first-child, .icon-box[class*=" style-side-"].style-side-6 .woocommerce .single-product-details .variations > div .box-content:first-child, .woocommerce .single-product-details .variations > div .icon-box[class*=" style-boxed-"].style-boxed-2 .icon-container:first-child, .icon-box[class*=" style-boxed-"].style-boxed-2 .woocommerce .single-product-details .variations > div .icon-container:first-child, .woocommerce .single-product-details .variations > div .icon-box[class*=" style-boxed-"].style-boxed-2 .box-content:first-child, .icon-box[class*=" style-boxed-"].style-boxed-2 .woocommerce .single-product-details .variations > div .box-content:first-child, .woocommerce .single-product-details .variations > div .progress-bar .progress-label:first-child, .progress-bar .woocommerce .single-product-details .variations > div .progress-label:first-child, .woocommerce .single-product-details .variations > div .progress-bar .progress-wrap:first-child, .progress-bar .woocommerce .single-product-details .variations > div .progress-wrap:first-child, .woocommerce .single-product-details .variations > div .progress-bar .progress-percent:first-child, .progress-bar .woocommerce .single-product-details .variations > div .progress-percent:first-child, .woocommerce .single-product-details .variations > div .tab-container.full-width .tabs li:first-child, .tab-container.full-width .tabs .woocommerce .single-product-details .variations > div li:first-child, .woocommerce .single-product-details .variations > div .brand-slider .owl-item a:first-child, .brand-slider .owl-item .woocommerce .single-product-details .variations > div a:first-child, .woocommerce .single-product-details .variations > div .portfolio-hover-holder .portfolio-text-inner:first-child, .portfolio-hover-holder .woocommerce .single-product-details .variations > div .portfolio-text-inner:first-child, .woocommerce .single-product-details .variations > div .audio-container .mejs-container .mejs-controls > div:first-child, .audio-container .mejs-container .woocommerce .single-product-details .variations > div .mejs-controls > div:first-child, .woocommerce .single-product-details .variations > div .related-posts .related-post .post-image:first-child, .related-posts .related-post .woocommerce .single-product-details .variations > div .post-image:first-child, .woocommerce .single-product-details .variations > div .related-posts .related-post .details:first-child, .related-posts .related-post .woocommerce .single-product-details .variations > div .details:first-child, .woocommerce .single-product-details .variations > div .product-images .thumbnails .item a:first-child, .woocommerce .single-product-details .product-images .thumbnails .item .variations > div a:first-child, .woocommerce .single-product-details .variations > div .single-variation-wrap .qty-wrap:first-child, .woocommerce .single-product-details .single-variation-wrap .variations > div .qty-wrap:first-child, .woocommerce .single-product-details .variations > div .single-variation-wrap .variation-action:first-child, .woocommerce .single-product-details .single-variation-wrap .variations > div .variation-action:first-child, .woocommerce .single-product-details .variations > div .social-wrap label:first-child, .woocommerce .single-product-details .social-wrap .variations > div label:first-child, .woocommerce .single-product-details .variations > div .social-wrap .social-icons:first-child, .woocommerce .single-product-details .social-wrap .variations > div .social-icons:first-child { width: 84px; } .woocommerce .single-product-details .variations .selector { width: 100%; } .woocommerce .single-product-details .variations .customSelectInner { width: 100% !important; } .woocommerce .single-product-details .single-variation-wrap { margin-bottom: 20px; } .woocommerce .single-product-details .single-variation-wrap .qty-wrap > *, .woocommerce .single-product-details .single-variation-wrap .variation-action > * { margin-bottom: 10px; } .woocommerce .single-product-details .single-variation-wrap .variation-action { text-align: right; } .woocommerce .single-product-details .single-variation-wrap .variation-action .btn { padding: 0 20px; } .woocommerce .single-product-details .single-variation-wrap label { display: inline-block; margin-right: 10px; } .woocommerce .single-product-details .social-wrap { padding: 20px 0; border-top: 1px solid #edf6ff; border-bottom: 1px solid #edf6ff; margin-bottom: 30px; } .woocommerce .single-product-details .social-wrap .social-icons { text-align: right; margin-bottom: 0; } .woocommerce .single-product-details .social-wrap .social-icons .social-icon { margin-bottom: 0; float: none; display: inline-block; } .woocommerce .qty-wrap .input-text { height: 28px; line-height: 26px; border: 1px solid #d4dde5; background: none; -webkit-border-radius: 14px 14px 14px 14px; -moz-border-radius: 14px 14px 14px 14px; -ms-border-radius: 14px 14px 14px 14px; border-radius: 14px 14px 14px 14px; width: 70px; text-align: center; font-size: 0.8333em; } .woocommerce .qty-wrap .input-text:focus { border-color: #ff1818; } .woocommerce .shop_attributes { font-size: 1.0833em; } .woocommerce .shop_attributes dt, .woocommerce .shop_attributes dd { line-height: 1.8461em; } .woocommerce .shop_attributes dt { float: left; color: #1b4268; margin-right: 5px; clear: both; } .woocommerce .shop_attributes dt.note { margin-top: 20px; } .woocommerce .shop_attributes dt.note + dd { margin-top: 20px; } .woocommerce #comments .btn-write-review { float: right; } .woocommerce #review_form { display: none; } .woocommerce #review_form .btn-back-reviews { float: right; width: auto; } .woocommerce .commentlist .comment { border: none; margin-bottom: 0; padding: 30px 0 0; } .woocommerce .commentlist .comment .comment-author-name:after { display: none; } .woocommerce .commentlist .comment:last-child .comment-content { border-bottom: none; padding-bottom: 0; } .woocommerce .commentlist .comment-content { padding-left: 0; margin-left: 95px; border-bottom: 1px solid #edf6ff; padding-bottom: 30px; } .woocommerce .commentlist .comment-date { float: right; } .woocommerce .commentlist .description { margin: 15px 0 0; } .woocommerce-tabs.tab-container { display: table; width: 100%; } .woocommerce-tabs.tab-container ul.tabs, .woocommerce-tabs.tab-container .panel.active { display: table-cell; float: none; padding-top: 0 !important; } .woocommerce-tabs.tab-container ul.tabs { vertical-align: top; } .woocommerce-tabs.tab-container .panel { width: 100%; } .woocommerce-tabs.tab-container h3 { font-size: 1.5em; font-weight: 400; } .soap-quick-view-lightbox { -moz-transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s; -webkit-transition: all 0.25s ease 0s; -ms-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s; } .soap-quick-view-lightbox .mfp-content { max-width: 970px; background: #fff; -webkit-border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -ms-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; padding: 50px 50px 0; } .soap-quick-view-lightbox.mfp-removing { filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .woocommerce button.mfp-close, .woocommerce .shop_table .product-remove a { position: absolute; text-indent: -9999px; right: 20px; top: 20px; width: 28px; height: 28px; line-height: 28px; border: 1px solid #d4dde5; font-size: 1em; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; color: #d4dde5; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; } .woocommerce button.mfp-close:before, .woocommerce .shop_table .product-remove a:before { content: "\f00d"; position: absolute; left: 0; width: 100%; top: 0; height: 100%; text-align: center; font-family: FontAwesome; color: #d4dde5; text-indent: 0; line-height: 26px; } .woocommerce button.mfp-close:hover, .woocommerce .shop_table .product-remove a:hover { border-color: #ff1818; background: #ff1818; color: #fff; } .woocommerce button.mfp-close:hover:before, .woocommerce .shop_table .product-remove a:hover:before { color: #fff; } .woocommerce .shop_table .product-remove a { position: relative; } /* cart */ .woocommerce table.shop_table { width: 100%; } .woocommerce table.shop_table th, .woocommerce table.shop_table td { padding: 14px 5px; } .woocommerce table.shop_table thead tr { border: 1px solid #edf6ff; } .woocommerce table.shop_table thead th { color: #1b4268; font-size: 1.1667em; font-weight: 400; text-align: left; } .woocommerce table.shop_table tbody tr { border: 1px solid #edf6ff; } .woocommerce table.shop_table tbody td { font-size: 1.0833em; } .woocommerce table.shop_table tbody .product-quantity { font-size: 0.8333em; } .woocommerce table.shop_table tbody .product-quantity .qty { width: 70px; padding: 0; height: 28px; border: 1px solid #d4dde5; background: none; -webkit-border-radius: 14px 14px 14px 14px; -moz-border-radius: 14px 14px 14px 14px; -ms-border-radius: 14px 14px 14px 14px; border-radius: 14px 14px 14px 14px; text-align: center; } .woocommerce table.shop_table tbody .product-quantity .qty:focus { border-color: #ff1818; } .woocommerce table.shop_table tbody .actions { text-align: right; font-size: 1em; } .woocommerce table.shop_table tbody .actions .coupon { float: left; } .woocommerce table.shop_table .product-name { color: #1b4268; } .woocommerce table.shop_table .product-remove { font-size: 1em; text-align: center; border-right: 1px solid #edf6ff; } .woocommerce table.shop_table .product-remove a { display: inline-block; width: 28px; height: 28px; border: 1px solid #d4dde5; text-align: center; line-height: 26px; color: #d4dde5; -webkit-border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -ms-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; } .woocommerce table.shop_table .product-remove a:hover { color: #fff; border-color: #ff1818; background: #ff1818; } .woocommerce table.shop_table .coupon .input-text, .woocommerce table.shop_table .btn { margin-bottom: 10px; } .woocommerce table.shop_table .product-thumbnail img { max-width: 80px; } .woocommerce-cart .woocommerce table.shop_table .product-remove a { top: 0; left: 0; } .woocommerce-cart .woocommerce table.shop_table tbody tr:last-child { border: none; } .woocommerce-cart .woocommerce table.shop_table tbody tr:last-child td { padding: 20px 0; } .woocommerce .coupon .input-text { margin-right: 15px; } .woocommerce .cart_totals table { font-size: 1.1667em; } .woocommerce .cart_totals table tr { border-bottom: 1px solid #edf6ff; } .woocommerce .cart_totals table tr:last-child { border-bottom: none; } .woocommerce .cart_totals table th { font-weight: 400; } .woocommerce .cart_totals table th, .woocommerce .cart_totals table td { padding: 12px 50px 12px 0; } .woocommerce .cart_totals table .order-total { font-size: 1.1428em; } .woocommerce .cart_totals table .order-total th { color: #1b4268; } .woocommerce .cart_totals table .order-total td { color: #ff1818; } /* checkout */ .woocommerce-checkout table.shop_table { border: 1px solid #edf6ff; } .woocommerce-checkout table.shop_table th, .woocommerce-checkout table.shop_table td { padding: 14px 10px 14px 40px; font-weight: 400; font-size: 1.0833em; } .woocommerce-checkout table.shop_table tbody tr > *:first-child, .woocommerce-checkout table.shop_table tfoot tr > *:first-child { border-right: 1px solid #edf6ff; } .woocommerce-checkout table.shop_table tbody .product-name, .woocommerce-checkout table.shop_table tfoot .product-name { color: inherit; } .woocommerce-checkout table.shop_table tbody tr { border: none; } .woocommerce-checkout table.shop_table tbody .product-quantity { margin-left: 3px; } .woocommerce-checkout table.shop_table tfoot th { color: #1b4268; } .woocommerce-checkout table.shop_table tfoot .order-total { color: #ff1818; } .woocommerce-checkout .payment_methods li { border: 1px solid #edf6ff; padding: 15px 20px; } .woocommerce-checkout .payment_methods li + li { border-top: none; } .woocommerce-checkout .payment_methods li label { color: #1b4268; } .woocommerce-checkout .payment_methods li label img { margin-left: 5px; } .woocommerce-checkout .payment_methods li label:before { color: #939faa; } .woocommerce-checkout .payment_methods li > *:not(label) { padding-left: 20px; } .woocommerce-checkout .payment_methods li .payment_box { display: none; } .woocommerce-checkout .payment_methods li .radio.checked + .payment_box { display: block; } /* dashboard */ .dashboard ul.tabs li { float: none; padding-left: 40px; margin-bottom: 1px; background: #edf6ff; height: 42px; } .dashboard ul.tabs li a { display: block; height: 42px; line-height: 42px; white-space: nowrap; } .dashboard ul.tabs li:before { left: 18px; background: #fff; border-color: #edf6ff; } .dashboard ul.tabs li.active:before { background: #ff1818; border-color: #ff1818; } .dashboard .tab-content { padding: 0; } .dashboard .view-account-information .information { border: 2px solid #edf6ff; padding: 25px 30px; height: 100%; } .dashboard .view-account-information .btn { float: right; } .dashboard table.shop_table th, .dashboard table.shop_table td { padding-left: 20px; } .dashboard table.shop_table tbody td { border-right: 1px solid #edf6ff; } .dashboard table.my_product_reviews tbody td { padding: 20px; } .dashboard table.my_product_reviews tbody .review-date, .dashboard table.my_product_reviews tbody .product-name, .dashboard table.my_product_reviews tbody .product-review { /*white-space: nowrap;*/ } .dashboard table.my_product_reviews tbody .product-review .star-rating { font-size: 14px; } .dashboard .my_tags { border: 2px solid #edf6ff; padding: 30px 30px 50px; } .dashboard .my_tags .tag { padding-left: 20px; padding-right: 20px; margin-right: 10px; } .dashboard table.my-wishlist tbody td { font-size: 1em; vertical-align: top; border: none; padding: 40px 20px 20px; } .dashboard table.my-wishlist tbody td.product-img { padding-top: 20px; max-width: 100px; } .dashboard table.my-wishlist tbody td.product-img img { max-width: 60px; } .dashboard table.my-wishlist .product-price span { line-height: 28px; } .dashboard table.my-wishlist .product-remove a { position: relative; right: 0; top: 0; } /* wocommerce homepages */ .product-wrapper .post-filters { text-align: right; margin-bottom: 30px; } .product-wrapper .post-filters > a { margin-bottom: 10px; } .product-wrapper .post-filters.text-center { text-align: center; } .product-wrapper .post-filters .filter-title { float: left; } .brand-section .iso-item { position: relative; } .brand-section .iso-item .caption-wrapper { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .brand-section .item { position: relative; } .brand-section .post-slider .owl-buttons .owl-prev, .brand-section .post-slider .owl-buttons .owl-next { top: auto; bottom: 75px; z-index: 1; } .brand-section .post-slider .owl-buttons .owl-prev:before, .brand-section .post-slider .owl-buttons .owl-next:before { background: #fff; color: #939faa; } .brand-section .post-slider .owl-buttons .owl-prev:hover:before, .brand-section .post-slider .owl-buttons .owl-next:hover:before { background: #ff1818; color: #fff; } .brand-section .post-slider .owl-buttons .owl-prev { left: auto; right: 95px; } .brand-section .caption-wrapper { position: absolute; bottom: 40px; left: 0; width: 100%; padding: 0 30px; background: none; } .brand-section .caption-wrapper .caption { font-size: 4.1667em; font-weight: 300; margin-bottom: 0; color: #fff; text-transform: uppercase; text-align: center; line-height: 0.8em; } .brand-section .caption-wrapper.style1 { background: rgba(255, 24, 24, 0.75); left: 10px; right: 10px; bottom: 10px; padding: 8px 10px; width: auto; } .brand-section .caption-wrapper.style1 .caption { font-size: 2.5em; line-height: 1; } .brand-section .caption-wrapper.style2 { left: 10px; right: 32px; bottom: 10px; padding: 10px 20px; background: rgba(255, 255, 255, 0.75); width: auto; } .brand-section .caption-wrapper.style2:before { content: ""; display: block; position: absolute; top: 0; right: -22px; bottom: 22px; width: 22px; background: rgba(255, 255, 255, 0.75); } .brand-section .caption-wrapper.style2:after { content: ""; display: block; position: absolute; bottom: 0; right: -22px; border-top: 22px solid #fff; border-right: 22px solid transparent; } .brand-section .caption-wrapper.style2 .caption { font-size: 5em; color: #000; text-transform: none; font-style: italic; line-height: 1; text-align: left; letter-spacing: -0.06em; } .brand-section .caption-wrapper.style3 { padding: 0; position: absolute; } .brand-section .caption-wrapper.style3:before { display: none; } .brand-section .caption-wrapper.style3 .st-table, .brand-section .caption-wrapper.style3 .woocommerce .single-product-details .single-variation-wrap, .woocommerce .single-product-details .brand-section .caption-wrapper.style3 .single-variation-wrap, .brand-section .caption-wrapper.style3 .woocommerce .single-product-details .social-wrap, .woocommerce .single-product-details .brand-section .caption-wrapper.style3 .social-wrap { height: 100%; } .brand-section .caption-wrapper.style3 .captions { background: rgba(255, 255, 255, 0.3); padding: 18px 10px; width: 100%; } .brand-section .caption-wrapper.style3 .caption { font-size: 1.6666em; font-weight: 400; color: #fff; margin-bottom: 0; text-align: center; text-transform: uppercase; letter-spacing: 0.2em; } .brand-section.style1 { border: 10px solid rgba(143, 143, 143, 0.1); } .brand-section.style1 .image-container { border: 1px solid #1b4268; position: relative; } .brand-section.style1 .caption-wrapper .caption { margin-bottom: 0; color: #1b4268; text-align: left; letter-spacing: 0; } .brand-section.style1 .caption-wrapper .caption-lg { font-weight: 900; font-size: 3.3333em; line-height: 0.8; } .brand-section.style1 .caption-wrapper .caption-sm { font-weight: 400; font-size: 1.3333em; line-height: 1; } .brand-section.style1 .caption-wrapper .btn { margin-top: 20px; font-family: "Open Sans", Arial, Helvetica, sans-serif; } .brand-section.style2 { display: table; width: 100%; } .brand-section.style2 > div { padding: 0; display: table-cell; vertical-align: middle; float: none; position: static; } .brand-section.style2 .caption-wrapper { text-align: center; background: #1b4268; padding: 0 30px; } .brand-section.style2 .caption-wrapper:before { display: none; } .brand-section.style2 .caption-wrapper .caption { text-transform: uppercase; line-height: 1; margin-bottom: 20px; } .brand-section.style2 .caption-wrapper .caption-lg { font-weight: 700; font-size: 2.5em; line-height: 0.8; letter-spacing: -0.06em; } .brand-section.style2 .caption-wrapper .caption-sm { font-weight: 400; font-size: 1em; } .logo-container { padding: 50px 0; text-align: center; background: #fff; } .logo-container img { max-width: 80%; } .newsletter-box { text-align: center; } .newsletter-box h1, .newsletter-box h2 { font-weight: 400; } .newsletter-box .input-text { border: 1px solid rgba(0, 0, 0, 0.1); background: #fff; } .newsletter-box p { font-size: 1.1667em; margin-left: 10px; margin-right: 10px; } /** * EasyZoom core styles */ .easyzoom { position: relative; display: block; /* 'Shrink-wrap' the element */ /*display: inline-block; *display: inline; *zoom: 1;*/ } .easyzoom img { vertical-align: bottom; } .easyzoom.is-loading img { cursor: progress; } .easyzoom.is-ready img { cursor: crosshair; } .easyzoom.is-error img { cursor: not-allowed; } .easyzoom-notice { position: absolute; top: 50%; left: 50%; z-index: 150; width: 10em; margin: -1em 0 0 -5em; line-height: 2em; text-align: center; background: #FFF; box-shadow: 0 0 10px #888; } .easyzoom-flyout { position: absolute; z-index: 100; overflow: hidden; background: #FFF; } /** * EasyZoom layout variations */ .easyzoom--overlay .easyzoom-flyout { top: 0; left: 0; width: 100%; height: 100%; } .easyzoom--adjacent .easyzoom-flyout { top: 0; left: 100%; width: 100%; height: 100%; margin-left: 20px; } /* * Title: Custom Style File * Author: http://themeforest.net/user/soaptheme */ #hotel-features article img.custom_amenity { margin-top: 5px; margin-right: 5px; opacity: 0.7; } #hotel-features article img.custom_amenity:hover { opacity: 1; } /* * Title: Updates Style File * Author: http://themeforest.net/user/soaptheme */ .testimonials .testimonial { height: 100%; } /* * Title: Miracle | Responsive Multi-Purpose HTML5 Template - Responsive Style file * Author: http://themeforest.net/user/soaptheme */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ [Table of contents] 1. New Grid System 2. Add clearfix in the grid system 3. Styles for devices(>=1200px) 4. Styles for devices(>=992px and <=1199px) 5. Styles for devices(<=1199px) 6. Styles for devices(<=991px ) 7. Styles for devices(>=768px and <= 991px) 8. Styles for devices(<=767px ) 9. Styles for devices(>=481px and <= 767px) 10. Styles for devices(<=480px ) 11. Styles for devices(<=320px ) ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* * Title: Miracle | Responsive Multi-Purpose HTML5 Template - SCSS Mixin * Author: http://themeforest.net/user/soaptheme */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ [Table of contents] 1) BORDER RADIUS 2) OPACITY 3) BACKGROUND GRADIENT 4) BOX SHADOW 5) TEXT SHADOW 6) TRANSITION 7) ANIMATION 8) TRANSFORM 9) DESATURATE 10) RETINA 11) GRADIENT IMAGE ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* 1) BORDER RADIUS */ /* 2) OPACITY */ /* 3) BACKGROUND GRADIENT */ /* 4) BOX SHADOW */ /* 5) TEXT SHADOW */ /* 6) TRANSITION */ /* 7) ANIMATION */ /* 8) TRANSFORM */ /* 9) DESATURATE */ /* 10) RETINA */ /* 11) GRADIENT IMAGE */ /* 1. New Grid System */ .col-sms-1, .col-sms-2, .col-sms-3, .col-sms-4, .col-sms-5, .col-sms-6, .col-sms-7, .col-sms-8, .col-sms-9, .col-sms-10, .col-sms-11, .col-sms-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } @media (min-width: 481px) and (max-width: 767px) { .col-sms-1, .col-sms-2, .col-sms-3, .col-sms-4, .col-sms-5, .col-sms-6, .col-sms-7, .col-sms-8, .col-sms-9, .col-sms-10, .col-sms-11, .col-sms-12 { float: left; } .col-sms-12 { width: 100%; } .col-sms-11 { width: 91.66666667%; } .col-sms-10 { width: 83.33333333%; } .col-sms-9 { width: 75%; } .col-sms-8 { width: 66.66666667%; } .col-sms-7 { width: 58.33333333%; } .col-sms-6 { width: 50%; } .col-sms-5 { width: 41.66666667%; } .col-sms-4 { width: 33.33333333%; } .col-sms-3 { width: 25%; } .col-sms-2 { width: 16.66666667%; } .col-sms-1 { width: 8.33333333%; } .col-sms-pull-12 { right: 100%; } .col-sms-pull-11 { right: 91.66666667%; } .col-sms-pull-10 { right: 83.33333333%; } .col-sms-pull-9 { right: 75%; } .col-sms-pull-8 { right: 66.66666667%; } .col-sms-pull-7 { right: 58.33333333%; } .col-sms-pull-6 { right: 50%; } .col-sms-pull-5 { right: 41.66666667%; } .col-sms-pull-4 { right: 33.33333333%; } .col-sms-pull-3 { right: 25%; } .col-sms-pull-2 { right: 16.66666667%; } .col-sms-pull-1 { right: 8.33333333%; } .col-sms-pull-0 { right: 0%; } .col-sms-push-12 { left: 100%; } .col-sms-push-11 { left: 91.66666667%; } .col-sms-push-10 { left: 83.33333333%; } .col-sms-push-9 { left: 75%; } .col-sms-push-8 { left: 66.66666667%; } .col-sms-push-7 { left: 58.33333333%; } .col-sms-push-6 { left: 50%; } .col-sms-push-5 { left: 41.66666667%; } .col-sms-push-4 { left: 33.33333333%; } .col-sms-push-3 { left: 25%; } .col-sms-push-2 { left: 16.66666667%; } .col-sms-push-1 { left: 8.33333333%; } .col-sms-push-0 { left: 0%; } .col-sms-offset-12 { margin-left: 100%; } .col-sms-offset-11 { margin-left: 91.66666667%; } .col-sms-offset-10 { margin-left: 83.33333333%; } .col-sms-offset-9 { margin-left: 75%; } .col-sms-offset-8 { margin-left: 66.66666667%; } .col-sms-offset-7 { margin-left: 58.33333333%; } .col-sms-offset-6 { margin-left: 50%; } .col-sms-offset-5 { margin-left: 41.66666667%; } .col-sms-offset-4 { margin-left: 33.33333333%; } .col-sms-offset-3 { margin-left: 25%; } .col-sms-offset-2 { margin-left: 16.66666667%; } .col-sms-offset-1 { margin-left: 8.33333333%; } .col-sms-offset-0 { margin-left: 0%; } } /* 2. Add clearfix in the grid system */ .row.add-clearfix > .col-xs-2:nth-child(6n+1) { clear: both; } .row.add-clearfix > .col-xs-3:nth-child(4n+1) { clear: both; } .row.add-clearfix > .col-xs-4:nth-child(3n+1) { clear: both; } .row.add-clearfix > .col-xs-6:nth-child(2n+1) { clear: both; } @media (min-width: 481px) { /* add clearfix in the grid system */ .row.add-clearfix > .col-sms-2:nth-child(2n+1) { clear: none; } .row.add-clearfix > .col-sms-2:nth-child(3n+1) { clear: none; } .row.add-clearfix > .col-sms-2:nth-child(4n+1) { clear: none; } .row.add-clearfix > .col-sms-2:nth-child(6n+1) { clear: both; } .row.add-clearfix > .col-sms-3:nth-child(2n+1) { clear: none; } .row.add-clearfix > .col-sms-3:nth-child(3n+1) { clear: none; } .row.add-clearfix > .col-sms-3:nth-child(4n+1) { clear: both; } .row.add-clearfix > .col-sms-4:nth-child(2n+1) { clear: none; } .row.add-clearfix > .col-sms-4:nth-child(3n+1) { clear: both; } .row.add-clearfix > .col-sms-6:nth-child(2n+1) { clear: both; } } @media (min-width: 768px) { /* add clearfix in the grid system */ .row.add-clearfix > .col-sm-2:nth-child(2n+1) { clear: none; } .row.add-clearfix > .col-sm-2:nth-child(3n+1) { clear: none; } .row.add-clearfix > .col-sm-2:nth-child(4n+1) { clear: none; } .row.add-clearfix > .col-sm-2:nth-child(6n+1) { clear: both; } .row.add-clearfix > .col-sm-3:nth-child(2n+1) { clear: none; } .row.add-clearfix > .col-sm-3:nth-child(3n+1) { clear: none; } .row.add-clearfix > .col-sm-3:nth-child(4n+1) { clear: both; } .row.add-clearfix > .col-sm-4:nth-child(2n+1) { clear: none; } .row.add-clearfix > .col-sm-4:nth-child(3n+1) { clear: both; } .row.add-clearfix > .col-sm-6:nth-child(2n+1) { clear: both; } } @media (min-width: 992px) { .mobile-menu { display: none !important; } .visible-mobile { display: none !important; } /* add clearfix in the grid system */ .row.add-clearfix > .col-md-2:nth-child(2n+1) { clear: none; } .row.add-clearfix > .col-md-2:nth-child(3n+1) { clear: none; } .row.add-clearfix > .col-md-2:nth-child(4n+1) { clear: none; } .row.add-clearfix > .col-md-2:nth-child(6n+1) { clear: both; } .row.add-clearfix > .col-md-3:nth-child(2n+1) { clear: none; } .row.add-clearfix > .col-md-3:nth-child(3n+1) { clear: none; } .row.add-clearfix > .col-md-3:nth-child(4n+1) { clear: both; } .row.add-clearfix > .col-md-4:nth-child(2n+1) { clear: none; } .row.add-clearfix > .col-md-4:nth-child(3n+1) { clear: both; } .row.add-clearfix > .col-md-6:nth-child(2n+1) { clear: both; } } @media (min-width: 1200px) { /* add clearfix in the grid system */ .row.add-clearfix > .col-lg-2:nth-child(2n+1) { clear: none; } .row.add-clearfix > .col-lg-2:nth-child(3n+1) { clear: none; } .row.add-clearfix > .col-lg-2:nth-child(4n+1) { clear: none; } .row.add-clearfix > .col-lg-2:nth-child(6n+1) { clear: both; } .row.add-clearfix > .col-lg-3:nth-child(2n+1) { clear: none; } .row.add-clearfix > .col-lg-3:nth-child(3n+1) { clear: none; } .row.add-clearfix > .col-lg-3:nth-child(4n+1) { clear: both; } .row.add-clearfix > .col-lg-4:nth-child(2n+1) { clear: none; } .row.add-clearfix > .col-lg-4:nth-child(3n+1) { clear: both; } .row.add-clearfix > .col-lg-6:nth-child(2n+1) { clear: both; } } /* 3. Styles for devices(>=1200px) */ @media (min-width: 1200px) { .container { padding-left: 0; padding-right: 0; } } /* 4. Styles for devices(>=992px and <=1199px) */ @media (min-width: 992px) and (max-width: 1199px) { .container { padding-left: 0; padding-right: 0; } } /* 5. Styles for devices(<=1199px) */ @media (max-width: 1199px) { [class^="col-lg-"].pull-left, [class^="col-lg-"].pull-right { float: none !important; } .testimonials.style1.multiple-items .owl-controls .owl-prev { left: 15px; } .testimonials.style1.multiple-items .owl-controls .owl-next { right: 15px; } .iso-container { /*&.style-masonry { &.iso-col-6 .iso-item { width: 19.98%; &.double-width { width: 39.96%; } } &.iso-col-5 .iso-item { width: 24.98%; &.double-width { width: 49.96%; } } }*/ } .iso-container.iso-col-6 .iso-item { width: 20%; } .iso-container.iso-col-6 .iso-item.double-width { width: 40%; } .iso-container.iso-col-5 .iso-item { width: 25%; } .iso-container.iso-col-5 .iso-item.double-width { width: 50%; } } /* 6. Styles for devices(<=991px ) */ @media (max-width: 991px) { .hidden-mobile { display: none !important; } [class^="col-md-"].pull-left, [class^="col-md-"].pull-right, [class*=" col-md-"].pull-left, [class*=" col-md-"].pull-right { float: none !important; } .container { width: auto; padding-left: 20px; padding-right: 20px; } .callout-box { text-align: center; } .callout-box .callout-content, .callout-box .callout-text, .callout-box .callout-action { display: block; padding: 0; } .callout-box.style1 .callout-box-wrapper { padding: 20px 0 0; } .callout-box.style1 .callout-text:after { display: block; content: ""; height: 1px; background: rgba(255, 255, 255, 0.1); margin: 0 auto 20px; width: 300px; } .callout-box.style1 .callout-text h2 { border-right: none; padding-right: 0; margin-bottom: 20px; font-size: 2.5em; } .callout-box.style1 .callout-stripe-container { padding: 0; } .callout-box.style1 .callout-stripe { position: static; padding: 15px 20px; } .callout-box.style1 .callout-stripe img { display: block; margin: 0 auto 5px; } .callout-box.style1 .callout-stripe:after { display: none; } .callout-box.style2, .callout-box.style3 { text-align: center; } .callout-box.style2 .callout-action, .callout-box.style3 .callout-action { text-align: center; margin-top: 30px; } #header { background: #0f2541; height: 75px; } #header .logo { margin: 0 !important; } #header .logo a { color: #fff !important; } #header .branding { text-align: left !important; } #header .header-top-nav > li { margin: 0; } #header .header-top-nav > li > a { line-height: 75px; padding: 0 5px; } #header .header-top-nav > li > a .fa { color: #455b79; border-color: #455b79; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } #header .header-top-nav > li:hover .fa { color: #fff; border-color: #fff; } #header .header-top-nav > li:last-child > a { padding-right: 0; } #header .header-top-nav .mini-cart { /*.cart-content { background: rgba(11, 28, 50, 0.9) !important; }*/ } #header .header-top-nav .mini-cart:hover > a { background: #0b1c32 !important; } #header .header-top-nav .mini-search .main-nav-search-form { width: 245px; } #header .header-top-nav .mini-search .main-nav-search-form input[type=text] { border-color: #455b79; background: #0f2541; color: #455b79; } #header .header-top-nav .mini-search .main-nav-search-form form button .fa { color: #455b79; } #header .header-top-nav .mini-search .main-nav-search-form form button:hover .fa { color: #fff; } .page-title-container .banner { margin-top: 75px; } .coming-soon-page .clock { font-size: 120px; } .iso-container { /*&.style-masonry { &.iso-col-6 .iso-item { width: 24.98%; &.double-width { width: 49.96%; } } &.iso-col-5 .iso-item, &.iso-col-4 .iso-item { width: 33.31%; &.double-width { width: 66.62%; } } }*/ } .iso-container.iso-col-6 .iso-item { width: 25%; } .iso-container.iso-col-6 .iso-item.double-width { width: 50%; } .iso-container.iso-col-5 .iso-item, .iso-container.iso-col-4 .iso-item { width: 33.3333%; } .iso-container.iso-col-5 .iso-item.double-width, .iso-container.iso-col-4 .iso-item.double-width { width: 66.6666%; } .responsive-section .callout-image-container .callout-image img { margin-top: 30px; } .soap-gallery.frame-holder { width: 720px; margin: 0 auto; padding: 45px 0 50px; } .soap-gallery.frame-holder .owl-carousel { width: 464px; } .soap-gallery.frame-holder.effect-shine .owl-carousel:before { right: -25px; top: -25px; max-height: 100%; width: 250px; } .forcefullwidth_wrapper_tp_banner { padding-top: 74px !important; } .image-wrap-with-shadow:before { display: none; } .add-circle-box-line > .col-sm-6:nth-child(2n) { border-right: none; } .woocommerce .single-product-details .single-variation-wrap { display: block; margin-bottom: 0; } .woocommerce .single-product-details .single-variation-wrap .qty-wrap, .woocommerce .single-product-details .single-variation-wrap .variation-action { display: block; text-align: left; margin-bottom: 30px; } .woocommerce .single-product-details .social-wrap { display: block; } .woocommerce .single-product-details .social-wrap label, .woocommerce .single-product-details .social-wrap .social-icons { display: block; text-align: left; } .woocommerce .single-product-details .social-wrap label { margin-bottom: 5px; } } /* 7. Styles for devices(>=768px and <= 991px) */ /* 8. Styles for devices(<=767px ) */ @media (max-width: 767px) { #footer .back-to-top { left: 50%; margin-left: -25px; } .same-height > * { height: auto !important; } [class^="col-sm-"].pull-left, [class^="col-sm-"].pull-right, [class*=" col-sm-"].pull-left, [class*=" col-sm-"].pull-right { float: none !important; } .callout-box.style1 .callout-box-wrapper { padding-top: 80px; } .callout-box.style1 .callout-text:after { margin: 0 auto 30px; width: 220px; } .callout-box.style1 .callout-text h2 { margin-bottom: 30px; font-size: 2em; } .callout-box.style1 .callout-text h3 { margin-bottom: 25px; font-size: 1.6666em; } .callout-box.style1 .callout-action { margin-bottom: 20px; } .callout-box.style3 .callout-text * { font-size: 1.8em; } #footer .footer-wrapper .container > .row > div { padding-top: 40px; padding-bottom: 40px; } #footer .footer-wrapper .container > .row > div + div { padding-top: 0; } #footer .footer-wrapper .container > .row > div:last-child { padding-top: 40px; } .soap-gallery-thumb-wrapper, .post-slider ~ .soap-gallery-thumb-wrapper { padding: 12px 0 2px 10px; } .soap-gallery-thumb-wrapper > a, .post-slider ~ .soap-gallery-thumb-wrapper > a { width: 60px; height: 60px; margin-right: 10px; margin-bottom: 10px; } .animated { visibility: visible; } .process-builder .process-item { float: none; width: auto !important; } .process-builder.style-simple .process-icon:before, .process-builder.style-simple .process-icon:after { display: none; } .post-slider.style2 .slide-text, .post-slider.style5 .slide-text { display: none; } .post-slider.style2 .owl-prev, .post-slider.style2 .owl-next, .post-slider.style2:hover .owl-prev, .post-slider.style2:hover .owl-next { margin-top: -13px; top: 50%; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; bottom: auto; } .progress-bar-container.skill-meter { display: block; } .progress-bar.skill-meter { display: block; height: auto; margin-bottom: 20px; padding: 0; } .progress-bar.skill-meter .progress-label, .progress-bar.skill-meter .progress-wrap { display: block; height: 39px; line-height: 39px; } .progress-bar.skill-meter .progress { padding-left: 1px; } .testimonials.style2 .container { padding-left: 0; padding-right: 0; } .testimonials.style2 .sc-content-wrapper .sc-content { display: block; } .testimonials.style2 .sc-content-wrapper .sc-content h2, .testimonials.style2 .sc-content-wrapper .sc-content p { display: block; padding: 0; } .testimonials.style2 .sc-content-wrapper .sc-content h2 { margin-bottom: 20px; } .testimonials.style2 .sc-content-wrapper .sc-content p { font-size: 1.8em; border-left: none; } .contact-address.style2 { display: block; margin-bottom: 50px; } .contact-address.style2 li { display: block; width: 100%; margin-bottom: 30px; } .error404 .error-message-404 span { font-size: 200px; } .coming-soon-page .clock { font-size: 84px; } .iso-container { /*&.style-masonry { &.iso-col-3 .iso-item, &.iso-col-4 .iso-item, &.iso-col-5 .iso-item { width: 49.98%; &.double-width { width: 100%; } } &.iso-col-6 .iso-item { width: 33.31%; &.double-width { width: 66.62%; } } }*/ } .iso-container.iso-col-3 .iso-item, .iso-container.iso-col-4 .iso-item, .iso-container.iso-col-5 .iso-item { width: 50%; } .iso-container.iso-col-3 .iso-item.double-width, .iso-container.iso-col-4 .iso-item.double-width, .iso-container.iso-col-5 .iso-item.double-width { width: 100%; } .iso-container.iso-col-6 .iso-item { width: 33.3333%; } .iso-container.iso-col-6 .iso-item.double-width { width: 66.6666%; } .blog-posts.layout-timeline.layout-fullwidth { padding-left: 40px; } .blog-posts.layout-timeline.layout-fullwidth .iso-container { background-position: left top; } .blog-posts.layout-timeline.layout-fullwidth .iso-container .iso-item:nth-child(2) { padding-top: 15px; } .blog-posts.layout-timeline.layout-fullwidth .load-more { margin-left: -50px; } .blog-posts.layout-timeline .iso-col-2 .iso-item { width: 100%; } .page-title-container .banner .caption .caption-lg { font-size: 5em; } .page-title-container .banner .caption .caption-sm { font-size: 1em; } .page-title-container .style6 .caption .caption-xl { font-size: 6em; } .page-title-container .style6 .caption .caption-lg { font-size: 5em; } .page-title-container .style6 .caption .caption-md { font-size: 1.3333em; } .blog-posts .post-full .post-content { min-height: 1px !important; } .single-post .about-author { display: block; } .single-post .about-author .author-img, .single-post .about-author .about-author-content { display: block; } .single-post .about-author .about-author-content { padding: 20px 0 0; } .single-post .about-author .about-author-content .social-icons { float: none; } .progress-bar-container.style-vertical { height: 400px; margin-left: -5px; margin-right: -5px; } .progress-bar-container.style-vertical .progress-bar-wrapper { border-spacing: 5px 0; } .progress-bar-container.style-vertical .progress-bar .progress-label, .progress-bar-container.style-vertical .progress-bar .progress-percent { font-size: 1em; } .tab-container.style1 .tabs, .tab-container.style2 .tabs { float: none; display: block; } .tab-container.style1 .tabs li, .tab-container.style2 .tabs li { float: none; display: block; width: auto; } .tab-container.vertical-tab, .tab-container.vertical-tab-1 { /*.tab-content { padding-top: 30px; }*/ } .tab-container.vertical-tab .tabs, .tab-container.vertical-tab-1 .tabs { float: none; } .tab-container.transparent-tab .tabs { float: none; display: block; } .tab-container.transparent-tab .tabs li { float: none; display: block; width: auto; } .st-table.block-sms { display: block; } .st-table.block-sms .st-td { display: block; } .image-banner .caption-wrapper { position: static; } .image-banner .caption-wrapper.position-left, .image-banner .caption-wrapper.position-right { position: absolute; } .image-banner .caption-wrapper.position-left h2, .image-banner .caption-wrapper.position-right h2 { font-size: 5em; } .image-banner .image-container.style-abs { position: static; } .image-banner .image-container.style-abs.position-right, .image-banner .image-container.style-abs.position-left { max-width: 100%; } .soap-gallery.frame-holder { width: 450px; margin: 0 auto; padding: 28px 0 31px; } .soap-gallery.frame-holder .owl-carousel { width: 290px; } .soap-gallery.frame-holder.effect-shine .owl-carousel:before { right: -16px; top: -16px; max-height: 100%; width: 160px; } .soap-gallery.frame-holder .owl-buttons .owl-prev { left: -80px; } .soap-gallery.frame-holder .owl-buttons .owl-next { right: -80px; } #footer .copyright-area { display: block; } #footer .copyright-area .secondary-menu, #footer .copyright-area .copyright { display: block; } #footer .copyright-area .secondary-menu { margin-bottom: 10px; text-align: center; } #footer .copyright-area .secondary-menu .nav { display: inline-block; } #footer .copyright-area .copyright { text-align: center; } .ads-carousel .image-banner .caption-wrapper { max-width: 60%; padding-left: 10px; } .ads-carousel .captions .title { font-size: 2em; } .add-circle-box-line > .col-sm-6 { border-right: none; } .add-circle-box-line > .col-sms-6:nth-child(2n) { border-right: none; } .woocommerce-tabs.tab-container { display: block; width: auto; } .woocommerce-tabs.tab-container ul.tabs, .woocommerce-tabs.tab-container .panel.active { display: block; } .product-wrapper .post-filters .filter-title { float: none; } .woocommerce .qty-wrap .input-text { width: 50px; } .dashboard table.my-wishlist tbody td { padding-left: 5px; padding-right: 5px; } .dashboard table.shop_table th, .dashboard table.shop_table td { padding-left: 5px; } .dashboard table.my_product_reviews tbody td { padding: 10px; } } /* 9. Styles for devices(>=481px and <= 767px) */ @media (min-width: 481px) and (max-width: 767px) { .colors-section .logo-icon { max-width: 70%; } .hidden-sms { display: none !important; } .hidden-xs { display: block !important; } } /* 10. Styles for devices(<=480px ) */ @media (max-width: 480px) { .hidden-xs { display: none !important; } .coming-soon-page .clock { font-size: 52px; } .iso-container { /*&.style-masonry { &.iso-col-2 .iso-item, &.iso-col-3 .iso-item, &.iso-col-4 .iso-item, &.iso-col-5 .iso-item { width: 100%; } &.iso-col-6 .iso-item { width: 49.98%; &.double-width { width: 100%; } } }*/ } .iso-container.iso-col-2 .iso-item, .iso-container.iso-col-3 .iso-item, .iso-container.iso-col-4 .iso-item, .iso-container.iso-col-5 .iso-item { width: 100%; } .iso-container.iso-col-6 .iso-item { width: 50%; } .iso-container.iso-col-6 .iso-item.double-width { width: 100%; } .st-table.block-xs { display: block; } .st-table.block-xs .st-td { display: block; } ul.products.layout-list .product-image, ul.products.layout-list .product-meta-wrap { float: none; width: auto; } ul.products.layout-list .product-image { border-right-width: 2px; } .image-banner .caption-wrapper.position-left h2, .image-banner .caption-wrapper.position-right h2 { font-size: 3em; } .image-banner .caption-wrapper.position-left .captions, .image-banner .caption-wrapper.position-right .captions { width: 96%; } .image-banner .caption-wrapper.position-left .action, .image-banner .caption-wrapper.position-right .action { font-size: 0.9167em; } .add-circle-box-line > .col-sms-6, .add-circle-box-line .col-sm-6 { border-right: none; } .woocommerce table.shop_table tbody td img { display: none; } .woocommerce table.shop_table tbody .product-quantity .qty { width: 40px; } .woocommerce table.shop_table tbody .actions { text-align: left; } .woocommerce table.shop_table tbody .actions .coupon { float: none; } .woocommerce table.shop_table .coupon .input-text, .woocommerce table.shop_table .btn { width: 100%; } .soap-gallery.frame-holder { width: 300px; margin: 0 auto; padding: 19px 0 21px; } .soap-gallery.frame-holder .owl-carousel { width: 193px; } .soap-gallery.frame-holder.effect-shine .owl-carousel:before { right: -11px; top: -11px; max-height: 100%; width: 107px; } .soap-gallery.frame-holder .owl-buttons .owl-prev { left: -80px; } .soap-gallery.frame-holder .owl-buttons .owl-next { right: -80px; } .commentlist .comment .author-img { float: none; margin-bottom: 15px; } .commentlist .comment .comment-content { padding-left: 0; } } /* 11. Styles for devices(<=320px ) */ @media (max-width: 320px) { .page-loading-wrapper .progress-bar { width: 250px; } .iso-container { /*&.style-masonry { &.iso-col-6 .iso-item, &.iso-col-5 .iso-item { width: 100%; } }*/ } .iso-container.iso-col-6 .iso-item, .iso-container.iso-col-5 .iso-item { width: 100%; } } /*@import url(http://fonts.googleapis.com/css?family=Lato:400,700); $body-bg: #fff; $font-family-sans-serif: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif; $navbar-inverse-bg: #1E1413; $navbar-inverse-brand-color: #fff; #home-parallax { background: url("assan/bg-dd2.jpg") no-repeat; padding: 120px 0px; padding-bottom: 180px; } .navbar-inverse .navbar-nav > li > a { color: #fff; text-shadow: 1px 1px 2px #331f04; } .container { margin-top:10px; } .nav-tabs > li, .nav-pills > li { float:none; display:inline-block; *display:inline; zoom:1; } .nav-tabs, .nav-pills { text-align:center; } // IC Body body { font-family: 'Open Sans', 'Noto Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; -webkit-font-smoothing: antialiased; color: #727272; background-color: #eaeaea; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#fff), to(#eaeaea)); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #eaeaea)); background-image: -webkit-linear-gradient(top, #fff, #eaeaea); background-image: -moz-linear-gradient(top, #fff, #eaeaea); background-image: -ms-linear-gradient(top, #fff, #eaeaea); background-image: -o-linear-gradient(top, #fff, #eaeaea); background-image: linear-gradient(top, #fff, #eaeaea); filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#ffffff', EndColorStr='#eaeaea', GradientType=0); -ms-filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#ffffff', EndColorStr='#eaeaea', GradientType=0); margin: 0; line-height: 1.4; } // IC h1 h1 { font-weight: 200; font-size: 48px; line-height: 1.3em; } #error_explanation { @extend .alert; @extend .alert-danger; width: inherit; } .field_with_errors { @extend .has-error; display: inherit; padding: inherit; background-color: inherit; } */ /* line 90, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .alert-notice { border-radius: 5px 5px 5px 5px; } /* line 95, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .square-image { display: inline-block; width: 130px; height: 130px; margin-right: 25px; margin-left: 25px; background-position: center center; background-size: cover; } /* line 109, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .btn-lg, .btn-group-lg > .btn { font-size: 14px; border-radius: 6px; font-family: 'Lato', 'Noto Sans', sans-serif; font-weight: 570; padding: 15px 50px 15px 50px; } /* line 119, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .btn-primary { border: 1px solid #CB7729; background-color: #EA8349; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#FFAA3B), to(#EA8349)); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFAA3B), color-stop(100%, #EA8349)); background-image: -webkit-linear-gradient(top, #FFAA3B, #EA8349); background-image: -moz-linear-gradient(top, #FFAA3B, #EA8349); background-image: -ms-linear-gradient(top, #FFAA3B, #EA8349); background-image: -o-linear-gradient(top, #FFAA3B, #EA8349); background-image: linear-gradient(top, #FFAA3B, #EA8349); filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#FFAA3B', EndColorStr='#EA8349', GradientType=0); -ms-filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#FFAA3B', EndColorStr='#EA8349', GradientType=0); font-family: 'Open Sans', 'Noto Sans', sans-serif; -webkit-font-smoothing: antialiased; color: #fff; /*padding: 14px 30px;*/ font-size: 14px; font-weight: 700; } /* line 142, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .btn-blue { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #006ccc; background-image: -moz-linear-gradient(top, #08c, #04c); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#04c)); background-image: -webkit-linear-gradient(top, #08c, #04c); background-image: -o-linear-gradient(top, #08c, #04c); background-image: linear-gradient(to bottom, #08c, #04c); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0088CC', endColorstr='#FF0044CC', GradientType=0); border-color: #04c #04c #002a80; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } /* line 157, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .btn-blue:hover { color: #eee; background-color: clear; } /* line 161, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .btn-blue:visited { color: #fff; } /* line 165, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .btn.btn-lg { border-radius: 5px 5px 5px 5px; } /* line 170, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .btn-orange { border: 1px solid #CB7729; width: 100%; background-color: #EA8349; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#FFAA3B), to(#EA8349)); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFAA3B), color-stop(100%, #EA8349)); background-image: -webkit-linear-gradient(top, #FFAA3B, #EA8349); background-image: -moz-linear-gradient(top, #FFAA3B, #EA8349); background-image: -ms-linear-gradient(top, #FFAA3B, #EA8349); background-image: -o-linear-gradient(top, #FFAA3B, #EA8349); background-image: linear-gradient(top, #FFAA3B, #EA8349); filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#FFAA3B', EndColorStr='#EA8349', GradientType=0); -ms-filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#FFAA3B', EndColorStr='#EA8349', GradientType=0); font-family: 'Open Sans', 'Noto Sans', sans-serif; -webkit-font-smoothing: antialiased; color: #fff; /*padding: 14px 30px;*/ font-size: 14px; font-weight: 700; } /* line 193, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .btn-orange:hover { color: #eee; } /* line 197, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .btn-orange:visited { color: #fff; } /* line 203, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .brand-list-group-item { max-width: 100px; height: auto; margin-right: 8px; border-radius: 4px; } /* line 211, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .badge-brand { background-color: #EA8349; margin-top: 40px !important; } /* line 217, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .product-list-group-item { max-width: 50px; height: auto; margin-right: 8px; border-radius: 4px; } /* line 225, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .badge { background-color: #EA8349; margin-top: 0px; } /* line 231, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .image-circular { max-width: 100px; height: auto; border-radius: 50%; } /* line 237, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .image-rounded { height: 50px; width: auto; vertical-align: middle; border-radius: 4px 4px 4px 4px; } /* line 245, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .product-jumbotron-image { width: 100px; border-radius: 0px; } /* line 250, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .tab-content p a { text-decoration: none; } /* line 255, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .btn-og { color: #fff; border: 1px solid #CB7729; background-color: #EA8349; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#FFAA3B), to(#EA8349)); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFAA3B), color-stop(100%, #EA8349)); background-image: -webkit-linear-gradient(top, #FFAA3B, #EA8349); background-image: -moz-linear-gradient(top, #FFAA3B, #EA8349); background-image: -ms-linear-gradient(top, #FFAA3B, #EA8349); background-image: -o-linear-gradient(top, #FFAA3B, #EA8349); background-image: linear-gradient(top, #FFAA3B, #EA8349); } /* line 268, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .btn-og:hover { color: #eee; } /* line 271, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .btn-og:visited { color: #fff; } /* line 278, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .panel-info > .panel-heading { color: #fff; background-color: #EA8349; border-color: #CB7729; } /* line 285, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .badge-jumbotron { background-color: #EA8349; margin-top: 0px; } /* line 291, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ #error_explanation { color: #FF0000; } /* line 298, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .big_white { color: #fff; text-shadow: 2px 2px 3px #331f04; font-weight: 500; font-size: 45px; line-height: 20px; font-family: 'Open Sans', sans; padding: 3px 4px; padding-top: 1px; margin: 0px; border-width: 0px; border-style: none; background-color: none; letter-spacing: 0px; } /* line 314, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .med_white { color: #fff; text-shadow: 2px 2px 3px #331f04; font-weight: 500; font-size: 45px; line-height: 20px; font-family: 'Open Sans', sans; padding: 3px 4px; padding-top: 1px; margin: 0px; margin-top: 35px; border-width: 0px; border-style: none; background-color: none; letter-spacing: 0px; } /* line 331, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .sm_white { color: #fff; text-shadow: 1px 1px 2px #331f04; font-weight: 500; font-size: 20px; line-height: 20px; font-family: 'Open Sans', sans; padding: 3px 4px; padding-top: 1px; margin: 0px; border-width: 0px; border-style: none; background-color: none; letter-spacing: 0px; } @media all and (max-width: 1000px) { /* screen size until 1200px */ /* line 347, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .big_white { font-size: 30px; line-height: 34px; } /* line 353, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .med_white { margin-top: 10px; font-size: 24px; line-height: 24px; } /* line 361, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .sm_white { font-size: 15px; line-height: 15px; } } /* line 369, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ body { color: #57626b; } /* line 375, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .modal-body { height: 370px; overflow: auto; width: 100%; } /* line 381, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .modal-content { height: 490px; overflow: auto; } /* line 392, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .ui-49 { margin: 5px auto; } @media (max-width: 350px) { /* line 399, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .ui-49 { margin: 50px 10px; } } /* line 403, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .ui-49 .ui-head { border: 1px solid #ddd; border-radius: 2px; margin-top: 30px; text-align: left; border-bottom: 1px solid #e7e7e7; background: #fafafa; padding: 5px; border-top-left-radius: 2px; border-top-right-radius: 2px; } /* line 417, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .ui-49 .ui-head h2 { display: inline; margin-left: 15px; font-family: 'Montserrat', 'Open Sans', sans-serif; text-transform: uppercase; letter-spacing: 1.3px; font-size: 1.2em; font-weight: 500; color: #6a7781; } /* line 428, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .ui-head i { display: inline; float: right; margin-right: 15px; height: 40px; line-height: 40px; white-space: nowrap; } /* line 436, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ #slist .ui-head:hover { cursor: pointer; } /* Bootstrap switch */ /* line 440, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .ui-49 .bootstrap-switch { border: 0px; box-shadow: none !important; } /* line 444, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .ui-49 .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on, .ui-49 .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off, .ui-49 .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label { font-size: 11px; padding: 2px 3px; } /* line 450, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .ui-49 .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on, .ui-49 .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off, .ui-49 .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label { font-size: 11px; padding: 4px 5px; } /* line 456, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .ui-49 .bootstrap-switch .bootstrap-switch-handle-on, .ui-49 .bootstrap-switch .bootstrap-switch-handle-off, .ui-49 .bootstrap-switch .bootstrap-switch-label { font-size: 12px; padding: 6px 7px; } /* line 462, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .ui-49 .bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-on, .ui-49 .bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-off, .ui-49 .bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label { font-size: 13px; padding: 9px 9px; } /* line 468, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .ui-49 .bootstrap-switch .bootstrap-switch-label { background: #fafafa; box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.2); } /* line 472, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .ui-49 .ui-list ul { border: 1px solid #ddd; border-top: 0px; border-radius: 2px; margin: 0px; } /* line 479, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .ui-49 .ui-list ul li { margin: 0px; border-bottom: 1px solid #eee; position: relative; } /* line 484, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .ui-49 .ui-list ul li:hover { background: #fcfcfc; } /* line 487, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .ui-49 .ui-list ul li:last-child { border: 0px; } /* line 490, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .ui-49 .ui-list ul li h3 { margin-left: 15px; font-family: 'Montserrat', 'Open Sans', sans-serif; font-size: 1.2em; font-weight: 500; line-height: 14px; color: #485366; color: #131313; font-size: 18px; line-height: 20px; font-weight: 700; margin-bottom: 5px; } /* line 505, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .ui-49 .ui-list ul li h3 i { font-size: 25px; width: 30px; text-align: center; margin-right: 10px; position: relative; top: 10px; color: #ccc; display: inline-block; } /* line 515, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .ui-49 .product-description { margin-left: 15px; font-family: 'Montserrat', 'Open Sans', sans-serif; color: #778182; line-height: 1.5; font-style: normal; font-size: 1em; font-weight: 200; color: #444444; font-size: 13px; font-weight: 500; line-height: 15px; } /* line 530, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .ui-49 .ui-list ul li h3 span { display: block; color: #aaa; font-weight: 400; font-size: 12px; margin-left: 44px; margin-top: 4px; } /* line 538, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .ui-49 .ui-list ul li .ui-toggle { position: absolute; top: 20px; right: 20px; } /* line 543, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .ui-49 .ui-foot { border-top: 1px solid #e7e7e7; background: #fafafa; padding: 15px 20px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; color: #999; font-size: 12px; } /* line 555, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .ui-49 body { color: #666666; font-size: 13px; line-height: 23px; background: #fff; font-family: 'Open Sans', sans-serif; -webkit-font-smoothing: antialiased; } /* line 563, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .ui-49 h1, .ui-49 h3, .ui-49 h4, .ui-49 h6 { color: #666; font-family: 'Open Sans', sans-serif; font-weight: 600; margin: 2px 0px; padding: 0px; } /* line 573, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .ui-49 h1 { font-size: 30px; line-height: 45px; } /* line 577, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .ui-49 h2 { margin-left: 15px; font-family: 'Montserrat', 'Open Sans', sans-serif; color: #485366; font-size: 25px; line-height: 40px; } /* line 585, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .ui-49 h3 { font-size: 22px; line-height: 37px; } /* line 589, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .ui-49 h4 { font-size: 18px; line-height: 33px; } /* line 593, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .ui-49 h5 { margin-left: 15px; font-family: 'Montserrat', 'Open Sans', sans-serif; font-size: 1.2em; line-height: 14px; color: #485366; } /* line 600, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .ui-49 h6 { font-size: 13px; line-height: 28px; } /* line 604, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .ui-49 p { margin: 2px 0px; padding: 0px; margin-bottom: 5px; line-height: 28px; } /* line 610, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .ui-49 a { text-decoration: none; color: #777; } /* line 614, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .ui-49 a:hover, a:active, a:focus { outline: 0; text-decoration: none; color: #999; } /* line 619, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .ui-49 hr { margin: 10px 0px; padding: 0px; border-top: 0px; border-bottom: 1px solid #eee; } /* line 627, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .ui-49 ul a:hover { background: #fcfcfc; } /* line 631, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .food-price { font-family: 'Montserrat', 'Open Sans', sans-serif; margin-top: 4px; padding: 6px; position: relative; display: inline-block; text-align: center; border: 1px solid #e0e0e0; border-radius: 2px; background: #fff; font-weight: 500; font-size: 1em; } /* line 645, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .ui-toggle a { color: #3498DB; text-decoration: none; } /* line 651, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .food-price:not(.price-strikethrough):hover { color: #fff; background: #3498db; border: 1px solid #3498db; } /* line 659, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .modal .option-name { font-family: 'Montserrat', 'Open Sans', sans-serif; font-size: 1.1em; font-weight: 500; margin-left: 5px; color: #485366; } /* line 668, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .modal .ui-head-cart { border: 1px solid #ddd; border-radius: 0px; margin-top: 30px; text-align: center; border-bottom: 0px solid #e7e7e7; background: #fff; padding: 10px 5px 10px 5px; border-top-left-radius: 0px; border-top-right-radius: 0px; background: #ffffff !important; } /* line 683, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .modal .ui-head-cart h2 { display: inline; font-family: 'Montserrat', 'Open Sans', sans-serif; text-transform: uppercase; letter-spacing: 1.3px; font-size: 1.2em; font-weight: 500; color: #6a7781; display: inline; font-family: 'Open Sans', sans-serif; text-transform: capitalize; letter-spacing: 1.3px; font-size: 1.2em; font-weight: 800; color: #3772e4; } /* line 707, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .ui-49 .ui-head-cart { border: 1px solid #ddd; border-radius: 0px; margin-top: 30px; text-align: center; border-bottom: 0px solid #e7e7e7; background: #fff; padding: 5px; border-top-left-radius: 0px; border-top-right-radius: 0px; } /* line 721, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .ui-49 .ui-head-cart h2 { display: inline; font-family: 'Montserrat', 'Open Sans', sans-serif; text-transform: uppercase; letter-spacing: 1.3px; font-size: 1.2em; font-weight: 500; color: #6a7781; } /* line 731, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .ui-head-cart i { display: inline; margin-left: 5px; white-space: nowrap; } /* line 740, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .ui-head-cart p { line-height: 1em; font-family: 'Montserrat', 'Open Sans', sans-serif; text-align: center; color: #3498db; font-size: 1em; font-weight: 500; text-transform: capitalize; } /* line 750, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .ui-list-cart { border: 1px solid #ddd; border-top: 0px; } /* line 756, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .ui-list-cart .item-list i { color: #3498db; margin-left: 6px; margin-right: 8px; font-size: 1em; } /* line 764, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .ui-49 .ui-list-cart ul li h3 { margin-left: 15px; font-family: 'Montserrat', 'Open Sans', sans-serif; font-size: 1.2em; font-weight: 500; line-height: 14px; color: #485366; } /* line 775, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .ui-49 .ui-list-cart .btn { display: inline-block; margin-bottom: 0; font-weight: 400; text-align: center; vertical-align: middle; cursor: pointer; border: 1px solid transparent; white-space: nowrap; padding: 9px 25px; font-size: 14px; line-height: 1.42857143; border-radius: 3px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; -ms-transition: all .15s ease-in-out; -o-transition: all .15s ease-in-out; transition: all .15s ease-in-out; } /* line 799, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .ui-49 .ui-list-cart .btn-success { color: #fff; background-color: #7DB461; } /* line 804, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .ui-49 .ui-list-cart .btn-success:hover { color: #fff; background-color: #70A257; } /* line 809, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .ui-49 .ui-list-cart .product-name { color: #485366; font-weight: 700; } /* line 815, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .cart-checkout { padding: 15px 5px 15px 5px; overflow: auto; margin: 0; background: #F8F8F8; border-top: 1px solid #E8E8E8; } /* line 825, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .cart-pickup-or-delivery { padding: 20px 0px 20px 0px; overflow: auto; margin: 0; border-top: 1px solid #E8E8E8; } /* line 835, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .divider-dotted { position: absolute; left: 50%; top: 0%; bottom: 0%; border-left: 1px dotted #e8e8e8; } /* line 843, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .cart-radio-img { height: 18px; margin-bottom: 5px; } /* line 848, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .cart-radio-label { line-height: 1em; font-family: 'Montserrat', 'Open Sans', sans-serif; text-align: center; color: #6a7781; font-size: 1em; font-weight: 500; text-transform: capitalize; } /* line 865, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .delivery-or-pickup { padding-top: 10px; padding-bottom: 10px; border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; overflow: auto; } /* line 874, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .delivery-or-pickup--cart .col-2-of-4 { padding: 0 6px; overflow: auto; width: 50%; height: auto; min-height: 87px; margin-right: 0 !important; } /* line 883, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .col-2-of-4 { float: left; display: block; margin-right: 7.42297%; width: 46.28851%; } /* line 889, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .svg--delivery, .svg--pickup { margin-top: 10px; height: 18px; } /* line 893, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .svg { position: relative; display: inline-block; } /* line 897, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .center-h-relative { -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); position: relative; left: 50%; } /* line 906, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .text-center { text-align: center; } /* line 909, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .radio input[type="radio"] { margin-bottom: 0; border: 1px solid #e0e0e0; } /* line 913, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .radio input[type="radio"] { -webkit-transition: all,linear,200ms; -moz-transition: all,linear,200ms; transition: all,linear,200ms; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; outline: 0; cursor: pointer; padding: 4px; width: 22px; height: 22px; background: #fff; border: 1px solid #E8E8E8; border-radius: 50%; margin-bottom: 10px; } /* line 932, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .radio input[type="radio"]:checked { border: 1px solid #6bad42; } /* line 935, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .radio input[type="radio"]:checked:after { background: #6bad42; } /* line 939, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .radio input[type="radio"]:checked:after { display: block; position: relative; width: 12px; height: 12px; outline: 0; content: ""; border-radius: 50%; background: #3498DB; } /* line 951, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .delivery-or-pickup--cart .col-2-of-4 { padding: 0 6px; overflow: auto; width: 50%; height: auto; min-height: 87px; margin-right: 0 !important; } /* line 960, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .border-left.dotted { border-left: 1px dotted #e8e8e8; } /* line 963, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .svg--delivery, .svg--pickup { margin-top: 10px; height: 18px; } /* line 967, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .svg { position: relative; display: inline-block; } /* line 977, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .btn-custom-success { color: #fff; background-color: #7DB461; } /* line 982, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .btn-custom-success:hover { color: #fff; background-color: #70A257; } /* line 988, /Users/taylor/Desktop/projects/rails/moonstar32/app/assets/stylesheets/custom_bootstrap.scss */ .btn.style4:hover, .btn.style4:active, .btn.style4:focus, .btn.style4.active { color: #fff; border-color: #BBC1C7; background: #BBC1C7; } /* line 4, /Users/taylor/Desktop/projects/rails/wombo/app/assets/stylesheets/products.scss */ #products { margin: 0 auto; } /* line 8, /Users/taylor/Desktop/projects/rails/wombo/app/assets/stylesheets/products.scss */ .box { margin: 5px; width: 214px; } /* line 13, /Users/taylor/Desktop/projects/rails/wombo/app/assets/stylesheets/products.scss */ .box img { width: 100%; }