/* CSS Base Document */ /** 01. Resets *************************************************** **/ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } :active, :focus { outline:none !important; -webkit-appearance: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } ::selection { color:#fff; text-shadow:none; background: #333; } ::-moz-selection { color:#fff; text-shadow:none; background: #333; /* Firefox */ } ::-webkit-selection { color:#fff; text-shadow:none; background: #333; /* Safari */ } button { background: none; border: 0; margin: 0; padding: 0; cursor: pointer; } img { border: 0; vertical-align: top; } input:-webkit-autofill { color: #ffffff !important; } textarea { resize: none; } textarea, input, button, *:focus { outline:none !important; } textarea { resize: vertical; } select { border: 2px solid #E5E7E9; height: 46px; padding: 12px; outline: none; line-height:1 !important; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } label { font-weight:400; } iframe, fieldset { border: 0; margin: 0; padding: 0; } audio, canvas, img, video { vertical-align: middle; } p { display: block; -webkit-margin-before: 0.1em; -webkit-margin-after: 0.1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; } a { -webkit-transition: all .300s; -moz-transition: all .300s; -o-transition: all .300s; transition: all .300s; } a, a:focus, a:hover, a:active { outline: 0; cursor:pointer; } p, pre, ul, ol, dl, dd, blockquote, address, table, fieldset, form { margin-bottom: 30px; } canvas { width: 100% !important; /* max-width: 800px; causes panorama gmap problems */ height: auto !important; } :active, :focus { outline: none !important; } select:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus { outline: 0 none; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -o-box-shadow: none !important; box-shadow: none !important; } pre { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } section.dark pre { color:#ccc; border-color:rgba(0,0,0,0.2); background-color:rgba(0,0,0,0.2); } img.img-responsive { display:inline-block; } /* IE & Mozilla fix */ div.row>div img.img-responsive { width: 100%; } /* * Globals */ body { font-family: Georgia, "Times New Roman", Times, serif; color: #003764; background: #00263d; } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { margin-top: 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; color: #333; } /** 02. Headings **************************************************************** **/ h1, h2, h3, h4, h5, h6 { font-family:'Open Sans',Arial,Helvetica,sans-serif; font-weight:600; color:#414141; margin: 0 0 30px 0; line-height:1.5; -webkit-font-smoothing: antialiased; } h1 { font-size: 36px; margin: 0 0 44px 0; } h2 { font-size: 30px; margin: 0 0 32px 0; } h3 { font-size: 24px; letter-spacing: normal; margin: 0 0 32px 0; } h4 { font-size: 18px; letter-spacing: normal; margin: 0 0 14px 0; } h5 { font-size: 14px; letter-spacing: normal; margin: 0 0 20px 0; } h6 { font-size: 12px; letter-spacing: normal; margin: 0 0 20px 0; } h1 > span, h2 > span, h3 > span, h4 > span, h5 > span, h6 > span { color: #1ABC9C; } /** 03. Placeholder *************************************************** **/ ::-webkit-input-placeholder { /* WebKit browsers */ color: #999; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999; } :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #999; } /** 04. Commons Quick Positioning and Styling **************************************************************** **/ /* font size */ .fs-10 { font-size: 10px !important; } .fs-11 { font-size: 11px !important; } .fs-12 { font-size: 12px !important; } .fs-13 { font-size: 13px !important; } .fs-14 { font-size: 14px !important; } .fs-15 { font-size: 15px !important; } .fs-16 { font-size: 16px !important; } .fs-17 { font-size: 17px !important; } .fs-18 { font-size: 18px !important; } .fs-19 { font-size: 19px !important; } .fs-20 { font-size: 20px !important; } .fs-21 { font-size: 21px !important; } .fs-22 { font-size: 22px !important; } .fs-23 { font-size: 23px !important; } .fs-24 { font-size: 24px !important; } .fs-25 { font-size: 25px !important; } .fs-30 { font-size: 30px !important; } .fs-35 { font-size: 35px !important; } .fs-40 { font-size: 40px !important; } .fs-45 { font-size: 45px !important; } .fs-50 { font-size: 50px !important; } .fs-55 { font-size: 55px !important; } .fs-60 { font-size: 60px !important; } .fs-65 { font-size: 65px !important; } .fs-70 { font-size: 70px !important; } .fs-75 { font-size: 75px !important; } .fs-80 { font-size: 80px !important; } .fs-90 { font-size: 90px !important; } .fs-100 { font-size: 100px !important; } .fs-120 { font-size: 120px !important; } .fs-130 { font-size: 130px !important; } .fs-140 { font-size: 140px !important; } .fs-150 { font-size: 150px !important; } .fs-200 { font-size: 200px !important; } /* font weight */ .fw-100 { font-weight: 100 !important; } .fw-200 { font-weight: 200 !important; } .fw-300 { font-weight: 300 !important; } .fw-400 { font-weight: 400 !important; } .fw-500 { font-weight: 500 !important; } .fw-600 { font-weight: 600 !important; } .fw-700 { font-weight: 700 !important; } .fw-800 { font-weight: 800 !important; } /* margins */ .mb-0 { margin-bottom:0px !important; } .mb-1 { margin-bottom:1px !important; } .mb-2 { margin-bottom:2px !important; } .mb-3 { margin-bottom:3px !important; } .mb-4 { margin-bottom:4px !important; } .mb-5 { margin-bottom:5px !important; } .mb-6 { margin-bottom:6px !important; } .mb-7 { margin-bottom:7px !important; } .mb-8 { margin-bottom:8px !important; } .mb-9 { margin-bottom:9px !important; } .mb-10 { margin-bottom:10px !important; } .mb-12 { margin-bottom:12px !important; } .mb-15 { margin-bottom:15px !important; } .mb-18 { margin-bottom:18px !important; } .mb-20 { margin-bottom:20px !important; } .mb-25 { margin-bottom:20px !important; } .mb-30 { margin-bottom:30px !important; } .mb-35 { margin-bottom:35px !important; } .mb-40 { margin-bottom:40px !important; } .mb-45 { margin-bottom:45px !important; } .mb-50 { margin-bottom:50px !important; } .mb-60 { margin-bottom:60px !important; } .mb-70 { margin-bottom:70px !important; } .mb-80 { margin-bottom:80px !important; } .mb-90 { margin-bottom:90px !important; } .mb-100 { margin-bottom:100px !important; } .mb-110 { margin-bottom:110px !important; } .mb-120 { margin-bottom:120px !important; } .mb-130 { margin-bottom:130px !important; } .mb-140 { margin-bottom:140px !important; } .mb-150 { margin-bottom:150px !important; } .mb-200 { margin-bottom:200px !important; } .mt-0 { margin-top:0px !important; } .mt-1 { margin-top:1px !important; } .mt-2 { margin-top:2px !important; } .mt-3 { margin-top:3px !important; } .mt-4 { margin-top:4px !important; } .mt-5 { margin-top:5px !important; } .mt-6 { margin-top:6px !important; } .mt-7 { margin-top:7px !important; } .mt-8 { margin-top:8px !important; } .mt-9 { margin-top:9px !important; } .mt-10 { margin-top:10px !important; } .mt-12 { margin-top:12px !important; } .mt-15 { margin-top:15px !important; } .mt-18 { margin-top:18px !important; } .mt-20 { margin-top:20px !important; } .mt-25 { margin-top:20px !important; } .mt-30 { margin-top:30px !important; } .mt-35 { margin-top:35px !important; } .mt-40 { margin-top:40px !important; } .mt-45 { margin-top:45px !important; } .mt-50 { margin-top:50px !important; } .mt-60 { margin-top:60px !important; } .mt-70 { margin-top:70px !important; } .mt-80 { margin-top:80px !important; } .mt-90 { margin-top:90px !important; } .mt-100 { margin-top:100px !important; } .mt-110 { margin-top:110px !important; } .mt-120 { margin-top:120px !important; } .mt-130 { margin-top:130px !important; } .mt-140 { margin-top:140px !important; } .mt-150 { margin-top:150px !important; } .mt-200 { margin-top:200px !important; } .ml-0 { margin-left:0px !important; } .ml-1 { margin-left:1px !important; } .ml-2 { margin-left:2px !important; } .ml-3 { margin-left:3px !important; } .ml-4 { margin-left:4px !important; } .ml-5 { margin-left:5px !important; } .ml-6 { margin-left:6px !important; } .ml-7 { margin-left:7px !important; } .ml-8 { margin-left:8px !important; } .ml-9 { margin-left:9px !important; } .ml-10 { margin-left:10px !important; } .ml-12 { margin-left:12px !important; } .ml-15 { margin-left:15px !important; } .ml-18 { margin-left:18px !important; } .ml-20 { margin-left:20px !important; } .ml-25 { margin-left:20px !important; } .ml-30 { margin-left:30px !important; } .ml-35 { margin-left:35px !important; } .ml-40 { margin-left:40px !important; } .ml-45 { margin-left:45px !important; } .ml-50 { margin-left:50px !important; } .ml-60 { margin-left:60px !important; } .ml-70 { margin-left:70px !important; } .ml-80 { margin-left:80px !important; } .ml-90 { margin-left:90px !important; } .ml-100 { margin-left:100px !important; } .ml-110 { margin-left:110px !important; } .ml-120 { margin-left:120px !important; } .ml-130 { margin-left:130px !important; } .ml-140 { margin-left:140px !important; } .ml-150 { margin-left:150px !important; } .ml-200 { margin-left:200px !important; } .mr-0 { margin-right:0px !important; } .mr-1 { margin-right:1px !important; } .mr-2 { margin-right:2px !important; } .mr-3 { margin-right:3px !important; } .mr-4 { margin-right:4px !important; } .mr-5 { margin-right:5px !important; } .mr-6 { margin-right:6px !important; } .mr-7 { margin-right:7px !important; } .mr-8 { margin-right:8px !important; } .mr-9 { margin-right:9px !important; } .mr-10 { margin-right:10px !important; } .mr-12 { margin-right:12px !important; } .mr-15 { margin-right:15px !important; } .mr-18 { margin-right:18px !important; } .mr-20 { margin-right:20px !important; } .mr-25 { margin-right:20px !important; } .mr-30 { margin-right:30px !important; } .mr-35 { margin-right:35px !important; } .mr-40 { margin-right:40px !important; } .mr-45 { margin-right:45px !important; } .mr-50 { margin-right:50px !important; } .mr-60 { margin-right:60px !important; } .mr-70 { margin-right:70px !important; } .mr-80 { margin-right:80px !important; } .mr-90 { margin-right:90px !important; } .mr-100 { margin-right:100px !important; } .mr-110 { margin-right:110px !important; } .mr-120 { margin-right:120px !important; } .mr-130 { margin-right:130px !important; } .mr-140 { margin-right:140px !important; } .mr-150 { margin-right:150px !important; } .mr-200 { margin-right:200px !important; } .m-0 { margin:0px !important; } .m-1 { margin:1px !important; } .m-2 { margin:2px !important; } .m-3 { margin:3px !important; } .m-4 { margin:4px !important; } .m-5 { margin:5px !important; } .m-6 { margin:6px !important; } .m-7 { margin:7px !important; } .m-8 { margin:8px !important; } .m-9 { margin:9px !important; } .m-10 { margin:10px !important; } .m-12 { margin:12px !important; } .m-15 { margin:15px !important; } .m-18 { margin:18px !important; } .m-20 { margin:20px !important; } .m-25 { margin:20px !important; } .m-30 { margin:30px !important; } .m-35 { margin:35px !important; } .m-40 { margin:40px !important; } .m-45 { margin:45px !important; } .m-50 { margin:50px !important; } .m-60 { margin:60px !important; } .m-70 { margin:70px !important; } .m-80 { margin:80px !important; } .m-90 { margin:90px !important; } .m-100 { margin:100px !important; } .m-110 { margin:110px !important; } .m-120 { margin:120px !important; } .m-130 { margin:130px !important; } .m-140 { margin:140px !important; } .m-150 { margin:150px !important; } .m-200 { margin:200px !important; } /* paddings */ .pb-0 { padding-bottom:0px !important; } .pb-1 { padding-bottom:1px !important; } .pb-2 { padding-bottom:2px !important; } .pb-3 { padding-bottom:3px !important; } .pb-4 { padding-bottom:4px !important; } .pb-5 { padding-bottom:5px !important; } .pb-6 { padding-bottom:6px !important; } .pb-7 { padding-bottom:7px !important; } .pb-8 { padding-bottom:8px !important; } .pb-9 { padding-bottom:9px !important; } .pb-10 { padding-bottom:10px !important; } .pb-12 { padding-bottom:12px !important; } .pb-15 { padding-bottom:15px !important; } .pb-18 { padding-bottom:18px !important; } .pb-20 { padding-bottom:20px !important; } .pb-25 { padding-bottom:20px !important; } .pb-30 { padding-bottom:30px !important; } .pb-35 { padding-bottom:35px !important; } .pb-40 { padding-bottom:40px !important; } .pb-45 { padding-bottom:45px !important; } .pb-50 { padding-bottom:50px !important; } .pb-60 { padding-bottom:60px !important; } .pb-70 { padding-bottom:70px !important; } .pb-80 { padding-bottom:80px !important; } .pb-90 { padding-bottom:90px !important; } .pb-100 { padding-bottom:100px !important; } .pb-110 { padding-bottom:110px !important; } .pb-120 { padding-bottom:120px !important; } .pb-130 { padding-bottom:130px !important; } .pb-140 { padding-bottom:140px !important; } .pb-150 { padding-bottom:150px !important; } .pb-200 { padding-bottom:200px !important; } .pt-0 { padding-top:0px !important; } .pt-1 { padding-top:1px !important; } .pt-2 { padding-top:2px !important; } .pt-3 { padding-top:3px !important; } .pt-4 { padding-top:4px !important; } .pt-5 { padding-top:5px !important; } .pt-6 { padding-top:6px !important; } .pt-7 { padding-top:7px !important; } .pt-8 { padding-top:8px !important; } .pt-9 { padding-top:9px !important; } .pt-10 { padding-top:10px !important; } .pt-12 { padding-top:12px !important; } .pt-15 { padding-top:15px !important; } .pt-18 { padding-top:18px !important; } .pt-20 { padding-top:20px !important; } .pt-25 { padding-top:20px !important; } .pt-30 { padding-top:30px !important; } .pt-35 { padding-top:35px !important; } .pt-40 { padding-top:40px !important; } .pt-45 { padding-top:45px !important; } .pt-50 { padding-top:50px !important; } .pt-60 { padding-top:60px !important; } .pt-70 { padding-top:70px !important; } .pt-80 { padding-top:80px !important; } .pt-90 { padding-top:90px !important; } .pt-100 { padding-top:100px !important; } .pt-110 { padding-top:110px !important; } .pt-120 { padding-top:120px !important; } .pt-130 { padding-top:130px !important; } .pt-140 { padding-top:140px !important; } .pt-150 { padding-top:150px !important; } .pt-200 { padding-top:200px !important; } .pl-0 { padding-left:0px !important; } .pl-1 { padding-left:1px !important; } .pl-2 { padding-left:2px !important; } .pl-3 { padding-left:3px !important; } .pl-4 { padding-left:4px !important; } .pl-5 { padding-left:5px !important; } .pl-6 { padding-left:6px !important; } .pl-7 { padding-left:7px !important; } .pl-8 { padding-left:8px !important; } .pl-9 { padding-left:9px !important; } .pl-10 { padding-left:10px !important; } .pl-12 { padding-left:12px !important; } .pl-15 { padding-left:15px !important; } .pl-18 { padding-left:18px !important; } .pl-20 { padding-left:20px !important; } .pl-25 { padding-left:20px !important; } .pl-30 { padding-left:30px !important; } .pl-35 { padding-left:35px !important; } .pl-40 { padding-left:40px !important; } .pl-45 { padding-left:45px !important; } .pl-50 { padding-left:50px !important; } .pl-60 { padding-left:60px !important; } .pl-70 { padding-left:70px !important; } .pl-80 { padding-left:80px !important; } .pl-90 { padding-left:90px !important; } .pl-100 { padding-left:100px !important; } .pl-110 { padding-left:110px !important; } .pl-120 { padding-left:120px !important; } .pl-130 { padding-left:130px !important; } .pl-140 { padding-left:140px !important; } .pl-150 { padding-left:150px !important; } .pl-200 { padding-left:200px !important; } .pr-0 { padding-right:0px !important; } .pr-1 { padding-right:1px !important; } .pr-2 { padding-right:2px !important; } .pr-3 { padding-right:3px !important; } .pr-4 { padding-right:4px !important; } .pr-5 { padding-right:5px !important; } .pr-6 { padding-right:6px !important; } .pr-7 { padding-right:7px !important; } .pr-8 { padding-right:8px !important; } .pr-9 { padding-right:9px !important; } .pr-10 { padding-right:10px !important; } .pr-12 { padding-right:12px !important; } .pr-15 { padding-right:15px !important; } .pr-18 { padding-right:18px !important; } .pr-20 { padding-right:20px !important; } .pr-25 { padding-right:20px !important; } .pr-30 { padding-right:30px !important; } .pr-35 { padding-right:35px !important; } .pr-40 { padding-right:40px !important; } .pr-45 { padding-right:45px !important; } .pr-50 { padding-right:50px !important; } .pr-60 { padding-right:60px !important; } .pr-70 { padding-right:70px !important; } .pr-80 { padding-right:80px !important; } .pr-90 { padding-right:90px !important; } .pr-100 { padding-right:100px !important; } .pr-110 { padding-right:110px !important; } .pr-120 { padding-right:120px !important; } .pr-130 { padding-right:130px !important; } .pr-140 { padding-right:140px !important; } .pr-150 { padding-right:150px !important; } .pr-200 { padding-right:200px !important; } .p-0 { padding:0px !important; } .p-1 { padding:1px !important; } .p-2 { padding:2px !important; } .p-3 { padding:3px !important; } .p-4 { padding:4px !important; } .p-5 { padding:5px !important; } .p-6 { padding:6px !important; } .p-7 { padding:7px !important; } .p-8 { padding:8px !important; } .p-9 { padding:9px !important; } .p-10 { padding:10px !important; } .p-12 { padding:12px !important; } .p-15 { padding:15px !important; } .p-18 { padding:18px !important; } .p-20 { padding:20px !important; } .p-25 { padding:20px !important; } .p-30 { padding:30px !important; } .p-35 { padding:35px !important; } .p-40 { padding:40px !important; } .p-45 { padding:45px !important; } .p-50 { padding:50px !important; } .p-60 { padding:60px !important; } .p-70 { padding:70px !important; } .p-80 { padding:80px !important; } .p-90 { padding:90px !important; } .p-100 { padding:100px !important; } .p-110 { padding:110px !important; } .p-120 { padding:120px !important; } .p-130 { padding:130px !important; } .p-140 { padding:140px !important; } .p-150 { padding:150px !important; } .p-200 { padding:200px !important; } /* borders */ .b-0 { border: 0 !important; } .bb-0 { border-bottom: 0 !important; } .bt-0 { border-top: 0 !important; } .bl-0 { border-left: 0 !important; } .br-0 { border-right: 0 !important; } .bw-0 { border-width: 0px !important; } .bw-1 { border-width: 1px !important; } .bw-2 { border-width: 2px !important; } .bw-3 { border-width: 3px !important; } .bw-4 { border-width: 4px !important; } .bw-5 { border-width: 5px !important; } .bw-10 { border-width: 10px !important; } .btw-0 { border-top-width: 0px !important; } .btw-1 { border-top-width: 1px !important; } .btw-2 { border-top-width: 2px !important; } .btw-3 { border-top-width: 3px !important; } .btw-4 { border-top-width: 4px !important; } .btw-5 { border-top-width: 5px !important; } .btw-10 { border-top-width: 10px !important; } .bbw-0 { border-bottom-width: 0px !important; } .bbw-1 { border-bottom-width: 1px !important; } .bbw-2 { border-bottom-width: 2px !important; } .bbw-3 { border-bottom-width: 3px !important; } .bbw-4 { border-bottom-width: 4px !important; } .bbw-5 { border-bottom-width: 5px !important; } .bbw-10 { border-bottom-width: 10px !important; } .blw-0 { border-left-width: 0px !important; } .blw-1 { border-left-width: 1px !important; } .blw-2 { border-left-width: 2px !important; } .blw-3 { border-left-width: 3px !important; } .blw-4 { border-left-width: 4px !important; } .blw-5 { border-left-width: 5px !important; } .blw-10 { border-left-width: 10px !important; } .brw-0 { border-right-width: 0px !important; } .brw-1 { border-right-width: 1px !important; } .brw-2 { border-right-width: 2px !important; } .brw-3 { border-right-width: 3px !important; } .brw-4 { border-right-width: 4px !important; } .brw-5 { border-right-width: 5px !important; } .brw-10 { border-right-width: 10px !important; } /* width */ .w-10 { width:10px !important; } .w-20 { width:20px !important; } .w-30 { width:30px !important; } .w-40 { width:40px !important; } .w-50 { width:50px !important; } .w-60 { width:60px !important; } .w-70 { width:70px !important; } .w-80 { width:80px !important; } .w-90 { width:90px !important; } .w-100 { width:100px !important; } .w-110 { width:110px !important; } .w-120 { width:120px !important; } .w-130 { width:130px !important; } .w-140 { width:140px !important; } .w-150 { width:150px !important; } .w-200 { width:200px !important; } .w-250 { width:250px !important; } .w-300 { width:300px !important; } .w-350 { width:350px !important; } .w-400 { width:400px !important; } .w-450 { width:450px !important; } .w-500 { width:500px !important; } .w-550 { width:550px !important; } .w-600 { width:600px !important; } .w-650 { width:650px !important; } .w-700 { width:700px !important; } .w-750 { width:750px !important; } .w-800 { width:800px !important; } /* width percent */ .w-100p { width: 100% !important; } .w-75p { width: 75% !important; } .w-50p { width: 50% !important; } .w-33p { width: 33% !important; } .w-25p { width: 25% !important; } .w-20p { width: 20% !important; } .w-10p { width: 10% !important; } /* height */ .h-1 { height:1px !important; } .h-2 { height:2px !important; } .h-3 { height:3px !important; } .h-4 { height:4px !important; } .h-5 { height:5px !important; } .h-6 { height:6px !important; } .h-7 { height:7px !important; } .h-8 { height:8px !important; } .h-9 { height:9px !important; } .h-10 { height:10px !important; } .h-15 { height:15px !important; } .h-20 { height:20px !important; } .h-25 { height:25px !important; } .h-30 { height:30px !important; } .h-35 { height:35px !important; } .h-40 { height:40px !important; } .h-45 { height:45px !important; } .h-50 { height:50px !important; } .h-60 { height:60px !important; } .h-70 { height:70px !important; } .h-80 { height:80px !important; } .h-90 { height:90px !important; } .h-100 { height:100px !important; } .h-110 { height:110px !important; } .h-120 { height:120px !important; } .h-130 { height:130px !important; } .h-140 { height:140px !important; } .h-150 { height:150px !important; } .h-200 { height:200px !important; } .h-250 { height:250px !important; } .h-300 { height:300px !important; } .h-350 { height:350px !important; } .h-400 { height:400px !important; } .h-450 { height:450px !important; } .h-500 { height:500px !important; } .h-550 { height:550px !important; } .h-600 { height:600px !important; } .h-650 { height:650px !important; } .h-700 { height:700px !important; } .h-750 { height:750px !important; } .h-800 { height:800px !important; } /* height percent */ .h-100p { height: 100vh !important; } .h-75p { height: 75vh !important; } .h-50p { height: 50vh !important; } .h-33p { height: 33vh !important; } .h-25p { height: 25vh !important; } .h-20p { height: 20vh !important; } .h-10p { height: 10vh !important; } /* border radius */ .rad-3 { -webkit-border-radius: 3px !important; border-radius: 3px !important; } .rad-4 { -webkit-border-radius: 4px !important; border-radius: 4px !important; } .rad-6 { -webkit-border-radius: 6px !important; border-radius: 6px !important; } .rad-8 { -webkit-border-radius: 8px !important; border-radius: 8px !important; } .rad-10 { -webkit-border-radius: 10px !important; border-radius: 10px !important; } .rad-0 { -webkit-border-radius: 0 !important; border-radius: 0 !important; } .rad-tl-0 { /* radius top left */ -webkit-border-top-left-radius: 0 !important; border-top-left-radius: 0 !important; } .rad-tr-0 { /* radius top right */ -webkit-border-top-right-radius: 0 !important; border-top-right-radius: 0 !important; } .rad-bl-0 { /* radius bottom left */ -webkit-border-bottom-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } .rad-br-0 { /* radius bottom right */ -webkit-border-bottom-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } /* mobile */ @media only screen and (max-width: 768px) { .block-xs { display: block !important; float: none !important; } .pl-xs-0 { padding-left: 0 !important; } .pr-xs-0 { padding-right: 0 !important; } .pt-xs-0 { padding-top: 0 !important; } .pb-xs-0 { padding-bottom: 0 !important; } .p-xs-0 { padding: 0 !important; } .ml-xs-0 { margin-left: 0 !important; } .mr-xs-0 { margin-right: 0 !important; } .mt-xs-0 { margin-top: 0 !important; } .mb-xs-0 { margin-bottom: 0 !important; } .m-xs-0 { margin: 0 !important; } .rad-xs-0 { -webkit-border-radius: 0 !important; border-radius: 0 !important; } } /** ****************** **/ /* utils - will be removed in the future! */ .size-11 { font-size:11px !important; line-height:15px !important; } .size-12 { font-size:12px !important; line-height:16px !important; } .size-13 { font-size:13px !important; line-height:17px !important; } .size-14 { font-size:14px !important; line-height:18px !important; } .size-15 { font-size:15px !important; line-height:19px !important; } .size-16 { font-size:16px !important; line-height:20px !important; } .size-17 { font-size:17px !important; line-height:23px !important; } .size-18 { font-size:18px !important; line-height:24px !important; } .size-19 { font-size:19px !important; line-height:25px !important; } .size-20 { font-size:20px !important; line-height:26px !important; } .size-25 { font-size:25px !important; line-height:30px !important; } .size-30 { font-size:30px !important; line-height:36px !important; } .size-40 { font-size:40px !important; line-height:46px !important; } .size-50 { font-size:50px !important; line-height:56px !important; } .size-60 { font-size:60px !important; line-height:66px !important; } .size-70 { font-size:70px !important; line-height:76px !important; } .size-80 { font-size:80px !important; line-height:86px !important; } .size-90 { font-size:90px !important; line-height:96px !important; } .size-100 { font-size:100px !important; line-height:106px !important; } .size-150 { font-size:150px !important; line-height:166px !important; } .size-200 { font-size:200px !important; line-height:216px !important; } .weight-300 { font-weight:300 !important; } .weight-400 { font-weight:400 !important; } .weight-500 { font-weight:500 !important; } .weight-600 { font-weight:600 !important; } .weight-700 { font-weight:700 !important; } .weight-800 { font-weight:800 !important; } .width-10 { width:10px !important; } .width-20 { width:20px !important; } .width-30 { width:30px !important; } .width-40 { width:40px !important; } .width-50 { width:50px !important; } .width-100 { width:100px !important; } .width-150 { width:150px !important; } .width-200 { width:200px !important; } .width-250 { width:250px !important; } .width-300 { width:300px !important; } .width-350 { width:350px !important; } .width-400 { width:400px !important; } .width-450 { width:450px !important; } .width-500 { width:500px !important; } .width-550 { width:550px !important; } .width-600 { width:600px !important; } .width-650 { width:650px !important; } .width-700 { width:700px !important; } .width-750 { width:750px !important; } .width-800 { width:800px !important; } .height-10 { height:10px !important; } .height-20 { height:20px !important; } .height-30 { height:30px !important; } .height-50 { height:50px !important; } .height-100 { height:100px !important; } .height-150 { height:150px !important; } .height-200 { height:200px !important; } .height-250 { height:250px !important; } .height-300 { height:300px !important; } .height-350 { height:350px !important; } .height-400 { height:400px !important; } .height-450 { height:450px !important; } .height-500 { height:500px !important; } .height-550 { height:550px !important; } .height-600 { height:600px !important; } .height-650 { height:650px !important; } .height-700 { height:700px !important; } .height-750 { height:750px !important; } .height-800 { height:800px !important; } .padding-0 { padding:0 !important; } .padding-3 { padding:3px !important; } .padding-6 { padding:6px !important; } .padding-8 { padding:8px !important; } .padding-10 { padding:10px !important; } .padding-15 { padding:15px !important; } .padding-20 { padding:20px !important; } .padding-30 { padding:30px !important; } .padding-40 { padding:40px !important; } .padding-50 { padding:50px !important; } .padding-60 { padding:60px !important; } .padding-70 { padding:70px !important; } .padding-80 { padding:80px !important; } .padding-90 { padding:90px !important; } .padding-100 { padding:100px !important; } .padding-top-0 { padding-top:0 !important; } .padding-top-10 { padding-top:10px !important; } .padding-top-15 { padding-top:15px !important; } .padding-top-20 { padding-top:20px !important; } .padding-top-30 { padding-top:30px !important; } .padding-top-40 { padding-top:40px !important; } .padding-top-50 { padding-top:50px !important; } .padding-top-60 { padding-top:60px !important; } .padding-top-80 { padding-top:80px !important; } .padding-top-100 { padding-top:100px !important; } .padding-top-130 { padding-top:130px !important; } .padding-top-150 { padding-top:150px !important; } .padding-top-180 { padding-top:180px !important; } .padding-top-200 { padding-top:200px !important; } .padding-bottom-0 { padding-bottom:0 !important; } .padding-bottom-10 { padding-bottom:10px !important; } .padding-bottom-15 { padding-bottom:15px !important; } .padding-bottom-20 { padding-bottom:20px !important; } .padding-bottom-30 { padding-bottom:30px !important; } .padding-bottom-40 { padding-bottom:40px !important; } .padding-bottom-50 { padding-bottom:50px !important; } .padding-bottom-60 { padding-bottom:60px !important; } .padding-bottom-80 { padding-bottom:80px !important; } .padding-bottom-100 { padding-bottom:100px !important; } .padding-bottom-130 { padding-bottom:130px !important; } .padding-bottom-150 { padding-bottom:150px !important; } .padding-bottom-180 { padding-bottom:180px !important; } .padding-bottom-200 { padding-bottom:200px !important; } .margin-top-0 { margin-top:0 !important; } .margin-top-1 { margin-top:1px !important; } .margin-top-2 { margin-top:2px !important; } .margin-top-3 { margin-top:3px !important; } .margin-top-6 { margin-top:6px !important; } .margin-top-8 { margin-top:8px !important; } .margin-top-10 { margin-top:10px !important; } .margin-top-15 { margin-top:15px !important; } .margin-top-20 { margin-top:20px !important; } .margin-top-25 { margin-top:25px !important; } .margin-top-30 { margin-top:30px !important; } .margin-top-40 { margin-top:40px !important; } .margin-top-50 { margin-top:50px !important; } .margin-top-60 { margin-top:60px !important; } .margin-top-80 { margin-top:80px !important; } .margin-top-100 { margin-top:100px !important; } .margin-top-130 { margin-top:130px !important; } .margin-top-150 { margin-top:150px !important; } .margin-top-180 { margin-top:180px !important; } .margin-top-200 { margin-top:200px !important; } .margin-bottom-0 { margin-bottom:0 !important; } .margin-bottom-1 { margin-bottom:1px !important; } .margin-bottom-2 { margin-bottom:2px !important; } .margin-bottom-3 { margin-bottom:3px !important; } .margin-bottom-6 { margin-bottom:6px !important; } .margin-bottom-8 { margin-bottom:8px !important; } .margin-bottom-10 { margin-bottom:10px !important; } .margin-bottom-20 { margin-bottom:20px !important; } .margin-bottom-15 { margin-bottom:15px !important; } .margin-bottom-30 { margin-bottom:30px !important; } .margin-bottom-40 { margin-bottom:40px !important; } .margin-bottom-50 { margin-bottom:50px !important; } .margin-bottom-60 { margin-bottom:60px !important; } .margin-bottom-80 { margin-bottom:80px !important; } .margin-bottom-100 { margin-bottom:100px !important; } .margin-bottom-130 { margin-bottom:130px !important; } .margin-bottom-150 { margin-bottom:150px !important; } .margin-bottom-180 { margin-bottom:180px !important; } .margin-bottom-200 { margin-bottom:200px !important; } .margin-left-0 { margin-left:0 !important; } .margin-left-3 { margin-left:3px !important; } .margin-left-6 { margin-left:6px !important; } .margin-left-8 { margin-left:8px !important; } .margin-left-10 { margin-left:10px !important; } .margin-left-15 { margin-left:15px !important; } .margin-left-20 { margin-left:20px !important; } .margin-left-30 { margin-left:30px !important; } .margin-left-40 { margin-left:40px !important; } .margin-left-50 { margin-left:50px !important; } .margin-left-60 { margin-left:60px !important; } .margin-left-80 { margin-left:80px !important; } .margin-left-100 { margin-left:100px !important; } .margin-left-130 { margin-left:130px !important; } .margin-left-150 { margin-left:150px !important; } .margin-left-180 { margin-left:180px !important; } .margin-left-200 { margin-left:200px !important; } .margin-left-250 { margin-left:250px !important; } .margin-left-300 { margin-left:300px !important; } .margin-right-0 { margin-right:0 !important; } .margin-right-3 { margin-right:3px !important; } .margin-right-6 { margin-right:6px !important; } .margin-right-8 { margin-right:8px !important; } .margin-right-10 { margin-right:10px !important; } .margin-right-15 { margin-right:15px !important; } .margin-right-20 { margin-right:20px !important; } .margin-right-30 { margin-right:30px !important; } .margin-right-40 { margin-right:40px !important; } .margin-right-50 { margin-right:50px !important; } .margin-right-60 { margin-right:60px !important; } .margin-right-80 { margin-right:80px !important; } .margin-right-100 { margin-right:100px !important; } .margin-right-130 { margin-right:130px !important; } .margin-right-150 { margin-right:150px !important; } .margin-right-180 { margin-right:180px !important; } .margin-right-200 { margin-right:200px !important; } .margin-right-250 { margin-right:250px !important; } .margin-right-300 { margin-right:300px !important; } .line-height-0 { line-height:0 !important; } .line-height-10 { line-height:10px !important; } .line-height-20 { line-height:20px !important; } .line-height-30 { line-height:30px !important; } .line-height-40 { line-height:40px !important; } .line-height-50 { line-height:50px !important; } .line-height-60 { line-height:60px !important; } .line-height-70 { line-height:70px !important; } .line-height-80 { line-height:80px !important; } .line-height-90 { line-height:90px !important; } .line-height-100 { line-height:100px !important; } .nopadding { padding:0 !important; } .nopadding-left { padding-left:0 !important; } .nopadding-right { padding-right:0 !important; } .nopadding-top { padding-top:0 !important; } .nopadding-bottom { padding-bottom:0 !important; } .nomargin { margin:0 !important; } .nomargin-left { margin-left:0 !important; } .nomargin-right { margin-right:0 !important; } .nomargin-top { margin-top:0 !important; } .nomargin-bottom { margin-bottom:0 !important; } .noborder { border:0 !important; } .noborder-left { border-left:0 !important; } .noborder-right { border-right:0 !important; } .noborder-top { border-top:0 !important; } .noborder-bottom { border-bottom:0 !important; } .nobg { background:transparent; } .lowercase { text-transform:lowercase; } .uppercase { text-transform:uppercase; } .noradius { -webkit-border-radius:0 !important; -moz-border-radius:0 !important; border-radius:0 !important; } .font-style-italic { font-style:italic; } .font-style-normal { font-style:normal; } .pointer { cursor:pointer; } .block { display:block !important; } .block-inline { display:inline-block !important; } .inline-block { display:inline-block !important; } .bold { font-weight:bold !important; } .fullwidth { width:100% !important; max-width:100% !important; } .halfwidth { width:50% !important; } .justify { text-align:justify; } .relative { position:relative; } .absolute { position:absolute !important; top:0; left:0; right:0; bottom:0; } .text-left { text-align:left !important; } .text-right { text-align:right !important; } .noshadow { box-shadow:none !important; text-shadow:none !important; } .nofloat { float:none !important; } .display-table { display:table; width:100%; height:100%; position:relative; z-index:99; } .display-table-cell { display:table-cell; width:100%; height:100%; } .vertical-align-middle { vertical-align:middle; } .txt-no-decoration { text-decoration:none !important; } .softhide { display:none; } img.pull-left { margin:0 20px 10px 0; } img.pull-right { margin:0 0 10px 20px; } ul>li>i { margin-right:10px; } .text-underline { text-decoration: underline !important; } .no-text-underline, .no-text-decoration { text-decoration:none; } .line-through { text-decoration: line-through; } .btn>i { padding-right:6px; } video.fullvideo { width:100%; height:100%; } .nortl { direction: ltr; } .rtl { direction: rtl; } .ltr { direction: ltr; } .z-index-0 { z-index:0 !important; } .z-index-1 { z-index:1 !important; } .pull-left { float: left; } .pull-right { float: right; } .text-vertical { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } @media only screen and (max-width: 960px) { .text-vertical { -webkit-transform: none !important; -moz-transform: none !important; -o-transform: none !important; -ms-transform: none !important; transform: none !important; } } @media only screen and (max-width: 760px) { .text-xs-center { text-align:center !important; } .nofloat-xs { float: none !important; } .nomargin-xs { margin: 0 !important; } .nopadding-xs { padding: 0 !important; } .block-xs { display: block !important; } .btn-lg-xs { display: block !important; width: 100% !important; } } .cover-column { background-position: left top; background-repeat: no-repeat; background-size: cover; min-height: 200px; height: 100%; } /* borders */ .border-top-1 { border-top: 1px solid #ddd; } .border-top-2 { border-top: 2px solid #ddd; } .border-top-3 { border-top: 3px solid #ddd; } .border-bottom-1 { border-bottom: 1px solid #ddd; } .border-bottom-2 { border-bottom: 2px solid #ddd; } .border-bottom-3 { border-bottom: 3px solid #ddd; } .box-border-shadow { border: 1px solid rgba(0,0,0,.125); display: block; -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.15); -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.15); box-shadow: 0 0 5px 0 rgba(0,0,0,0.15); } .border-bottom-dashed:before { content: ""; display: block; width: 100%; height: 1px; position: absolute; bottom: -6px; border-bottom: 1px dashed #999; } .border-bottom-dotted:before { content: ""; display: block; width: 100%; height: 1px; position: absolute; bottom: -6px; border-bottom: 1px dotted #999; } /* break words */ .break-word { white-space: pre; /* CSS 2.0 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3.0 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ white-space: -moz-pre-wrap; /* Mozilla */ white-space: -hp-pre-wrap; /* HP Printers */ word-wrap: break-word; /* IE 5+ */ } /* No Tramsition */ .no-transition { -webkit-transition: all 0s !important; -moz-transition: all 0s !important; -o-transition: all 0s !important; transition: all 0s !important; } /* greyscale */ .grayscale-hover-color, .grayscale { filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(99%); /* Chrome 19+ & Safari 6+ */ -webkit-backface-visibility: hidden; /* Fix for transition flickering */ -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .grayscale-hover-color:hover { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: color; } /* ellipsis */ .elipsis { overflow:hidden; text-overflow:ellipsis; white-space: nowrap; } /* no selectrion */ .noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* text color */ .text-default { color:#c6c6c6 !important; } .text-danger { color:#b92c28 !important; } .text-warning { color:#e38d13 !important; } .text-info { color:#28a4c9 !important; } .text-primary { color:#245580 !important; } .text-success { color:#02B700 !important; } .tex-white { color:#fff !important; } .tex-black { color:#111 !important; } /* badge color (from bootstrap 4) */ .badge { display: inline-block; padding: .25em .4em; font-size: 75%; line-height: 1; color: #fff; vertical-align: baseline; border-radius: .25rem; } .badge-default { background-color: #636c72; } .badge-default[href]:focus, .badge-default[href]:hover { background-color: #4b5257; } .badge-primary { background-color: #0275d8; } .badge-primary[href]:focus, .badge-primary[href]:hover { background-color: #025aa5; } .badge-success { background-color: #5cb85c; } .badge-success[href]:focus, .badge-success[href]:hover { background-color: #449d44; } .badge-info { background-color: #5bc0de; } .badge-info[href]:focus, .badge-info[href]:hover { background-color: #31b0d5; } .badge-warning { background-color: #f0ad4e; } .badge-warning[href]:focus, .badge-warning[href]:hover { background-color: #ec971f; } .badge-danger { background-color: #d9534f; } .badge-danger[href]:focus, .badge-danger[href]:hover { background-color: #c9302c; } /* absolute/fixed position */ .top-left { top:0; bottom:auto; left:0; right:auto; } .top-right { top:0; bottom:auto; left:auto; right:0; } .bottom-left { top:auto; bottom:0; left:0; right:auto; } .bottom-right { top:auto; bottom:0; left:auto; right:0; } .top-center { top:0; bottom:auto; left:auto; right:auto; } .bottom-center { top:auto; bottom:0; left:auto; right:auto; } .position-bottom { top:auto; bottom:0; } .position-top { top:0; bottom:auto; } .opacity-0 { filter: Alpha(Opacity=0); opacity:0; } .opacity-1 { filter: Alpha(Opacity=10); opacity:0.1; } .opacity-2 { filter: Alpha(Opacity=20); opacity:0.2; } .opacity-3 { filter: Alpha(Opacity=30); opacity:0.3; } .opacity-4 { filter: Alpha(Opacity=40); opacity:0.4; } .opacity-5 { filter: Alpha(Opacity=50); opacity:0.5; } .opacity-6 { filter: Alpha(Opacity=60); opacity:0.6; } .opacity-7 { filter: Alpha(Opacity=70); opacity:0.7; } .opacity-8 { filter: Alpha(Opacity=80); opacity:0.8; } .opacity-9 { filter: Alpha(Opacity=90); opacity:0.9; } .opacity-10 { filter: Alpha(Opacity=100); opacity:1; } hr { border:0; height: 1px; background-image: -webkit-linear-gradient(left, transparent, rgba(0, 0, 0, 0.2), transparent); background-image: -moz-linear-gradient(left, transparent, rgba(0, 0, 0, 0.2), transparent); background-image: -ms-linear-gradient(left, transparent, rgba(0, 0, 0, 0.2), transparent); background-image: -o-linear-gradient(left, transparent, rgba(0, 0, 0, 0.2), transparent); background-image: linear-gradient(left, transparent, rgba(0, 0, 0, 0.2), transparent); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d6', endColorstr='#d6d6d6',GradientType=0 ); /* IE6-9 */ } /* radius */ .radius-0 { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .radius-3 { -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important; } .radius-4{ -webkit-border-radius: 4px !important; -moz-border-radius: 4px !important; border-radius: 4px !important; } .radius-5 { -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; border-radius: 5px !important; } .radius-6 { -webkit-border-radius: 6px !important; -moz-border-radius: 6px !important; border-radius: 6px !important; } .radius-7 { -webkit-border-radius: 7px !important; -moz-border-radius: 7px !important; border-radius: 7px !important; } .radius-8 { -webkit-border-radius: 8px !important; -moz-border-radius: 8px !important; border-radius: 8px !important; } /* letter spacing */ .letter-spacing-0 { letter-spacing: 0em !important; } .letter-spacing-1 { letter-spacing: 0.1em !important; } .letter-spacing-2 { letter-spacing: 0.2em !important; } .letter-spacing-3 { letter-spacing: 0.3em !important; } .letter-spacing-4 { letter-spacing: 0.4em !important; } .letter-spacing-5 { letter-spacing: 0.5em !important; } .letter-spacing-6 { letter-spacing: 0.6em !important; } .letter-spacing-7 { letter-spacing: 0.7em !important; } .letter-spacing-8 { letter-spacing: 0.8em !important; } .letter-spacing-9 { letter-spacing: 0.9em !important; } .letter-spacing-10 { letter-spacing: 1em !important; } /* Columnize Text */ .columnize-2 { margin: 0 0 1.313em; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 3em; -moz-column-gap: 3em; column-gap: 3em; -webkit-column-rule: 1px solid rgba(0,0,0,0.05); -moz-column-rule: 1px solid rgba(0,0,0,0.05); column-rule: 1px solid rgba(0,0,0,0.05); } .columnize-3 { margin: 0 0 1.313em; -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 3em; -moz-column-gap: 3em; column-gap: 3em; -webkit-column-rule: 1px solid rgba(0,0,0,0.05); -moz-column-rule: 1px solid rgba(0,0,0,0.05); column-rule: 1px solid rgba(0,0,0,0.05); } .columnize-4 { margin: 0 0 1.313em; -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; -webkit-column-gap: 3em; -moz-column-gap: 3em; column-gap: 3em; -webkit-column-rule: 1px solid rgba(0,0,0,0.05); -moz-column-rule: 1px solid rgba(0,0,0,0.05); column-rule: 1px solid rgba(0,0,0,0.05); } .columnize-5 { margin: 0 0 1.313em; -webkit-column-count: 5; -moz-column-count: 5; column-count: 5; -webkit-column-gap: 3em; -moz-column-gap: 3em; column-gap: 3em; -webkit-column-rule: 1px solid rgba(0,0,0,0.05); -moz-column-rule: 1px solid rgba(0,0,0,0.05); column-rule: 1px solid rgba(0,0,0,0.05); } .columnize-6 { margin: 0 0 1.313em; -webkit-column-count: 6; -moz-column-count: 6; column-count: 6; -webkit-column-gap: 3em; -moz-column-gap: 3em; column-gap: 3em; -webkit-column-rule: 1px solid rgba(0,0,0,0.05); -moz-column-rule: 1px solid rgba(0,0,0,0.05); column-rule: 1px solid rgba(0,0,0,0.05); } @media only screen and (max-width: 767px) { .columnize-4, .columnize-5, .columnize-6 { margin: 0 0 1.313em; -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 3em; -moz-column-gap: 3em; column-gap: 3em; -webkit-column-rule: 1px solid rgba(0,0,0,0.05); -moz-column-rule: 1px solid rgba(0,0,0,0.05); column-rule: 1px solid rgba(0,0,0,0.05); } } @media only screen and (max-width: 480px) { .columnize-2, .columnize-3, .columnize-4, .columnize-5, .columnize-6 { font-size:13px; -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } } /* rounded */ .rounded { -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; border-radius: 50% !important; } /** Bootstrap 5 column equal grid ******************************** **/ .col-xs-5th, .col-sm-5th, .col-md-5th, .col-lg-5th { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; width: 20%; float: left; } @media (min-width: 768px) { .col-sm-5th { width: 20%; float: left; } } @media (min-width: 992px) { .col-md-5th { width: 20%; float: left; } } @media (min-width: 1200px) { .col-lg-5th { width: 20%; float: left; } } @media only screen and (max-width: 992px) { .col-md-5th { width:100%; float:none; display:block; } .col-md-5th.col-sm-5th { width: 20%; float: left; } } @media only screen and (max-width: 769px) { .col-md-5th.col-sm-5th { width:100%; float:none; display:block; } } /** Non Bootstrap Grid [visible lines] ******************************** **/ ul.grid { border: 1px solid rgba(0,0,0,.1); border-right:0; border-bottom:0; list-style: none; margin: 0; padding: 0; display: table; clear: both; direction: ltr !important; width: 100%; } ul.grid>li a { text-decoration: none; } ul.grid>li { display: inline-block; width: 25%; text-align: center; line-height: 1; position: relative; float: left; -webkit-box-shadow: 1px 1px 0 0 rgba(0,0,0,.1); -moz-box-shadow: 1px 1px 0 0 rgba(0,0,0,.1); box-shadow: 1px 1px 0 0 rgba(0,0,0,.1); } ul.grid>li img { vertical-align: middle; } ul.grid.grid-1 { border: 0; } ul.grid.grid-1>li { width: 100%; margin-bottom: 30px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: 1px solid rgba(0,0,0,.1);; } ul.grid.grid-2>li { width: 50%; } ul.grid.grid-3>li { width: 33.333333%; } ul.grid.grid-4>li { width: 25%; } ul.grid.grid-5>li { width: 20%; height: 190px; line-height: 190px; } ul.grid.grid-6>li { width: 16.666%; height: 160px; line-height: 160px; } ul.grid.grid-7>li { width: 14.2%; height: 160px; line-height: 160px; } ul.grid.grid-8>li { width: 12.5%; height: 160px; line-height: 160px; } ul.grid.grid-9>li { width: 11.1%; height: 160px; line-height: 160px; } ul.grid.grid-10>li { width: 10%; height: 160px; line-height: 160px; } @media only screen and (max-width: 1024px) { ul.grid.grid-7>li, ul.grid.grid-8>li, ul.grid.grid-9>li, ul.grid.grid-10>li { width: 25%; } ul.grid.grid-6>li, ul.grid.grid-5>li { width: 25%; } } @media only screen and (max-width: 768px) { ul.grid.grid-10>li, ul.grid.grid-9>li, ul.grid.grid-7>li, ul.grid.grid-6>li, ul.grid.grid-5>li { width: 33.333333%; } ul.grid.grid-4>li { width: 50%; } ul.grid.grid-8>li { width: 12.5% } ul.grid.grid-sm-10>li { width: 10% !important; } ul.grid.grid-sm-9>li { width: 11.1% !important; } ul.grid.grid-sm-8>li { width: 12.5% !important; } ul.grid.grid-sm-7>li { width: 14.2% !important; } ul.grid.grid-sm-6>li { width: 16.6% !important; } ul.grid.grid-sm-5>li { width: 20% !important; } ul.grid.grid-sm-4>li { width: 25% !important; } ul.grid.grid-sm-3>li { width: 33.33% !important; } ul.grid.grid-sm-2>li { width: 50% !important; } ul.grid.grid-sm-1>li { width: 100% !important; } } @media only screen and (max-width: 600px) { ul.grid.grid-10>li, ul.grid.grid-9>li, ul.grid.grid-7>li, ul.grid.grid-6>li, ul.grid.grid-5>li, ul.grid.grid-4>li, ul.grid.grid-3>li { width: 50%; } ul.grid.grid-3>li:last-child { width: 100%; } ul.grid.grid-8>li { width: 25%; } ul.grid.grid-xs-10>li { width: 10% !important; } ul.grid.grid-xs-9>li { width: 11.1% !important; } ul.grid.grid-xs-8>li { width: 12.5% !important; } ul.grid.grid-xs-7>li { width: 14.2% !important; } ul.grid.grid-xs-6>li { width: 16.6% !important; } ul.grid.grid-xs-5>li { width: 20% !important; } ul.grid.grid-xs-4>li { width: 25% !important; } ul.grid.grid-xs-3>li { width: 33.33% !important; } ul.grid.grid-xs-2>li { width: 50% !important; } ul.grid.grid-xs-1>li { width: 100% !important; } } @media only screen and (min-width: 768px) { ul.grid.grid-md-10>li { width: 10% !important; } ul.grid.grid-md-9>li { width: 11.1% !important; } ul.grid.grid-md-8>li { width: 12.5% !important; } ul.grid.grid-md-7>li { width: 14.2% !important; } ul.grid.grid-md-6>li { width: 16.6% !important; } ul.grid.grid-md-5>li { width: 20% !important; } ul.grid.grid-md-4>li { width: 25% !important; } ul.grid.grid-md-3>li { width: 33.33% !important; } ul.grid.grid-md-2>li { width: 50% !important; } ul.grid.grid-md-1>li { width: 100% !important; } } /* required for BS4 and ZOOM - do not remove! */ .thumbnail { display: block; padding: 4px; margin-bottom: 20px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: border .2s ease-in-out; -o-transition: border .2s ease-in-out; transition: border .2s ease-in-out; } /** 17. Social icons *************************************************** **/ .social-icon { margin: 0 5px 5px 0; width: 40px; height: 40px; text-shadow: 1px 1px 1px rgba(0,0,0,.3); border-color: transparent; overflow: hidden; display:inline-block; text-decoration:none !important; text-align: center; cursor: pointer; font-style: normal; letter-spacing: 0em !important; color: #eaeaea !important; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .social-icon:hover>i { color:#fff; } .social-icon i { display: block; position: relative; width: 40px; height: 40px; margin-top:6px; font-size: 28px; } .social-icon:hover i:first-child { margin-top: -38px; } .social-icon:hover i:last-child { margin-top:4px; } @media only screen and (min-width: 768px) { .social-icon { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .social-icon i { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } } /* medium */ a.social-icon>i[class*=" icon-"], a.social-icon>i[class^=icon-] { font-size:20px; } /* small */ a.social-icon.social-icon-sm, a.social-icon.social-icon-sm>i { width:30px; height:30px; margin-top:3px; font-size: 17px; line-height:23px; } a.social-icon.social-icon-sm>i:last-child { padding-top:7px; } a.social-icon.social-icon-sm>i[class*=" icon-"], a.social-icon.social-icon-sm>i[class^=icon-] { font-size:17px; } .social-facebook:hover { background-color: #3B5998 !important; } .social-facebook { background-color: #3B5998; } .social-delicious:hover { background-color: #205CC0 !important; } .social-delicious { background-color: #205CC0; } .social-paypal:hover { background-color: #00588B !important; } .social-paypal { background-color: #00588B; } .social-flattr:hover{ background-color: #F67C1A !important; } .social-flattr { background-color: #F67C1A; } .social-android:hover{ background-color: #A4C639 !important; } .social-android { background-color: #A4C639; } .social-smashmag:hover { background-color: #E53B2C !important; } .social-smashmag { background-color: #E53B2C; } .social-gplus:hover { background-color: #DD4B39 !important; } .social-gplus { background-color: #DD4B39; } .social-wikipedia:hover { background-color: #333 !important; } .social-wikipedia { background-color: #333; } .social-stumbleupon:hover { background-color: #F74425 !important; } .social-stumbleupon { background-color: #F74425; } .social-foursquare:hover { background-color: #25A0CA !important; } .social-foursquare { background-color: #25A0CA; } .social-call:hover { background-color: #444 !important; } .social-call { background-color: #444; } .social-ninetyninedesigns:hover { background-color: #F26739 !important; } .social-ninetyninedesigns { background-color: #F26739; } .social-forrst:hover { background-color: #5B9A68 !important; } .social-forrst { background-color: #5B9A68; } .social-digg:hover { background-color: #191919 !important; } .social-digg { background-color: #191919; } .social-spotify:hover{ background-color: #81B71A !important; } .social-spotify { background-color: #81B71A; } .social-reddit:hover { background-color: #C6C6C6 !important; } .social-reddit { background-color: #C6C6C6; } .social-blogger:hover { background-color: #FC4F08 !important; } .social-blogger { background-color: #FC4F08; } .social-cc:hover { background-color: #688527 !important; } .social-cc { background-color: #688527; } .social-dribbble:hover { background-color: #EA4C89 !important; } .social-dribbble { background-color: #EA4C89; } .social-evernote:hover { background-color: #5BA525 !important; } .social-evernote { background-color: #5BA525; } .social-flickr:hover { background-color: #FF0084 !important; } .social-flickr { background-color: #FF0084; } .social-google:hover { background-color: #DD4B39 !important; } .social-google { background-color: #DD4B39; } .social-instapaper:hover { background-color: #333 !important; } .social-instapaper { background-color: #333; } .social-klout:hover { background-color: #FF5F52 !important; } .social-klout { background-color: #FF5F52; } .social-linkedin:hover { background-color: #0E76A8 !important; } .social-linkedin { background-color: #0E76A8; } .social-vk:hover { background-color: #2B587A !important; } .social-vk { background-color: #2B587A; } .social-rss:hover { background-color: #EE802F !important; } .social-rss { background-color: #EE802F; } .social-skype:hover { background-color: #00AFF0 !important; } .social-skype { background-color: #00AFF0; } .social-twitter:hover { background-color: #00ACEE !important; } .social-twitter { background-color: #00ACEE; } .social-youtube:hover { background-color: #C4302B !important; } .social-youtube { background-color: #C4302B; } .social-vimeo:hover { background-color: #86C9EF !important; } .social-vimeo { background-color: #86C9EF; } .social-aim:hover { background-color: #FCD20B !important; } .social-aim { background-color: #FCD20B; } .social-yahoo:hover { background-color: #720E9E !important; } .social-yahoo { background-color: #720E9E; } .social-email3:hover { background-color: #6567A5 !important; } .social-email3 { background-color: #6567A5; } .social-macstore:hover { background-color: #333333 !important; } .social-macstore { background-color: #333333; } .social-myspace:hover { background-color: #666666 !important; } .social-myspace { background-color: #666666; } .social-podcast:hover { background-color: #E4B21B !important; } .social-podcast { background-color: #E4B21B; } .social-cloudapp:hover { background-color: #525557 !important; } .social-cloudapp { background-color: #525557; } .social-dropbox:hover { background-color: #3D9AE8 !important; } .social-dropbox { background-color: #3D9AE8; } .social-ebay:hover { background-color: #89C507 !important; } .social-ebay { background-color: #89C507; } .social-github:hover { background-color: #171515 !important; } .social-github { background-color: #171515; } .social-googleplay:hover { background-color: #DD4B39 !important; } .social-googleplay { background-color: #DD4B39; } .social-itunes:hover { background-color: #222 !important; } .social-itunes { background-color: #222; } .social-plurk:hover { background-color: #CF5A00 !important; } .social-plurk { background-color: #CF5A00; } .social-pinboard:hover { background-color: #0000E6 !important; } .social-pinboard { background-color: #0000E6; } .social-soundcloud:hover { background-color: #FF7700 !important; } .social-soundcloud { background-color: #FF7700; } .social-tumblr:hover { background-color: #34526F !important; } .social-tumblr { background-color: #34526F; } .social-wordpress:hover { background-color: #1E8CBE !important; } .social-wordpress { background-color: #1E8CBE; } .social-yelp:hover { background-color: #C41200 !important; } .social-yelp { background-color: #C41200; } .social-intensedebate:hover { background-color: #009EE4 !important; } .social-intensedebate { background-color: #009EE4; } .social-eventbrite:hover { background-color: #F16924 !important; } .social-eventbrite { background-color: #F16924; } .social-scribd:hover { background-color: #666666 !important; } .social-scribd { background-color: #666666; } .social-stripe:hover { background-color: #008CDD !important; } .social-stripe { background-color: #008CDD; } .social-print:hover { background-color: #111 !important; } .social-print { background-color: #111; } .social-dwolla:hover { background-color: #FF5C03 !important; } .social-dwolla { background-color: #FF5C03; } .social-statusnet:hover { background-color: #131A30 !important; } .social-statusnet { background-color: #131A30; } .social-acrobat:hover { background-color: #D3222A !important; } .social-acrobat { background-color: #D3222A; } .social-drupal:hover { background-color: #27537A !important; } .social-drupal { background-color: #27537A; } .social-buffer:hover { background-color: #333333 !important; } .social-buffer { background-color: #333333; } .social-pocket:hover { background-color: #EE4056 !important; } .social-pocket { background-color: #EE4056; } .social-bitbucket:hover { background-color: #0E4984 !important; } .social-bitbucket { background-color: #0E4984; } .social-stackoverflow:hover { background-color: #EF8236 !important; } .social-stackoverflow { background-color: #EF8236; } .social-hackernews:hover { background-color: #FF6600 !important; } .social-hackernews { background-color: #FF6600; } .social-xing:hover { background-color: #126567 !important; } .social-xing { background-color: #126567; } .social-instagram:hover { background-color: #3F729B !important; } .social-instagram { background-color: #3F729B; } .social-quora:hover { background-color: #A82400 !important; } .social-quora { background-color: #A82400; } .social-openid:hover { background-color: #E16309 !important; } .social-openid { background-color: #E16309; } .social-steam:hover { background-color: #111 !important; } .social-steam { background-color: #111; } .social-amazon:hover { background-color: #E47911 !important; } .social-amazon { background-color: #E47911; } .social-disqus:hover { background-color: #E4E7EE !important; } .social-disqus { background-color: #E4E7EE; } .social-plancast:hover { background-color: #222 !important; } .social-plancast { background-color: #222; } .social-appstore:hover { background-color: #000 !important; } .social-appstore { background-color: #000; } .social-pinterest:hover { background-color: #C8232C !important; } .social-pinterest { background-color: #C8232C; } .social-fivehundredpx:hover { background-color: #111 !important; } .social-fivehundredpx { background-color: #111; } /* rounded social icons */ a.social-icon.social-icon-round { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } /* bordered social icons */ a.social-icon.social-icon-border { background-color:transparent; border:#999 1px solid; color:#565656 !important; text-shadow:none; } a.social-icon.social-icon-border:hover { border-color:transparent; } a.social-icon.social-icon-border:hover>i { color:#fff !important; } section.dark a.social-icon.social-icon-border { color:#fff !important; } section.dark a.social-icon.social-icon-border:hover>i { color:#111 !important; } /* light social icons */ a.social-icon.social-icon-light { background-color:rgba(0,0,0,0.1); text-shadow:none; color:#888 !important; } a.social-icon.social-icon-light:hover>i { color:#fff !important; } section.dark a.social-icon.social-icon-light { background-color:#666; color:#fff !important; } section.dark a.social-icon.social-icon-light:hover>i { color:#111 !important; } /* dark social icons */ a.social-icon.social-icon-dark { background-color:#444; text-shadow:none; color:#eee !important; } a.social-icon.social-icon-dark:hover>i { color:#fff !important; } section.dark a.social-icon.social-icon-dark { background-color:#111; color:#fff !important; } /* transparent social icons */ a.social-icon.social-icon-transparent { background-color:transparent; text-shadow:none; color:#666 !important; } a.social-icon.social-icon-transparent:hover>i { color:#fff !important; } section.dark a.social-icon.social-icon-transparent { color:#999 !important; } section.dark a.social-icon.social-icon-transparent:hover>i { color:#fff !important; } /** 18. Buttons *************************************************** **/ .btn, .btn-group { /*margin: 5px 5px 5px 0;*/ } .btn.pull-right, .btn-group.pull-right { margin: 5px 0 5px 5px; } /* btn fancy */ .btn-fancy { -webkit-border-bottom-right-radius: 15px!important; -webkit-border-top-left-radius: 15px!important; -moz-border-radius-bottom-right: 15px!important; -moz-border-radius-top-left: 15px!important; border-bottom-right-radius: 15px!important; border-top-left-radius: 15px!important; } .btn-fancy-left { -webkit-border-top-left-radius: 15px!important; -moz-border-radius-top-left: 15px!important; border-top-left-radius: 15px!important; } .btn-fancy-right { -webkit-border-bottom-right-radius: 15px!important; -moz-border-radius-bottom-right: 15px!important; border-bottom-right-radius: 15px!important; } /* btn flat */ .btn-flat { background-color: #ddd; color: #333; border: 0; } .btn-flat:hover { opacity: 0.7; } /* btn dark */ .btn-dark { color: #fff !important; background-color: #000; } .btn-dark:hover { opacity: 0.8; } .btn-group .btn { margin-right:0; margin-left:0; } #header .btn, #footer .btn, .dropdown .btn, .input-group .btn { margin:0; } /* translucid */ .btn-translucid { color:#fff; border:rgba(0,0,0,0.07) 1px solid; background-color:rgba(0,0,0,0.07); -webkit-transition: all .400s; -moz-transition: all .400s; -o-transition: all .400s; transition: all .400s; } .btn-translucid:hover { color:#fff; background-color:rgba(0,0,0,0.2); } /* 3D Buttons */ .btn-3d { border-bottom: 3px solid rgba(0,0,0,.15); } .btn-3d:hover { opacity: 0.9; filter: alpha(opacity=90); } .btn-3d.btn-link { border-bottom:0; } /* Extra Large Buttons */ .btn-xlg { padding: 24px 34px; white-space: inherit; } /* Button reveal */ .btn.btn-reveal { padding-left:28px; padding-right:28px; overflow: hidden; position:relative; } .btn.btn-reveal i { display: block; position: absolute; left: -32px; width: 32px; top: 0; bottom:0; margin: 0; padding:0; font-size:17px; line-height:34px; text-align: center; background-color: rgba(0,0,0,0.1); } .btn.btn-reveal span { display: inline-block; position: relative; left: 0; } body:not(.device-touch) .btn.btn-reveal i, body:not(.device-touch) .btn.btn-reveal span { -webkit-transition: left 0.3s ease, right 0.3s ease; -o-transition: left 0.3s ease, right 0.3s ease; transition: left 0.3s ease, right 0.3s ease; } /* extra small */ .btn.btn-reveal.btn-xs { padding: 0 17px; } .btn.btn-reveal.btn-xs i { left: -22px; width: 22px; height: 28px; line-height: 20px; font-size:12px; } /* small */ .btn.btn-reveal.btn-sm { padding-left: 22px; padding-right: 22px; } .btn.btn-reveal.btn-sm i { left: -26px; width: 26px; height: 34px; line-height: 28px; font-size:14px; } /* large */ .btn.btn-reveal.btn-lg { padding-left:32px; padding-right:32px; } .btn.btn-reveal.btn-lg i { left: -38px; width: 38px; height: 46px; line-height: 46px; } /* extra large */ .btn.btn-reveal.btn-xlg { padding-left:40px; padding-right:40px; } .btn.btn-reveal.btn-xlg i { left: -44px; width: 44px; height: 72px; line-height: 72px; font-size:20px; } .btn.btn-reveal:hover i { left: 0; } .btn.btn-reveal:hover span { left: 16px; } /* Button Bordered */ .btn.btn-bordered { border-color:#333; border-width:2px; } .btn.btn-bordered:hover { color:#fff; background-color:#333; } /* button colors */ .btn-red { background-color: #C02942; color: #FFF !important; } .btn-teal { background-color: #53777A; color: #FFF !important; } .btn-yellow { background-color: #ECD078; color: #333 !important; } .btn-green { background-color: #59BA41; color: #FFF !important; } .btn-brown { background-color: #774F38; color: #FFF !important; } .btn-aqua { background-color: #40C0CB; color: #FFF !important; } .btn-lime { background-color: #AEE239; color: #FFF !important; } .btn-purple { background-color: #5D4157; color: #FFF !important; } .btn-leaf { background-color: #A8CABA; color: #333 !important; } .btn-pink { background-color: #F89FA1; color: #FFF !important; } .btn-dirtygreen { background-color: #1693A5; color: #FFF !important; } .btn-blue { background-color: #1265A8; color: #FFF !important; } .btn-amber { background-color: #EB9C4D; color: #FFF !important; } .btn-black { background-color: #111; color: #FFF !important; } .btn-white { background-color: #F9F9F9; color: #333 !important; } .fullwidth.btn-red:hover, .fullwidth.btn-teal:hover, .fullwidth.btn-yellow:hover, .fullwidth.btn-green:hover, .fullwidth.btn-brown:hover, .fullwidth.btn-aqua:hover, .fullwidth.btn-lime:hover, .fullwidth.btn-purple:hover, .fullwidth.btn-leaf:hover, .fullwidth.btn-pink:hover, .fullwidth.btn-dirtygreen:hover, .fullwidth.btn-blue:hover, .fullwidth.btn-amber:hover, .fullwidth.btn-black:hover, .fullwidth.btn-white:hover { color:#fff !important; background-color:#434343; } section.dark .btn-default { color:#fff; background-color:transparent; border-color:rgba(255,255,255,0.5); } .btn-clean { color:#555; } /* BOOTSTRAP REWRITE */ .btn, .form-control { height:40px; } .btn-sm, .btn-xs, .btn-lg, .btn-xlg { height:auto; } a.btn { line-height:26px; } a.btn.btn-xs { line-height:inherit; } .btn-3d { line-height:25px; margin-bottom:3px; } .btn-3d.btn-xlg { line-height:inherit; } /* bootstrap modal */ .modal-backdrop { background-color:#fff; } .modal-content { border:0; border-top:#333 4px solid; } .modal-dialog { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .modal-header .close { margin-top:2px; } /* * Social Buttons for Bootstrap * https://github.com/lipis/bootstrap-social Sign in with Twitter */ .btn-social{position:relative;padding-left:54px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:26px; margin:0;} .btn-social>:first-child{position:absolute;left:0;top:0;bottom:0;width:42px;line-height:40px;font-size:1.6em;text-align:center;border-right:1px solid rgba(0,0,0,0.2)} .btn-social>i{padding-right:0;height:40px;} .btn-social.btn-lg{padding-left:61px}.btn-social.btn-lg>:first-child{line-height:45px;width:45px;font-size:1.8em} .btn-social.btn-sm{padding-left:38px}.btn-social.btn-sm>:first-child{line-height:28px;width:28px;font-size:1.4em} .btn-social.btn-xs{padding-left:30px}.btn-social.btn-xs>:first-child{line-height:20px;width:20px;font-size:1.2em} .btn-social-icon{position:relative;padding-left:44px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:34px;width:34px;padding:0}.btn-social-icon>:first-child{position:absolute;left:0;top:0;bottom:0;width:32px;line-height:34px;font-size:1.6em;text-align:center;border-right:1px solid rgba(0,0,0,0.2)} .btn-social-icon.btn-lg{padding-left:61px}.btn-social-icon.btn-lg>:first-child{line-height:45px;width:45px;font-size:1.8em} .btn-social-icon.btn-sm{padding-left:38px}.btn-social-icon.btn-sm>:first-child{line-height:28px;width:28px;font-size:1.4em} .btn-social-icon.btn-xs{padding-left:30px}.btn-social-icon.btn-xs>:first-child{line-height:20px;width:20px;font-size:1.2em} .btn-social-icon>:first-child{border:none;text-align:center;width:100% !important} .btn-social-icon.btn-lg{height:45px;width:45px;padding-left:0;padding-right:0} .btn-social-icon.btn-sm{height:30px;width:30px;padding-left:0;padding-right:0} .btn-social-icon.btn-xs{height:22px;width:22px;padding-left:0;padding-right:0} .btn-adn{color:#fff;background-color:#d87a68;border-color:rgba(0,0,0,0.2)}.btn-adn:hover,.btn-adn:focus,.btn-adn:active,.btn-adn.active,.open>.dropdown-toggle.btn-adn{color:#fff;background-color:#ce563f;border-color:rgba(0,0,0,0.2)} .btn-adn:active,.btn-adn.active,.open>.dropdown-toggle.btn-adn{background-image:none} .btn-adn.disabled,.btn-adn[disabled],fieldset[disabled] .btn-adn,.btn-adn.disabled:hover,.btn-adn[disabled]:hover,fieldset[disabled] .btn-adn:hover,.btn-adn.disabled:focus,.btn-adn[disabled]:focus,fieldset[disabled] .btn-adn:focus,.btn-adn.disabled:active,.btn-adn[disabled]:active,fieldset[disabled] .btn-adn:active,.btn-adn.disabled.active,.btn-adn[disabled].active,fieldset[disabled] .btn-adn.active{background-color:#d87a68;border-color:rgba(0,0,0,0.2)} .btn-adn .badge{color:#d87a68;background-color:#fff} .btn-bitbucket{color:#fff;background-color:#205081;border-color:rgba(0,0,0,0.2)}.btn-bitbucket:hover,.btn-bitbucket:focus,.btn-bitbucket:active,.btn-bitbucket.active,.open>.dropdown-toggle.btn-bitbucket{color:#fff;background-color:#163758;border-color:rgba(0,0,0,0.2)} .btn-bitbucket:active,.btn-bitbucket.active,.open>.dropdown-toggle.btn-bitbucket{background-image:none} .btn-bitbucket.disabled,.btn-bitbucket[disabled],fieldset[disabled] .btn-bitbucket,.btn-bitbucket.disabled:hover,.btn-bitbucket[disabled]:hover,fieldset[disabled] .btn-bitbucket:hover,.btn-bitbucket.disabled:focus,.btn-bitbucket[disabled]:focus,fieldset[disabled] .btn-bitbucket:focus,.btn-bitbucket.disabled:active,.btn-bitbucket[disabled]:active,fieldset[disabled] .btn-bitbucket:active,.btn-bitbucket.disabled.active,.btn-bitbucket[disabled].active,fieldset[disabled] .btn-bitbucket.active{background-color:#205081;border-color:rgba(0,0,0,0.2)} .btn-bitbucket .badge{color:#205081;background-color:#fff} .btn-dropbox{color:#fff;background-color:#1087dd;border-color:rgba(0,0,0,0.2)}.btn-dropbox:hover,.btn-dropbox:focus,.btn-dropbox:active,.btn-dropbox.active,.open>.dropdown-toggle.btn-dropbox{color:#fff;background-color:#0d6aad;border-color:rgba(0,0,0,0.2)} .btn-dropbox:active,.btn-dropbox.active,.open>.dropdown-toggle.btn-dropbox{background-image:none} .btn-dropbox.disabled,.btn-dropbox[disabled],fieldset[disabled] .btn-dropbox,.btn-dropbox.disabled:hover,.btn-dropbox[disabled]:hover,fieldset[disabled] .btn-dropbox:hover,.btn-dropbox.disabled:focus,.btn-dropbox[disabled]:focus,fieldset[disabled] .btn-dropbox:focus,.btn-dropbox.disabled:active,.btn-dropbox[disabled]:active,fieldset[disabled] .btn-dropbox:active,.btn-dropbox.disabled.active,.btn-dropbox[disabled].active,fieldset[disabled] .btn-dropbox.active{background-color:#1087dd;border-color:rgba(0,0,0,0.2)} .btn-dropbox .badge{color:#1087dd;background-color:#fff} .btn-facebook{color:#fff;background-color:#3b5998;border-color:rgba(0,0,0,0.2)}.btn-facebook:hover,.btn-facebook:focus,.btn-facebook:active,.btn-facebook.active,.open>.dropdown-toggle.btn-facebook{color:#fff;background-color:#2d4373;border-color:rgba(0,0,0,0.2)} .btn-facebook:active,.btn-facebook.active,.open>.dropdown-toggle.btn-facebook{background-image:none} .btn-facebook.disabled,.btn-facebook[disabled],fieldset[disabled] .btn-facebook,.btn-facebook.disabled:hover,.btn-facebook[disabled]:hover,fieldset[disabled] .btn-facebook:hover,.btn-facebook.disabled:focus,.btn-facebook[disabled]:focus,fieldset[disabled] .btn-facebook:focus,.btn-facebook.disabled:active,.btn-facebook[disabled]:active,fieldset[disabled] .btn-facebook:active,.btn-facebook.disabled.active,.btn-facebook[disabled].active,fieldset[disabled] .btn-facebook.active{background-color:#3b5998;border-color:rgba(0,0,0,0.2)} .btn-facebook .badge{color:#3b5998;background-color:#fff} .btn-flickr{color:#fff;background-color:#ff0084;border-color:rgba(0,0,0,0.2)}.btn-flickr:hover,.btn-flickr:focus,.btn-flickr:active,.btn-flickr.active,.open>.dropdown-toggle.btn-flickr{color:#fff;background-color:#cc006a;border-color:rgba(0,0,0,0.2)} .btn-flickr:active,.btn-flickr.active,.open>.dropdown-toggle.btn-flickr{background-image:none} .btn-flickr.disabled,.btn-flickr[disabled],fieldset[disabled] .btn-flickr,.btn-flickr.disabled:hover,.btn-flickr[disabled]:hover,fieldset[disabled] .btn-flickr:hover,.btn-flickr.disabled:focus,.btn-flickr[disabled]:focus,fieldset[disabled] .btn-flickr:focus,.btn-flickr.disabled:active,.btn-flickr[disabled]:active,fieldset[disabled] .btn-flickr:active,.btn-flickr.disabled.active,.btn-flickr[disabled].active,fieldset[disabled] .btn-flickr.active{background-color:#ff0084;border-color:rgba(0,0,0,0.2)} .btn-flickr .badge{color:#ff0084;background-color:#fff} .btn-foursquare{color:#fff;background-color:#f94877;border-color:rgba(0,0,0,0.2)}.btn-foursquare:hover,.btn-foursquare:focus,.btn-foursquare:active,.btn-foursquare.active,.open>.dropdown-toggle.btn-foursquare{color:#fff;background-color:#f71752;border-color:rgba(0,0,0,0.2)} .btn-foursquare:active,.btn-foursquare.active,.open>.dropdown-toggle.btn-foursquare{background-image:none} .btn-foursquare.disabled,.btn-foursquare[disabled],fieldset[disabled] .btn-foursquare,.btn-foursquare.disabled:hover,.btn-foursquare[disabled]:hover,fieldset[disabled] .btn-foursquare:hover,.btn-foursquare.disabled:focus,.btn-foursquare[disabled]:focus,fieldset[disabled] .btn-foursquare:focus,.btn-foursquare.disabled:active,.btn-foursquare[disabled]:active,fieldset[disabled] .btn-foursquare:active,.btn-foursquare.disabled.active,.btn-foursquare[disabled].active,fieldset[disabled] .btn-foursquare.active{background-color:#f94877;border-color:rgba(0,0,0,0.2)} .btn-foursquare .badge{color:#f94877;background-color:#fff} .btn-github{color:#fff;background-color:#444;border-color:rgba(0,0,0,0.2)}.btn-github:hover,.btn-github:focus,.btn-github:active,.btn-github.active,.open>.dropdown-toggle.btn-github{color:#fff;background-color:#2b2b2b;border-color:rgba(0,0,0,0.2)} .btn-github:active,.btn-github.active,.open>.dropdown-toggle.btn-github{background-image:none} .btn-github.disabled,.btn-github[disabled],fieldset[disabled] .btn-github,.btn-github.disabled:hover,.btn-github[disabled]:hover,fieldset[disabled] .btn-github:hover,.btn-github.disabled:focus,.btn-github[disabled]:focus,fieldset[disabled] .btn-github:focus,.btn-github.disabled:active,.btn-github[disabled]:active,fieldset[disabled] .btn-github:active,.btn-github.disabled.active,.btn-github[disabled].active,fieldset[disabled] .btn-github.active{background-color:#444;border-color:rgba(0,0,0,0.2)} .btn-github .badge{color:#444;background-color:#fff} .btn-google{color:#fff;background-color:#dd4b39;border-color:rgba(0,0,0,0.2)}.btn-google:hover,.btn-google:focus,.btn-google:active,.btn-google.active,.open>.dropdown-toggle.btn-google{color:#fff;background-color:#c23321;border-color:rgba(0,0,0,0.2)} .btn-google:active,.btn-google.active,.open>.dropdown-toggle.btn-google{background-image:none} .btn-google.disabled,.btn-google[disabled],fieldset[disabled] .btn-google,.btn-google.disabled:hover,.btn-google[disabled]:hover,fieldset[disabled] .btn-google:hover,.btn-google.disabled:focus,.btn-google[disabled]:focus,fieldset[disabled] .btn-google:focus,.btn-google.disabled:active,.btn-google[disabled]:active,fieldset[disabled] .btn-google:active,.btn-google.disabled.active,.btn-google[disabled].active,fieldset[disabled] .btn-google.active{background-color:#dd4b39;border-color:rgba(0,0,0,0.2)} .btn-google .badge{color:#dd4b39;background-color:#fff} .btn-instagram{color:#fff;background-color:#3f729b;border-color:rgba(0,0,0,0.2)}.btn-instagram:hover,.btn-instagram:focus,.btn-instagram:active,.btn-instagram.active,.open>.dropdown-toggle.btn-instagram{color:#fff;background-color:#305777;border-color:rgba(0,0,0,0.2)} .btn-instagram:active,.btn-instagram.active,.open>.dropdown-toggle.btn-instagram{background-image:none} .btn-instagram.disabled,.btn-instagram[disabled],fieldset[disabled] .btn-instagram,.btn-instagram.disabled:hover,.btn-instagram[disabled]:hover,fieldset[disabled] .btn-instagram:hover,.btn-instagram.disabled:focus,.btn-instagram[disabled]:focus,fieldset[disabled] .btn-instagram:focus,.btn-instagram.disabled:active,.btn-instagram[disabled]:active,fieldset[disabled] .btn-instagram:active,.btn-instagram.disabled.active,.btn-instagram[disabled].active,fieldset[disabled] .btn-instagram.active{background-color:#3f729b;border-color:rgba(0,0,0,0.2)} .btn-instagram .badge{color:#3f729b;background-color:#fff} .btn-linkedin{color:#fff;background-color:#007bb6;border-color:rgba(0,0,0,0.2)}.btn-linkedin:hover,.btn-linkedin:focus,.btn-linkedin:active,.btn-linkedin.active,.open>.dropdown-toggle.btn-linkedin{color:#fff;background-color:#005983;border-color:rgba(0,0,0,0.2)} .btn-linkedin:active,.btn-linkedin.active,.open>.dropdown-toggle.btn-linkedin{background-image:none} .btn-linkedin.disabled,.btn-linkedin[disabled],fieldset[disabled] .btn-linkedin,.btn-linkedin.disabled:hover,.btn-linkedin[disabled]:hover,fieldset[disabled] .btn-linkedin:hover,.btn-linkedin.disabled:focus,.btn-linkedin[disabled]:focus,fieldset[disabled] .btn-linkedin:focus,.btn-linkedin.disabled:active,.btn-linkedin[disabled]:active,fieldset[disabled] .btn-linkedin:active,.btn-linkedin.disabled.active,.btn-linkedin[disabled].active,fieldset[disabled] .btn-linkedin.active{background-color:#007bb6;border-color:rgba(0,0,0,0.2)} .btn-linkedin .badge{color:#007bb6;background-color:#fff} .btn-microsoft{color:#fff;background-color:#2672ec;border-color:rgba(0,0,0,0.2)}.btn-microsoft:hover,.btn-microsoft:focus,.btn-microsoft:active,.btn-microsoft.active,.open>.dropdown-toggle.btn-microsoft{color:#fff;background-color:#125acd;border-color:rgba(0,0,0,0.2)} .btn-microsoft:active,.btn-microsoft.active,.open>.dropdown-toggle.btn-microsoft{background-image:none} .btn-microsoft.disabled,.btn-microsoft[disabled],fieldset[disabled] .btn-microsoft,.btn-microsoft.disabled:hover,.btn-microsoft[disabled]:hover,fieldset[disabled] .btn-microsoft:hover,.btn-microsoft.disabled:focus,.btn-microsoft[disabled]:focus,fieldset[disabled] .btn-microsoft:focus,.btn-microsoft.disabled:active,.btn-microsoft[disabled]:active,fieldset[disabled] .btn-microsoft:active,.btn-microsoft.disabled.active,.btn-microsoft[disabled].active,fieldset[disabled] .btn-microsoft.active{background-color:#2672ec;border-color:rgba(0,0,0,0.2)} .btn-microsoft .badge{color:#2672ec;background-color:#fff} .btn-openid{color:#fff;background-color:#f7931e;border-color:rgba(0,0,0,0.2)}.btn-openid:hover,.btn-openid:focus,.btn-openid:active,.btn-openid.active,.open>.dropdown-toggle.btn-openid{color:#fff;background-color:#da7908;border-color:rgba(0,0,0,0.2)} .btn-openid:active,.btn-openid.active,.open>.dropdown-toggle.btn-openid{background-image:none} .btn-openid.disabled,.btn-openid[disabled],fieldset[disabled] .btn-openid,.btn-openid.disabled:hover,.btn-openid[disabled]:hover,fieldset[disabled] .btn-openid:hover,.btn-openid.disabled:focus,.btn-openid[disabled]:focus,fieldset[disabled] .btn-openid:focus,.btn-openid.disabled:active,.btn-openid[disabled]:active,fieldset[disabled] .btn-openid:active,.btn-openid.disabled.active,.btn-openid[disabled].active,fieldset[disabled] .btn-openid.active{background-color:#f7931e;border-color:rgba(0,0,0,0.2)} .btn-openid .badge{color:#f7931e;background-color:#fff} .btn-pinterest{color:#fff;background-color:#cb2027;border-color:rgba(0,0,0,0.2)}.btn-pinterest:hover,.btn-pinterest:focus,.btn-pinterest:active,.btn-pinterest.active,.open>.dropdown-toggle.btn-pinterest{color:#fff;background-color:#9f191f;border-color:rgba(0,0,0,0.2)} .btn-pinterest:active,.btn-pinterest.active,.open>.dropdown-toggle.btn-pinterest{background-image:none} .btn-pinterest.disabled,.btn-pinterest[disabled],fieldset[disabled] .btn-pinterest,.btn-pinterest.disabled:hover,.btn-pinterest[disabled]:hover,fieldset[disabled] .btn-pinterest:hover,.btn-pinterest.disabled:focus,.btn-pinterest[disabled]:focus,fieldset[disabled] .btn-pinterest:focus,.btn-pinterest.disabled:active,.btn-pinterest[disabled]:active,fieldset[disabled] .btn-pinterest:active,.btn-pinterest.disabled.active,.btn-pinterest[disabled].active,fieldset[disabled] .btn-pinterest.active{background-color:#cb2027;border-color:rgba(0,0,0,0.2)} .btn-pinterest .badge{color:#cb2027;background-color:#fff} .btn-reddit{color:#000;background-color:#eff7ff;border-color:rgba(0,0,0,0.2)}.btn-reddit:hover,.btn-reddit:focus,.btn-reddit:active,.btn-reddit.active,.open>.dropdown-toggle.btn-reddit{color:#000;background-color:#bcddff;border-color:rgba(0,0,0,0.2)} .btn-reddit:active,.btn-reddit.active,.open>.dropdown-toggle.btn-reddit{background-image:none} .btn-reddit.disabled,.btn-reddit[disabled],fieldset[disabled] .btn-reddit,.btn-reddit.disabled:hover,.btn-reddit[disabled]:hover,fieldset[disabled] .btn-reddit:hover,.btn-reddit.disabled:focus,.btn-reddit[disabled]:focus,fieldset[disabled] .btn-reddit:focus,.btn-reddit.disabled:active,.btn-reddit[disabled]:active,fieldset[disabled] .btn-reddit:active,.btn-reddit.disabled.active,.btn-reddit[disabled].active,fieldset[disabled] .btn-reddit.active{background-color:#eff7ff;border-color:rgba(0,0,0,0.2)} .btn-reddit .badge{color:#eff7ff;background-color:#000} .btn-soundcloud{color:#fff;background-color:#f50;border-color:rgba(0,0,0,0.2)}.btn-soundcloud:hover,.btn-soundcloud:focus,.btn-soundcloud:active,.btn-soundcloud.active,.open>.dropdown-toggle.btn-soundcloud{color:#fff;background-color:#c40;border-color:rgba(0,0,0,0.2)} .btn-soundcloud:active,.btn-soundcloud.active,.open>.dropdown-toggle.btn-soundcloud{background-image:none} .btn-soundcloud.disabled,.btn-soundcloud[disabled],fieldset[disabled] .btn-soundcloud,.btn-soundcloud.disabled:hover,.btn-soundcloud[disabled]:hover,fieldset[disabled] .btn-soundcloud:hover,.btn-soundcloud.disabled:focus,.btn-soundcloud[disabled]:focus,fieldset[disabled] .btn-soundcloud:focus,.btn-soundcloud.disabled:active,.btn-soundcloud[disabled]:active,fieldset[disabled] .btn-soundcloud:active,.btn-soundcloud.disabled.active,.btn-soundcloud[disabled].active,fieldset[disabled] .btn-soundcloud.active{background-color:#f50;border-color:rgba(0,0,0,0.2)} .btn-soundcloud .badge{color:#f50;background-color:#fff} .btn-tumblr{color:#fff;background-color:#2c4762;border-color:rgba(0,0,0,0.2)}.btn-tumblr:hover,.btn-tumblr:focus,.btn-tumblr:active,.btn-tumblr.active,.open>.dropdown-toggle.btn-tumblr{color:#fff;background-color:#1c2d3f;border-color:rgba(0,0,0,0.2)} .btn-tumblr:active,.btn-tumblr.active,.open>.dropdown-toggle.btn-tumblr{background-image:none} .btn-tumblr.disabled,.btn-tumblr[disabled],fieldset[disabled] .btn-tumblr,.btn-tumblr.disabled:hover,.btn-tumblr[disabled]:hover,fieldset[disabled] .btn-tumblr:hover,.btn-tumblr.disabled:focus,.btn-tumblr[disabled]:focus,fieldset[disabled] .btn-tumblr:focus,.btn-tumblr.disabled:active,.btn-tumblr[disabled]:active,fieldset[disabled] .btn-tumblr:active,.btn-tumblr.disabled.active,.btn-tumblr[disabled].active,fieldset[disabled] .btn-tumblr.active{background-color:#2c4762;border-color:rgba(0,0,0,0.2)} .btn-tumblr .badge{color:#2c4762;background-color:#fff} .btn-twitter{color:#fff;background-color:#55acee;border-color:rgba(0,0,0,0.2)}.btn-twitter:hover,.btn-twitter:focus,.btn-twitter:active,.btn-twitter.active,.open>.dropdown-toggle.btn-twitter{color:#fff;background-color:#2795e9;border-color:rgba(0,0,0,0.2)} .btn-twitter:active,.btn-twitter.active,.open>.dropdown-toggle.btn-twitter{background-image:none} .btn-twitter.disabled,.btn-twitter[disabled],fieldset[disabled] .btn-twitter,.btn-twitter.disabled:hover,.btn-twitter[disabled]:hover,fieldset[disabled] .btn-twitter:hover,.btn-twitter.disabled:focus,.btn-twitter[disabled]:focus,fieldset[disabled] .btn-twitter:focus,.btn-twitter.disabled:active,.btn-twitter[disabled]:active,fieldset[disabled] .btn-twitter:active,.btn-twitter.disabled.active,.btn-twitter[disabled].active,fieldset[disabled] .btn-twitter.active{background-color:#55acee;border-color:rgba(0,0,0,0.2)} .btn-twitter .badge{color:#55acee;background-color:#fff} .btn-vimeo{color:#fff;background-color:#1ab7ea;border-color:rgba(0,0,0,0.2)}.btn-vimeo:hover,.btn-vimeo:focus,.btn-vimeo:active,.btn-vimeo.active,.open>.dropdown-toggle.btn-vimeo{color:#fff;background-color:#1295bf;border-color:rgba(0,0,0,0.2)} .btn-vimeo:active,.btn-vimeo.active,.open>.dropdown-toggle.btn-vimeo{background-image:none} .btn-vimeo.disabled,.btn-vimeo[disabled],fieldset[disabled] .btn-vimeo,.btn-vimeo.disabled:hover,.btn-vimeo[disabled]:hover,fieldset[disabled] .btn-vimeo:hover,.btn-vimeo.disabled:focus,.btn-vimeo[disabled]:focus,fieldset[disabled] .btn-vimeo:focus,.btn-vimeo.disabled:active,.btn-vimeo[disabled]:active,fieldset[disabled] .btn-vimeo:active,.btn-vimeo.disabled.active,.btn-vimeo[disabled].active,fieldset[disabled] .btn-vimeo.active{background-color:#1ab7ea;border-color:rgba(0,0,0,0.2)} .btn-vimeo .badge{color:#1ab7ea;background-color:#fff} .btn-vk{color:#fff;background-color:#587ea3;border-color:rgba(0,0,0,0.2)}.btn-vk:hover,.btn-vk:focus,.btn-vk:active,.btn-vk.active,.open>.dropdown-toggle.btn-vk{color:#fff;background-color:#466482;border-color:rgba(0,0,0,0.2)} .btn-vk:active,.btn-vk.active,.open>.dropdown-toggle.btn-vk{background-image:none} .btn-vk.disabled,.btn-vk[disabled],fieldset[disabled] .btn-vk,.btn-vk.disabled:hover,.btn-vk[disabled]:hover,fieldset[disabled] .btn-vk:hover,.btn-vk.disabled:focus,.btn-vk[disabled]:focus,fieldset[disabled] .btn-vk:focus,.btn-vk.disabled:active,.btn-vk[disabled]:active,fieldset[disabled] .btn-vk:active,.btn-vk.disabled.active,.btn-vk[disabled].active,fieldset[disabled] .btn-vk.active{background-color:#587ea3;border-color:rgba(0,0,0,0.2)} .btn-vk .badge{color:#587ea3;background-color:#fff} .btn-yahoo{color:#fff;background-color:#720e9e;border-color:rgba(0,0,0,0.2)}.btn-yahoo:hover,.btn-yahoo:focus,.btn-yahoo:active,.btn-yahoo.active,.open>.dropdown-toggle.btn-yahoo{color:#fff;background-color:#500a6f;border-color:rgba(0,0,0,0.2)} .btn-yahoo:active,.btn-yahoo.active,.open>.dropdown-toggle.btn-yahoo{background-image:none} .btn-yahoo.disabled,.btn-yahoo[disabled],fieldset[disabled] .btn-yahoo,.btn-yahoo.disabled:hover,.btn-yahoo[disabled]:hover,fieldset[disabled] .btn-yahoo:hover,.btn-yahoo.disabled:focus,.btn-yahoo[disabled]:focus,fieldset[disabled] .btn-yahoo:focus,.btn-yahoo.disabled:active,.btn-yahoo[disabled]:active,fieldset[disabled] .btn-yahoo:active,.btn-yahoo.disabled.active,.btn-yahoo[disabled].active,fieldset[disabled] .btn-yahoo.active{background-color:#720e9e;border-color:rgba(0,0,0,0.2)} .btn-yahoo .badge{color:#720e9e;background-color:#fff} /* featured buttons */ .btn-featured { width: 100%; display: inline-block; position: relative; height:70px; padding:0; border:0; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .btn-featured.btn-default { background-color: #666; } .btn-featured:hover, .btn-featured:focus, .btn-featured:active { -webkit-transform: translateY(-5px); transform: translateY(-5px); /* move the element up by 5px */ } .btn-featured:hover:before, .btn-featured:focus:before, .btn-featured:active:before { opacity: 1; -webkit-transform: translateY(5px); transform: translateY(5px); /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */ } .btn-featured:before { pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); /* W3C */ -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: "transform, opacity"; transition-property: "transform, opacity"; } .btn-featured span { float: left; height: 70px; line-height: 70px; text-align: center; width: calc(100% - 70px); color: #fff; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; } .btn-featured i { background-color:rgba(0,0,0,0.1); float: left; width: 70px; height: 70px; line-height: 70px; text-align: center; color: #fff; font-size: 30px; margin:0; } .btn-featured.btn-inverse span { float:right } .btn-featured.btn-inverse i { float:right; } /** 21. Alerts *************************************************** **/ div.alert { border-left-color:rgba(0,0,0,0.1); border-width:1px; border-left-width:5px; } div.alert-default { background-color:rgba(0,0,0,0.1); } div.alert-light { background-color:rgba(0,0,0,0.03); } section.dark .alert-default { color:#fff; background-color:#111; } section.dark .alert-default h1, section.dark .alert-default h2, section.dark .alert-default h3, section.dark .alert-default h4, section.dark .alert-default h5, section.dark .alert-default h6, section.dark .alert-default p { color:#fff !important; } div.alert.alert-primary, div.alert.alert-primary a { color:#fff; } div.alert.alert-bordered-dashed { padding:30px 20px; border:#ccc 2px dashed; } div.alert.alert-bordered-dotted { padding:30px 20px; border:#ccc 2px dotted; } div.alert.alert-bordered { padding:30px 20px; border:#ccc 2px solid; } div.alert.alert-theme-color, div.alert.alert-dark { color:#fff; background-color:#333; border:0; padding:30px 20px; } div.alert.alert-theme-color h1, div.alert.alert-theme-color h2, div.alert.alert-theme-color h3, div.alert.alert-theme-color h4, div.alert.alert-theme-color h5, div.alert.alert-theme-color h6, div.alert.alert-dark h1, div.alert.alert-dark h2, div.alert.alert-dark h3, div.alert.alert-dark h4, div.alert.alert-dark h5, div.alert.alert-dark h6 { color:#fff; } section.dark div.alert, section.dark div.alert h1, section.dark div.alert h2, section.dark div.alert h3, section.dark div.alert h4, section.dark div.alert h5, section.dark div.alert h6, section.dark div.alert p { color:#333; } section.dark div.callout.alert.alert-border, section.dark div.callout.alert.alert-border h1, section.dark div.callout.alert.alert-border h2, section.dark div.callout.alert.alert-border h3, section.dark div.callout.alert.alert-border h4, section.dark div.callout.alert.alert-border h5, section.dark div.callout.alert.alert-border h6, section.dark div.callout.alert.alert-border p { color:#fff; } /* bordered top|botom */ div.alert>.container { margin-top:35px; margin-bottom:35px; } div.alert.bordered-bottom { border-bottom:rgba(0,0,0,0.1) 1px solid; border-left-width:0; } div.alert.bordered-top { border-bottom:rgba(0,0,0,0.1) 1px solid; border-left-width:0; } div.alert.bordered-bottom h4, div.alert.bordered-top h4, div.alert.bordered-bottom h3, div.alert.bordered-top h3 { font-weight:400; margin:0; } div.alert.bordered-bottom p, div.alert.bordered-top p, div.alert.bordered-bottom p, div.alert.bordered-top p { margin-top:0; } section.dark div.alert.bordered-bottom { border-bottom:#666 1px solid; } section.dark div.alert.bordered-top { border-bottom:#666 1px solid; } @media only screen and (max-width: 760px) { div.alert.bordered-bottom { text-align:center; } div.alert.bordered-bottom .btn { text-align:center; display:block; margin-top:35px; } } /* mini alerts */ .alert.alert-mini { padding:6px 10px; border-left:0; } /** 22. Dividers *************************************************** **/ div.divider { margin:40px 0; position:relative; display:block; min-height:20px; } div.divider i { line-height: 1; font-size: 18px; color:#ccc; } div.divider:after { content: ''; position: absolute; top: 8px; left:0; right:0; height: 0; border-top: 1px solid #ddd; } section.dark div.divider:after { border-top:rgba(255,255,255,0.1) 1px solid; } section.dark div.divider:before { border-top:rgba(255,255,255,0.1) 1px solid; } div.divider.double-line:before { content: ''; position: absolute; top: 5px; left:0; right:0; height: 0; border-top: 1px solid #ddd; } section.dark div.divider.double-line:after { border-top:rgba(255,255,255,0.1) 1px solid; } div.divider.divider-left:after { left: 30px; right: 0; } div.divider.divider-left i { float:left; } div.divider.divider-right:after { left: 0; right: 30px; } div.divider.divider-right i { float:right; } div.divider.divider-center:after { left: 50% !important; right: 0; margin-left: 20px; } div.divider.divider-center:before { left: 0 !important; right: 50%; margin-right: 20px; content: ''; position: absolute; top: 8px; height: 0; border-top: 1px solid #ddd; } div.divider.divider-center { text-align:center; } div.divider.divider-center.divider-short:before { left: auto !important; right: 50%; margin-right: 20px; width: 15%; } div.divider.divider-center.divider-short:after { left: 50% !important; right: auto !important; margin-left: 20px; width: 15%; } /* dotted */ div.divider.divider-dotted { height:10px; border:0; background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKAQMAAAC3/F3+AAAABlBMVEX///+QkJApn3LQAAAAAnRSTlMAgJsrThgAAAAOSURBVHheYwCCUAdcJAAnnALqo5TBzAAAAABJRU5ErkJggg==') repeat-x center; } div.divider.divider-dotted:after { display:none; } /* color */ div.divider.divider-circle.divider-left:after { left:50px; } div.divider.divider-circle.divider-right:after { right:50px; } div.divider.divider-circle.divider-center:after { margin-left:30px; } div.divider.divider-circle.divider-center:before { margin-right:30px; } div.divider.divider-circle i { width: 40px; height: 40px; line-height: 40px; background-color: #F5F5F5; margin-top:-11px; text-align:center; z-index:1; color:#999; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } /* border */ div.divider.divider-border.divider-left:after { left:50px; } div.divider.divider-border.divider-right:after { right:50px; } div.divider.divider-border.divider-center:after { margin-left:30px; } div.divider.divider-border.divider-center:before { margin-right:30px; } div.divider.divider-border i { width: 40px; height: 40px; line-height: 40px; margin-top:-11px; text-align:center; z-index:1; border:#ddd 1px solid; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } section.dark div.divider.divider-border i { border-color: rgba(255,255,255,0.5); } /* scroll to top */ div.divider.divider-border>a>i.fa-chevron-up { line-height:36px; } div.divider.divider-border>a>i { -webkit-transition: all .300s; -moz-transition: all .300s; -o-transition: all .300s; transition: all .300s; } div.divider.divider-border>a:hover>i { color:#333; } section.theme-color div.divider.divider-border>a:hover>i.fa-chevron-up { color:#fff; } /** 29. Modals *************************************************** **/ .modal-content { -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .modal-header .btn, .modal-footer .btn { margin:0; } .modal-full { width:100% !important; margin-left:8px; } /** 34. Callouts *************************************************** **/ .callout.alert { padding:20px 0; color:#111; margin-bottom:0; } section.callout.alert { padding:40px 0; } .callout.alert h1, .callout.alert h2, .callout.alert h3, .callout.alert h4, .callout.alert h5, .callout.alert h6 { color:#111; margin-bottom: 3px; font-weight:500; } .callout.alert p:last-child { margin: 0; } .callout.alert .btn { margin:2px 0 0 0; } .callout.alert-border { border:rgba(0,0,0,0.1) 2px solid; } .callout-box { clear: both; position: relative; overflow: hidden; background: #ddd; padding: 36px 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .callout-box h1, .callout-box h2, .callout-box h3, .callout-box h4, .callout-box h5, .callout-box h6 { margin-bottom:0; } .callout-dark { z-index:10; position:relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .callout-dark h1, .callout-dark h2, .callout-dark h3, .callout-dark h4, .callout-dark h5, .callout-dark h6 { /** margin-bottom: 20px !important; **/ } .callout-dark p { color: #b1b1b1 !important; font-size: 17px !important; max-width: 960px !important; margin: auto !important; } .callout-dark a.social-icon, .callout-dark .btn { color:#fff; } .callout-dark.heading-title { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .callout .row { margin-left: 0; margin-right: 0; } .callout { padding: 30px 0; color:#fff; -webkit-transition: all .400s; -moz-transition: all .400s; -o-transition: all .400s; transition: all .400s; } .callout h1, .callout h2, .callout h3, .callout h4, .callout h5, .callout h6 { color:#fff; margin:0 !important; font-weight:300; } .callout p { margin: 0; padding: 0; font-size: 16px; font-weight: 300; } .callout .btn { margin:6px 0 0 0; } .callout.callout-theme-color .btn, .callout.callout-dark .btn { background-color:rgba(255,255,255,0.2); border-color:rgba(255,255,255,0.2); } .callout.callout-theme-color .btn:hover, .callout.callout-dark .btn:hover { background-color:rgba(255,255,255,0.3); border-color:rgba(255,255,255,0.3); } .callout.callout-dark { background-color:#252525; } .callout.callout-hover:hover { opacity: 0.85; filter: alpha(opacity=85); } .callout.callout-transparent, .callout.callout-transparent h1, .callout.callout-transparent h2, .callout.callout-transparent h3, .callout.callout-transparent h4, .callout.callout-transparent h5, .callout.callout-transparent h6, .callout.callout-transparent p { color:#111; margin:0 !important; font-weight:300; } /* dark */ section.dark .callout, section.dark .callout p, section.dark .callout.alert { color:#111; } section.dark .callout h1, section.dark .callout h2, section.dark .callout h3, section.dark .callout h4, section.dark .callout h5, section.dark .callout h6, section.dark .callout p { color:#111; } section.dark .callout.alert-bolder, section.dark .callout.alert-bolder h1, section.dark .callout.alert-bolder h2, section.dark .callout.alert-bolder h3, section.dark .callout.alert-bolder h4, section.dark .callout.alert-bolder h5, section.dark .callout.alert-bolder h6, section.dark .callout.alert-bolder p { color:#111; } section.dark .alert-border, section.dark .alert-border h1, section.dark .alert-border h2, section.dark .alert-border h3, section.dark .alert-border h4, section.dark .alert-border h5, section.dark .alert-border h6, section.dark .alert-border p, section.dark .callout .btn { color:#fff; } section.dark .alert-transparent { border-left-color:#444; } section.dark .alert-transparent, section.dark .alert-transparent h1, section.dark .alert-transparent h2, section.dark .alert-transparent h3, section.dark .alert-transparent h4, section.dark .alert-transparent h5, section.dark .alert-transparent h6, section.dark .alert-transparent p, section.dark .callout .btn { color:#fff; } section.dark .callout.alert-border { border-color:#666; } section.dark .callout-box.callout-default, section.dark .callout-box.callout-default h1, section.dark .callout-box.callout-default h2, section.dark .callout-box.callout-default h3, section.dark .callout-box.callout-default h4, section.dark .callout-box.callout-default h5, section.dark .callout-box.callout-default h6, section.dark .callout-box.callout-default p { color:#111; } section.dark .callout-box .btn { color:#fff; } section.dark .callout-theme-color, section.dark .callout-theme-color h1, section.dark .callout-theme-color h2, section.dark .callout-theme-color h3, section.dark .callout-theme-color h4, section.dark .callout-theme-color h5, section.dark .callout-theme-color h6, section.dark .callout-theme-color p { color:#fff; } section.dark .callout-dark { background-color:#111; } section.dark .callout-dark, section.dark .callout-dark h1, section.dark .callout-dark h2, section.dark .callout-dark h3, section.dark .callout-dark h4, section.dark .callout-dark h5, section.dark .callout-dark h6, section.dark .callout-dark p { color:#fff; } section.dark .callout-transparent, section.dark .callout-transparent h1, section.dark .callout-transparent h2, section.dark .callout-transparent h3, section.dark .callout-transparent h4, section.dark .callout-transparent h5, section.dark .callout-transparent h6, section.dark .callout-transparent p { color:#fff; } @media only screen and (max-width: 960px) { .callout a.social-icon { margin-top:30px; float:none !important; } .callout div.text-right { text-align:left; } .callout-box.callout-default .btn, .callout .btn { display:block; margin-top:30px !important; } .callout.alert, .callout-box.callout-default { padding:20px 15px; } } @media only screen and (max-width: 480px) { .callout.callout-dark, .callout.callout-theme-color, .callout div.text-left, .callout div.text-right { text-align:center !important; } .callout h1, .callout h2, .callout h3, .callout h4, .callout h5, .callout h6 { margin-bottom:30px !important; } .callout .btn { display:block; margin-top:30px !important; } } /* Info Bar */ .info-bar { margin:0; border:0; color:#000; background-color:rgba(0,0,0,0.05); padding:10px 0; } .info-bar div.row>div { padding-top:20px; padding-bottom:20px; margin:0 !important; border-right:rgba(0,0,0,0.1) 1px solid; } .info-bar div.row>div:last-child { border:0; } .info-bar div.row>div i { color:#333; font-size:32px; line-height: 1.2; margin-right:10px; float:left; } .info-bar h1, .info-bar h2, .info-bar h3, .info-bar h4, .info-bar h5, .info-bar h6, .info-bar p { color:#333; font-size:16px; line-height:1.5; margin:0; padding:0; } .info-bar p { font-size: 12px; line-height:1; } /* dark */ .info-bar.info-bar-dark { background-color:#171717; } .info-bar.info-bar-dark a, .info-bar.info-bar-dark div.row>div i, .info-bar.info-bar-dark h1, .info-bar.info-bar-dark h2, .info-bar.info-bar-dark h3, .info-bar.info-bar-dark h4, .info-bar.info-bar-dark h5, .info-bar.info-bar-dark h6, .info-bar.info-bar-dark p { color:#fff; } .info-bar.info-bar-dark div.row>div { border-right-color:rgba(255,255,255,0.1); } /* color */ .info-bar.info-bar-color a, .info-bar.info-bar-color div.row>div i, .info-bar.info-bar-color h1, .info-bar.info-bar-color h2, .info-bar.info-bar-color h3, .info-bar.info-bar-color h4, .info-bar.info-bar-color h5, .info-bar.info-bar-color h6, .info-bar.info-bar-color p { color:#fff; } .info-bar.info-bar-color div.row>div { border-right-color:rgba(0,0,0,0.1); } /* clean */ .info-bar.info-bar-clean { background-color:#fff; border-bottom: rgba(0,0,0,0.1) 1px solid; } section.dark .info-bar-light { background-color:#fff; } section.dark .info-bar-dark { background-color:#313131; } /* bordered */ .info-bar.info-bar-bordered { margin:30px 0; border: rgba(0,0,0,0.1) 1px solid; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .info-bar.info-bar-bordered div.row>div { padding-top:15px; padding-bottom:15px; } section.dark .info-bar.info-bar-bordered { border-color: rgba(255,255,255,0.1); } section.dark .info-bar div.row>div { border-right-color:rgba(255,255,255,0.1); } section.dark .info-bar div.row>div i { color:#fff; } section.dark .info-bar.info-bar-color div.row>div { border-right-color:rgba(255,255,255,0.2); }