/** Resets *************************************************** **/ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 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%; } /** Headings **************************************************************** **/ h1, h2, h3, h4, h5, h6 { font-family:'Raleway','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; } /** 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; } /** Commons **************************************************************** **/ .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-20 { margin-top:20px !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-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; text-shadow:none; } .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; } .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; } /* 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; } section.dark .border-top-1, section.dark .border-top-2, section.dark .border-top-3, section.dark .border-bottom-1, section.dark .border-bottom-2, section.dark .border-bottom-3 { border-color:#555; } .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; } /* 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; } .text-white { color:#fff !important; } .text-black { color:#111 !important; } /* 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 */ } hr.small { max-width: 15%; } section.dark hr { border:0; height: 1px; background-image: -webkit-linear-gradient(left, transparent, rgba(255, 255, 255, 0.2), transparent); background-image: -moz-linear-gradient(left, transparent, rgba(255, 255, 255, 0.2), transparent); background-image: -ms-linear-gradient(left, transparent, rgba(255, 255, 255, 0.2), transparent); background-image: -o-linear-gradient(left, transparent, rgba(255, 255, 255, 0.2), transparent); background-image: linear-gradient(left, transparent, rgba(255, 255, 255, 0.2), transparent); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d6', endColorstr='#d6d6d6',GradientType=0 ); /* IE6-9 */ } /* black and white image */ img.image-bw { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,#grayscale"); filter: gray; } /* box color */ .box-default { color:#111; background-color:#c6c6c6 !important; } .box-danger { color:#fff; background-color:#b92c28 !important; } .box-warning { color:#fff; background-color:#e38d13 !important; } .box-info { color:#fff; background-color:#28a4c9 !important; } .box-primary { color:#fff; background-color:#245580 !important; } .box-success { color:#fff; background-color:#02B700 !important; } .box-white { color:#111; background-color:#fff !important; } .box-black { background-color:#111 !important; } /* 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; } /* Tag Cloud */ .tag { position:relative; display:inline-block; margin: 0 6px 3px 0; } .tag>span.txt { border: 1px solid #e3e3e3; color: #666; display: inline-block; font-size: 11px; font-weight: 400; letter-spacing: 1px; padding: 8px 9px; text-transform: uppercase; float:left; } .tag>span.num { background: rgba(0,0,0,0.01); border-color: #e3e3e3; border-style: solid; border-width: 1px; display: inline-block; font-size: 11px; padding: 8px 9px 8px 11px; color: #aaa; position: relative; margin-left: -1px; float:left; } .tag>span.num:before { border-color: rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #C6C6C6; border-style: solid; border-width: 4px; content: ""; display: block; left: 0px; position: absolute; top: 12px; } .tag>span.num:after { border-color: rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #fff; border-style: solid; border-width: 4px; content: ""; display: block; left: -1px; position: absolute; top: 12px; } section.dark .tag>span.txt { border: 1px solid #666; color: #ccc; } section.dark .tag>span.num { background: rgba(0,0,0,0.01); border-color: #666; color: #ccc; } section.dark .tag>span.num:before { border-color: rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #666; } section.dark .tag>span.num:after { border-color: rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #212121; } /* Inline Search */ .inline-search { display:block; position:relative; } .inline-search form input.serch-input { background: #fff; border:#e3e3e3 1px solid; color: #aaa; float: left; font-size: 13px; height: 39px; letter-spacing: 1px; margin: 0; padding: 5px 50px 5px 10px; width: 100%; } .inline-search form button { background: rgba(0, 0, 0, 0); border-left: #e3e3e3 1px solid; font-size: 17px; width: 39px; height: 39px; line-height: 39px; vertical-align: bottom; position: absolute; right: 0; } section.dark .inline-search form input.serch-input { background:rgba(0,0,0,0.1); border:#666 1px solid; color:#aaa; } section.dark .inline-search form button { border-left: #666 1px solid; color:#999; } section.dark .inline-search form button:hover { color:#fff; } /* parallax */ .parallax h1, .parallax h2, .parallax h3, .parallax h4, .parallax h5, .parallax h6, .parallax p, .parallax .btn, .parallax img, .parallax div, .parallax { color:#fff; position:relative; z-index:10; } .parallax .btn-default { background-color:transparent; } .parallax .overlay { background-color: rgba(34,34,34, .3); position:absolute; left:0; right:0; top:0; bottom:0; z-index:1; } .parallax h1 { font-size:70px; } .parallax h2 { font-size:60px; } .parallax h3 { font-size:50px; } @media only screen and (max-width: 760px) { /* .parallax { background-position:center center !important; } */ .parallax h1 { font-size:55px; } .parallax h2 { font-size:45px; } .parallax h3 { font-size:45px; } } @media only screen and (max-width: 500px) { .parallax h1 { font-size:36px; } .parallax h2 { font-size:30px; } .parallax h3 { font-size:30px; } } /* video background */ section.section-video { border:0; } section.section-video .section-container-video { position: absolute !important; width: 100%; height: 100%; top: 0; left: 0; overflow:hidden; z-index: 0; } section.section-video .section-container-video>video { position:absolute; top:0; left:0; } section.section-video h1, section.section-video h2, section.section-video h3, section.section-video h4, section.section-video h5, section.section-video h6, section.section-video p, section.section-video .btn, section.section-video img, section.section-video div, section.section-video { color:#fff; position:relative; z-index:10; } section.section-video .overlay { background-color: rgba(34,34,34, .3); position:absolute; left:0; right:0; top:0; bottom:0; z-index:1; } section.section-video h1 { font-size:70px; } section.section-video h2 { font-size:60px; } section.section-video h3 { font-size:50px; } @media only screen and (max-width: 760px) { section.section-video h1 { font-size:55px; } section.section-video h2 { font-size:45px; } section.section-video h3 { font-size:45px; } } @media only screen and (max-width: 500px) { section.section-video h1 { font-size:36px; } section.section-video h2 { font-size:30px; } section.section-video h3 { font-size:30px; } } /* 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; } } /* overlay */ .overlay { background:rgba(0,0,0, 0.2); position:absolute; left:0; right:0; top:0; bottom:0; z-index:1; /* required for IE */ -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s; } a.overlay:hover { background:rgba(255,255,255, 0.2); } /* dark overlay */ .overlay.dark-0 { background-color: rgba(0,0,0,0); } .overlay.dark-1 { background-color: rgba(0,0,0,.1); } .overlay.dark-2 { background-color: rgba(0,0,0,.2); } .overlay.dark-3 { background-color: rgba(0,0,0,.3); } .overlay.dark-4 { background-color: rgba(0,0,0,.4); } .overlay.dark-5 { background-color: rgba(0,0,0,.5); } .overlay.dark-6 { background-color: rgba(0,0,0,.6); } .overlay.dark-7 { background-color: rgba(0,0,0,.7); } .overlay.dark-8 { background-color: rgba(0,0,0,.8); } .overlay.dark-9 { background-color: rgba(0,0,0,.9); } .overlay.dark-10 { background-color: rgba(0,0,0,1); } /* light overlay */ .overlay.light-0 { background-color: rgba(255,255,255,0); } .overlay.light-1 { background-color: rgba(255,255,255,.1); } .overlay.light-2 { background-color: rgba(255,255,255,.2); } .overlay.light-3 { background-color: rgba(255,255,255,.3); } .overlay.light-4 { background-color: rgba(255,255,255,.4); } .overlay.light-5 { background-color: rgba(255,255,255,.5); } .overlay.light-6 { background-color: rgba(255,255,255,.6); } .overlay.light-7 { background-color: rgba(255,255,255,.7); } .overlay.light-8 { background-color: rgba(255,255,255,.8); } .overlay.light-9 { background-color: rgba(255,255,255,.9); } .overlay.light-10 { background-color: rgba(255,255,255,1); } /* rounded */ .rounded { -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; border-radius: 50% !important; } /** ICON LIST **/ ul.list-icons { margin-left: 1.75em; position:relative; } ul.list-icons>li { position:relative; } ul.list-icons>li>i { position: absolute; left: -1.75em; width: 14px; text-align: center; top: 5px; } /** 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; } } /** Table **************************************************************** **/ /* table { background-color:rgba(0,0,0,0.01); } table thead { background-color:rgba(0,0,0,0.08); } */ table .btn { margin:0 3px; } section.dark table tr.odd { color:#ddd; background-color:#777; } section.dark table tr.odd:hover { background-color:#888; } section.dark table tr.even { color:#ddd; } section.dark table tr.even:hover { background-color:rgba(0,0,0,0.5); } section.dark .table-bordered { border-color:#666; } section.dark .table-bordered>tbody>tr>td, section.dark .table-bordered>tbody>tr>th, section.dark .table-bordered>tfoot>tr>td, section.dark .table-bordered>tfoot>tr>th, section.dark .table-bordered>thead>tr>td, section.dark .table-bordered>thead>tr>th { border-color:#666; } table.table-vertical-middle td { vertical-align: middle !important; } /** Nav Pills **************************************************************** **/ section .nav-pills { display:inline-block; } section .nav-pills>li>a:hover, section .nav-pills>li>a:focus, section .nav-pills>li.active>a, section .nav-pills>li.active>a:hover, section .nav-pills>li.active>a:focus { background-color:rgba(0,0,0,0.1) !important; } section .nav-pills>li>a { padding:6px 15px; margin-bottom:6px; letter-spacing:1px; } @media only screen and (max-width: 550px) { section .nav-pills { background-color:rgba(0,0,0,0.02); } section .nav-pills, section .nav-pills>li, section .nav-pills>li>a { display:block !important; float:none; } } /** Blockquotes **************************************************************** **/ blockquote h1, blockquote h2, blockquote h3, blockquote h4, blockquote h5, blockquote h6 { font-weight:bold; position:relative; } blockquote { border-left: 5px solid rgba(0,0,0,0.1); font-size: 1.3em; font-style: normal; letter-spacing: -1px; margin: 25px 0; padding: 0 0 0 25px; position: relative; } blockquote.reverse { border-left: 0; border-right: 5px solid rgba(0,0,0,0.1); margin: 25px 0; padding: 0 25px 0 0; text-align:right; } section.dark blockquote { border-left-color:#666; } section.dark blockquote.reverse { border-right-color:#666; } blockquote.quote { border:0; } blockquote.quote:before { font-family: font-icons; font-weight: 400; content: "\e7ad"; position: absolute; width: 43px; height: 43px; line-height: 43px; font-size: 43px; top: 0; left: 0; color: #EEE; z-index:0; } blockquote.quote.reverse:before { left:auto; right:0; text-align:right; } blockquote.pull-left { max-width:350px; padding-right: 20px; padding-bottom: 10px; } blockquote.pull-right { max-width:350px; padding-left: 20px; padding-bottom: 10px; } blockquote p { margin-bottom:20px; position:relative; } blockquote cite { display: block; font-size: 0.75em; color: #9CA6B4; } blockquote cite:before { content: '\2014 \00A0'; padding-right:8px; } blockquote cite:after { content: '\2014 \00A0'; padding-left:10px; } /** Colors colors.css v2.0.0 http://clrs.cc *************************************************** **/ /* Backgrounds */ .bg-navy { background-color: #001F3F !important; } .bg-blue { background-color: #0074D9 !important; } .bg-aqua { background-color: #7FDBFF !important; } .bg-teal { background-color: #39CCCC !important; } .bg-olive { background-color: #3D9970 !important; } .bg-green { background-color: #2ECC40 !important; } .bg-lime { background-color: #01FF70 !important; } .bg-yellow { background-color: #FFDC00 !important; } .bg-orange { background-color: #FF851B !important; } .bg-red { background-color: #FF4136 !important; } .bg-fuchsia { background-color: #F012BE !important; } .bg-purple { background-color: #B10DC9 !important; } .bg-maroon { background-color: #85144B !important; } .bg-white { background-color: #fff !important; } .bg-gray { background-color: #aaa !important; } .bg-silver { background-color: #ddd !important; } .bg-black { background-color: #111 !important; } /* Text Color */ .text-navy { color: #001F3F !important; } .text-blue { color: #0074D9 !important; } .text-aqua { color: #7FDBFF !important; } .text-teal { color: #39CCCC !important; } .text-olive { color: #3D9970 !important; } .text-green { color: #2ECC40 !important; } .text-lime { color: #01FF70 !important; } .text-yellow { color: #FFDC00 !important; } .text-orange { color: #FF851B !important; } .text-red { color: #FF4136 !important; } .text-fuchsia { color: #F012BE !important; } .text-purple { color: #B10DC9 !important; } .text-maroon { color: #85144B !important; } .text-white { color: #fff !important; } .text-silver { color: #ddd !important; } .text-gray { color: #aaa !important; } .text-black { color: #111 !important; } /* Border colors Use with another border utility that sets border-width and style i.e .border { border-width: 1px; border-style: solid !important; } */ .border-navy { border-color: #001F3F !important; } .border-blue { border-color: #0074D9 !important; } .border-aqua { border-color: #7FDBFF !important; } .border-teal { border-color: #39CCCC !important; } .border-olive { border-color: #3D9970 !important; } .border-green { border-color: #2ECC40 !important; } .border-lime { border-color: #01FF70 !important; } .border-yellow { border-color: #FFDC00 !important; } .border-orange { border-color: #FF851B !important; } .border-red { border-color: #FF4136 !important; } .border-fuchsia { border-color: #F012BE !important; } .border-purple { border-color: #B10DC9 !important; } .border-maroon { border-color: #85144B !important; } .border-white { border-color: #fff !important; } .border-gray { border-color: #aaa !important; } .border-silver { border-color: #ddd !important; } .border-black { border-color: #111 !important; } /** 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; } body:not(.device-touch) .social-icon { -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } body:not(.device-touch) .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; } /** Buttons *************************************************** **/ .btn, .btn-group { /*margin: 5px 5px 5px 0;*/ } .btn.pull-right, .btn-group.pull-right { margin: 5px 0 5px 5px; } .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; } /* 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; } /** Clients *************************************************** **/ ul.clients-dotted { overflow:hidden; } ul.clients-dotted>li { text-align:center; padding-top:30px; padding-bottom:30px; display:inline-block; } ul.clients-dotted>li a { text-align:center; display:block; } ul.clients-dotted>li img { display:inline-block; } ul.clients-dotted>li:after { content: ''; position: absolute; width: 100%; height: 0; top: auto; left: 0; bottom: -1px; border-bottom: 1px dashed rgba(0,0,0,0.3); } ul.clients-dotted>li:before { content: ''; position: absolute; height: 100%; top: 0; left: -1px; border-left: 1px dashed rgba(0,0,0,0.3); } /** 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); } 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; } /** 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; } /** Headings *************************************************** **/ div.heading-title { position:relative; margin-bottom:40px; } .heading-title.parallax h1, .heading-title.parallax h2, .heading-title.parallax h3, .heading-title.parallax h4, .heading-title.parallax h5, .heading-title.parallax h6 { margin:0; padding:0; } .heading-title.parallax p { margin-top:0; } div.heading-title h1, div.heading-title h2, div.heading-title h3, div.heading-title h4, div.heading-title h5, div.heading-title h6 { margin:0; padding:0; background-color:#fff; position:relative; display:inline-block; padding-left: 0; padding-right: 15px; } div.heading-title.text-center h1, div.heading-title.text-center h2, div.heading-title.text-center h3, div.heading-title.text-center h4, div.heading-title.text-center h5, div.heading-title.text-center h6 { padding-left:15px; padding-right:15px; } div.heading-title.text-right h1, div.heading-title.text-right h2, div.heading-title.text-right h3, div.heading-title.text-right h4, div.heading-title.text-right h5, div.heading-title.text-right h6 { padding-left:15px; padding-right:0; } div.heading-title p { margin:0; padding:0; font-weight:300; } /* Line : Single|Double */ div.heading-title.heading-line-single:before, div.heading-title.heading-line-double:before { content: ''; position: absolute; width: 100%; height: 0; left: auto; right: 0; } div.heading-title.heading-line-single:before { top: 54%; border-top:#EEE 1px solid; } section.dark div.heading-title.heading-line-single:before { border-top-color: #666; } div.heading-title.heading-line-double:before { top: 50%; border-top: 3px double #E5E5E5; } section.dark div.heading-title.heading-line-double:before { border-top-color: #666; } /* Border Bottom */ div.heading-title.heading-border-bottom { border-bottom:#ccc 2px solid; } section.dark div.heading-title.heading-border-bottom { border-bottom-color: #666; } /* Border Left */ div.heading-title.heading-border { padding-left:15px; border-left:#ccc 5px solid; text-align:left; } section.dark div.heading-title.heading-border { border-left-color:#666; } div.heading-title.heading-border.heading-inverse { padding-right:15px; border-left:0; border-right:#ccc 5px solid; text-align:right; } section.dark div.heading-title.heading-border.heading-inverse { border-right-color:#666; } /* Dotted */ div.heading-title.heading-dotted { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKAQMAAAC3/F3+AAAABlBMVEX///+QkJApn3LQAAAAAnRSTlMAgJsrThgAAAAOSURBVHheYwCCUAdcJAAnnALqo5TBzAAAAABJRU5ErkJggg==') repeat-x center; } section.alternate div.heading-title h1, section.alternate div.heading-title h2, section.alternate div.heading-title h3, section.alternate div.heading-title h4, section.alternate div.heading-title h5, section.alternate div.heading-title h6 { background-color:#F9F9F9; } section.dark div.heading-title h1, section.dark div.heading-title h2, section.dark div.heading-title h3, section.dark div.heading-title h4, section.dark div.heading-title h5, section.dark div.heading-title h6 { background-color:#212121; } section.dark.alternate div.heading-title h1, section.dark.alternate div.heading-title h2, section.dark.alternate div.heading-title h3, section.dark.alternate div.heading-title h4, section.dark.alternate div.heading-title h5, section.dark.alternate div.heading-title h6 { background-color:#151515; } /* Arrow Heading */ .heading-title.heading-arrow-top, .heading-title.heading-arrow-bottom { color:#fff; background-color:#252525; } .heading-title.heading-arrow-top h1, .heading-title.heading-arrow-bottom h1, .heading-title.heading-arrow-top h2, .heading-title.heading-arrow-bottom h2, .heading-title.heading-arrow-top h3, .heading-title.heading-arrow-bottom h3, .heading-title.heading-arrow-top h4, .heading-title.heading-arrow-bottom h4, .heading-title.heading-arrow-top h5, .heading-title.heading-arrow-bottom h5, .heading-title.heading-arrow-top h6, .heading-title.heading-arrow-bottom h6, .heading-title.heading-arrow-top p, .heading-title.heading-arrow-bottom p { color:#fff; margin:0; } .heading-title.heading-arrow-top h1, .heading-title.heading-arrow-bottom h1 { font-size:70px; line-height:100px; } .heading-title.heading-arrow-top h2, .heading-title.heading-arrow-bottom h2 { font-size:60px; line-height:90px; } .heading-title.heading-arrow-top h3, .heading-title.heading-arrow-bottom h3 { font-size:50px; line-height:80px; } @media only screen and (max-width: 760px) { .heading-title.heading-arrow-top h1, .heading-title.heading-arrow-bottom h1 { font-size:55px; line-height:85px; } .heading-title.heading-arrow-top h2, .heading-title.heading-arrow-bottom h2 { font-size:45px; line-height:75px; } .heading-title.heading-arrow-top h3, .heading-title.heading-arrow-bottom h3 { font-size:45px; line-height:75px; } } @media only screen and (max-width: 500px) { .heading-title.heading-arrow-top h1, .heading-title.heading-arrow-bottom h1 { font-size:36px; line-height:66px; } .heading-title.heading-arrow-top h2, .heading-title.heading-arrow-bottom h2 { font-size:30px; line-height:60px; } .heading-title.heading-arrow-top h3, .heading-title.heading-arrow-bottom h3 { font-size:30px; line-height:60px; } } .heading-title.heading-arrow-bottom:after { content: ' '; position: absolute; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #252525; left: 50%; margin-left: -20px; bottom: -20px; } .heading-title.heading-arrow-top:after { content: ' '; position: absolute; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-bottom: 20px solid #252525; left: 50%; margin-left: -20px; top: -20px; } /** Icon Boxes *************************************************** **/ .box-icon { margin:30px 0; } .box-icon>a, .box-icon .box-icon-title { text-decoration:none !important; display:block; } .box-icon .box-icon-title>i { height: 35px; width: 35px; line-height: 37px; font-size: 18px; margin-right:15px; background-color:#333; text-align:center; color:#fff; -webkit-transition: all .200s; -moz-transition: all .200s; -o-transition: all .200s; transition: all .200s; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } section.dark .box-icon .box-icon-title>i { background-color:#666; } .box-icon .box-icon-title.box-icon-transparent>i { color:#414141; background-color:transparent; } section.dark .box-icon .box-icon-title.box-icon-transparent>i { color:#fff; } .box-icon.box-icon-left .box-icon-title>i { float:left; } .box-icon.box-icon-round .box-icon-title>i { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .box-icon .box-icon-title>h2 { font-size:18px; line-height:35px; margin:0; -webkit-transition: all .200s; -moz-transition: all .200s; -o-transition: all .200s; transition: all .200s; } .box-icon .box-icon-title>img+h2, .box-icon .box-icon-title>img+h3, .box-icon .box-icon-title>img+h4, .box-icon .box-icon-title>img+h5 { font-size:16px; line-height:16px; margin-top:20px; } .box-icon p { margin:15px 0; } .box-icon a.box-icon-more { display:block; text-align:right; position:relative; color:#000; } section.dark .box-icon a.box-icon-more { color:#fff; } .box-icon a.box-icon-more:after { font-family: FontAwesome; content: "\f105"; padding-left:10px; top:50%; margin-top:-2px; } .box-icon.box-icon-right .box-icon-title>i { float:right; margin-right:0; margin-left:10px; } .box-icon.box-icon-right { text-align:right; } @media only screen and (max-width: 760px) { .box-icon.box-icon-right .box-icon-title>i { float:left; margin-right:10px; margin-left:0; } .box-icon.box-icon-right { text-align:left; } } /* center */ .box-icon.box-icon-center .box-icon-more, .box-icon.box-icon-center .box-icon-title, .box-icon.box-icon-center p { text-align:center !important; } .box-icon.box-icon-center .box-icon-title>i { float:none; margin:0 0 10px 0; } /* transparent icon */ .box-icon.box-icon-transparent .box-icon-title>i { background-color:transparent; border:#ccc 1px solid; color:#333; } section.dark .box-icon.box-icon-transparent .box-icon-title>i { color:#fff; background-color:#212121; border:#555 1px solid; } /* large icon */ .box-icon.box-icon-large .box-icon-title>i { width: 65px; height: 65px; line-height: 65px; font-size: 24px; } .box-icon.box-icon-large a.box-icon-title:hover>i { border-color:transparent; } /* box content */ .box-icon.box-icon-content { background-color:rgba(0,0,0,0.05); padding:45px 15px 15px 15px; display:block; margin-top:33px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } section.dark .box-icon.box-icon-content { background-color:rgba(0,0,0,0.1); } .box-icon.box-icon-content .box-icon-title>i { background-color:#fff; top:0; margin-left:-33px; position:absolute; } section.alternate .box-icon.box-icon-content .box-icon-title>i { background-color:#F9F9F9; } /* box icon side */ .box-icon.box-icon-side { position:relative; padding-left: 70px; } .box-icon.box-icon-side>i { position:absolute; left:0; top:10px; font-size:48px; } /* Box Video */ .box-video { border:rgba(0,0,0,0.1) 1px solid; margin:30px 0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } section.dark .box-video { border:rgba(255,255,255,0.1) 1px solid; } .box-video .box-video-title { text-decoration:none !important; } .box-video .box-video-title h2 { margin:20px 15px 15px 15px; font-size:18px; line-height:20px; } .box-video p, .box-video .btn, .box-video button { margin-bottom:15px; } .box-video p { margin-top:0; margin-left:15px; margin-right:15px; } /* Box Image */ .box-image { border:rgba(0,0,0,0.1) 1px solid; margin:30px 0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } section.dark .box-image { border:rgba(255,255,255,0.1) 1px solid; } .box-image .box-image-title { text-decoration:none !important; } .box-image img { margin-bottom:20px; } .box-image .box-image-title h2 { margin:0 15px 15px 15px; font-size:18px; line-height:20px; } .box-image p, .box-image .btn, .box-image button { margin-bottom:15px; } .box-image p { margin-top:0; margin-left:15px; margin-right:15px; } @media only screen and (max-width: 760px) { .box-icon { margin:60px 0; } .box-icon.box-icon-content .box-icon-title>i { top:-33px; } } /** FLIP BOXES **************** */ .box-flip { margin: 0 auto; position: relative; -webkit-perspective: 600px; -moz-perspective: 600px; perspective:600; width: 100%; } .box-flip .front, .box-flip .back { text-align: center; } .box-flip .front { width: 100%; position: absolute; top: 0; z-index: 1; text-align: center; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform: rotateX(0deg) rotateY(0deg); -moz-transform: rotateX(0deg) rotateY(0deg); transform: rotateX(0deg) rotateY(0deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .box-flip .back { width: 100%; position: absolute; top: 0; z-index: 2; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); transform: rotateY(-180deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .box-flip.flip .front { width: 100%; z-index: 1; -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); transform: rotateY(-180deg); } .box-flip.flip .back { width: 100%; z-index: 2; -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); } .box-flip .box1 { width: 100%; background-color:rgba(0,0,0,0.05); min-height: 50px; margin: 0 auto; padding: 20px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } section.dark .box-flip .box1 { background-color:rgba(255,255,255,0.05); } .box-flip .box2 { width: 100%; background-color: #333; min-height: 50px; margin: 0 auto; padding: 20px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .box-flip hr { border-color:rgba(0,0,0,0.1); } .box-flip .box-icon-title>i { color:#111; background-color:rgba(0,0,0,0.07); } section.dark .box-flip .box-icon-title>i { color:#fff; } .box-flip.box-color h1, .box-flip.box-color h2, .box-flip.box-color h3, .box-flip.box-color h4, .box-flip.box-color h5, .box-flip.box-color h6, .box-flip.box-color p, .box-flip.box-color .box-icon-title>i { color:#fff; } .box-flip .btn-lg.btn-translucid { font-size:14px; } .box-flip .box-default, .box-flip .box-default p, .box-flip .box-default h1, .box-flip .box-default h2, .box-flip .box-default h3, .box-flip .box-default h4, .box-flip .box-default h5 { color:#000 !important; } /* box static */ .box-static { padding:15px; background-color:rgba(0,0,0,0.05); border-top:transparent 3px solid; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .box-static.box-transparent { background-color:transparent; } .box-static.box-bordered { border:rgba(0,0,0,0.1) 1px solid; } .box-static.box-color, .box-static.box-dark { color:#fff; background-color:#333; } .box-static.box-color h1, .box-static.box-color h2, .box-static.box-color h3, .box-static.box-color h4, .box-static.box-color h5, .box-static.box-color h6, .box-static.box-dark h1, .box-static.box-dark h2, .box-static.box-dark h3, .box-static.box-dark h4, .box-static.box-dark h5, .box-static.box-dark h6 { color:#fff; } .box-static.box-border-top { border-top:rgba(0,0,0,0.5) 3px solid; } .box-static .box-title { margin-bottom:20px; border-bottom:rgba(0,0,0,0.1) 1px solid; } .box-static.box-color .box-title, .box-static.box-dark .box-title { border-bottom:rgba(255,255,255,0.1) 1px solid; } section.dark .box-static.box-bordered { border:rgba(255,255,255,0.1) 1px solid; } section.dark .box-static { color:#fff; padding:15px; background-color:#333; } section.dark .box-static input, section.dark .box-static label { color:#fff; } section.dark .box-static .box-title { border-bottom:rgba(255,255,255,0.1) 1px solid; } @media all and (max-width: 992px) { .box-flip { margin-bottom:30px; } } /** Box Colors */ .box-light { padding:15px; background-color:rgba(0,0,0,0.05); } .box-dark { color:#fff; padding:15px; background-color:#333; } .box-dark h1, .box-dark h2, .box-dark h3, .box-dark h4, .box-dark h5, .box-dark h6 { color:#fff; } .box-inner { padding:15px; display:block; } .box-inner h1, .box-inner h2, .box-inner h3, .box-inner h4, .box-inner h5, .box-inner h6 { font-size:14px; line-height:17px; padding-bottom:12px; border-bottom:rgba(0,0,0,0.1) 1px solid; margin-bottom:15px; } .box-light .box-inner { background-color:#fff; } .box-dark .box-inner { background-color:#111; } .box-footer { margin:1px 0; padding:8px 15px; } .box-light .box-footer { background-color:#fff; } .box-dark .box-footer { background-color:#111; } section.dark .box-light { background-color:rgba(255,255,255,0.05); } section.dark .box-dark { background-color:rgba(0,0,0,0.8); } section.dark .box-light .box-inner { background-color:#111; } section.dark .box-dark .box-inner { background-color:#111; } section.dark .box-light .box-footer { background-color:#111; } section.dark .box-dark .box-footer { background-color:#111; } section.dark .box-inner h1, section.dark .box-inner h2, section.dark .box-inner h3, section.dark .box-inner h4, section.dark .box-inner h5, section.dark .box-inner h6 { border-bottom-color:rgba(255,255,255,0.1); } section.dark .box-inner h1>a:hover, section.dark .box-inner h2>a:hover, section.dark .box-inner h3>a:hover, section.dark .box-inner h4>a:hover, section.dark .box-inner h5>a:hover, section.dark .box-inner h6>a:hover { text-decoration:underline !important; } /* successive colored boxes */ .box-gradient { color:#fff; margin:0; text-align:center; } .box-gradient>div { margin:0; padding:50px 8px 30px 8px; -webkit-transition: all .400s; -moz-transition: all .400s; -o-transition: all .400s; transition: all .400s; } .box-gradient>div>p { font-size:15px; margin:0; height:50px; overflow:hidden; } .box-gradient h1, .box-gradient h2, .box-gradient h3, .box-gradient h4, .box-gradient h5, .box-gradient h6 { color:#fff; margin-top:10px; margin-bottom:20px; font-size:50px; line-height:50px; font-weight:300; } .box-gradient a { display: block; color: #fff; } .box-gradient a:hover { color: #ddd; } /* pink */ .box-pink>div:nth-child(1) { background-color:#e2476b; } .box-pink>div:nth-child(2) { background-color:#e9738f; } .box-pink>div:nth-child(3) { background-color:#f09fb2; } .box-pink>div:nth-child(4) { background-color:#f7cbd5; } /* blue */ .box-blue>div:nth-child(1) { background-color:#004080; } .box-blue>div:nth-child(2) { background-color:#006fdd; } .box-blue>div:nth-child(3) { background-color:#2b95ff; } .box-blue>div:nth-child(4) { background-color:#6cb6ff; } /* orange */ .box-orange>div:nth-child(1) { background-color:#ea5726; } .box-orange>div:nth-child(2) { background-color:#ee754d; } .box-orange>div:nth-child(3) { background-color:#f19272; } .box-orange>div:nth-child(4) { background-color:#f5b39c; } /* yellow */ .box-yellow>div:nth-child(1) { background-color:#e3a42d; } .box-yellow>div:nth-child(2) { background-color:#eaba60; } .box-yellow>div:nth-child(3) { background-color:#eec882; } .box-yellow>div:nth-child(4) { background-color:#f2d7a4; } /* purple */ .box-purple>div:nth-child(1) { background-color:#864699; } .box-purple>div:nth-child(2) { background-color:#9a50af; } .box-purple>div:nth-child(3) { background-color:#a96cbb; } .box-purple>div:nth-child(4) { background-color:#bb89c9; } /* red */ .box-red>div:nth-child(1) { background-color:#b92c28; } .box-red>div:nth-child(2) { background-color:#d33834; } .box-red>div:nth-child(3) { background-color:#d9524f; } .box-red>div:nth-child(4) { background-color:#e17673; } /* brown */ .box-brown>div:nth-child(1) { background-color:#633232; } .box-brown>div:nth-child(2) { background-color:#7b3e3e; } .box-brown>div:nth-child(3) { background-color:#9d4f4f; } .box-brown>div:nth-child(4) { background-color:#b36868; } /* green */ .box-green>div:nth-child(1) { background-color:#0c5849; } .box-green>div:nth-child(2) { background-color:#117964; } .box-green>div:nth-child(3) { background-color:#16a387; } .box-green>div:nth-child(4) { background-color:#1ccaa7; } /* black */ .box-black>div:nth-child(1) { background-color:#000000; } .box-black>div:nth-child(2) { background-color:#1d1d1d; } .box-black>div:nth-child(3) { background-color:#2e2e2e; } .box-black>div:nth-child(4) { background-color:#454545; } /* gray */ .box-gray>div:nth-child(1) { background-color:#333333; } .box-gray>div:nth-child(2) { background-color:#4a4a4a; } .box-gray>div:nth-child(3) { background-color:#5f5f5f; } .box-gray>div:nth-child(4) { background-color:#797979; } /* teal */ .box-teal>div:nth-child(1) { background-color:#426062; } .box-teal>div:nth-child(2) { background-color:#4f7275; } .box-teal>div:nth-child(3) { background-color:#618c8f; } .box-teal>div:nth-child(4) { background-color:#8aadb0; } @media all and (max-width: 768px) { .box-gradient>div { margin:0 !important; } } @media all and (max-width: 482px) { .box-gradient h1, .box-gradient h2, .box-gradient h3, .box-gradient h4, .box-gradient h5, .box-gradient h6 { font-size:36px; line-height:36px; } } /** Labels & Badges *************************************************** **/ .badge, .label { font-weight:400; } .label.label-square { font-size:13px; width:25px; height:25px; line-height:25px; text-align:center; margin-right:10px; padding:0; } .label.label-square.pull-left { margin-left:10px; } .label.label-square.pull-right { margin-right:10px; } h1 .label, h2 .label, h3 .label, h4 .label, h5 .label, h6 .label { padding:3px 10px; } section .nav-pills>li>a, section .nav-pills>li.active>a:hover, section .nav-pills>li.active>a { color:#111; } section.dark .nav-pills>li>a, section.dark .nav-pills>li.active>a:hover, section.dark .nav-pills>li.active>a { color:#fff; } section.dark .nav-pills>li.active>a { background-color:rgba(255,255,255,0.3) !important; } section.dark a.label, section.dark .label { color:#fff; } /* corner */ .badge.badge-corner { top: -8px !important; right: -6px !important; position: absolute !important; color:#fff !important; } /* colors */ span.badge-default, span.label-default, .list-group-item.active>.badge.badge-default { background-color:#333 !important; } span.label-blue, span.badge-blue, .list-group-item.active>.badge { background: #3498db !important; } span.label-red, span.badge-red, .list-group-item.active>.badge { background: #e74c3c !important; } span.label-green, span.badge-green, .list-group-item.active>.badge.badge-green { background: #2ecc71 !important; } span.label-sea, span.badge-sea, .list-group-item.active>.badge.badge-sea { background: #1abc9c !important; } span.label-orange, span.badge-orange, .list-group-item.active>.badge.badge-orange { background: #e67e22 !important; } span.label-yellow, span.badge-yellow, .list-group-item.active>.badge.badge-yellow { background: #f1c40f !important; } span.label-purple, span.badge-purple, .list-group-item.active>.badge.badge-purple { background: #9b6bcc !important; } span.label-aqua, span.badge-aqua, .list-group-item.active>.badge.badge-aqua { background: #27d7e7 !important; } span.label-brown, span.badge-brown, .list-group-item.active>.badge.badge-brown { background: #9c8061 !important; } span.label-dark-blue, span.badge-dark-blue, .list-group-item.active>.badge.badge-dark-blue { background: #4765a0 !important; } span.label-light-green, span.badge-light-green, .list-group-item.active>.badge.badge-light-green { background: #79d5b3 !important; } span.label-light, span.badge-light, .list-group-item.active>.badge.badge-light { color: #777; background: #ecf0f1 !important; } span.label-dark, span.badge-dark, .list-group-item.active>.badge.badge-dark { background: #555 !important; } /** Panels *************************************************** **/ .panel { margin-bottom:30px; } section.dark .panel-default>.panel-heading { border-color:#666; } .panel-footer .social-icon { margin-top:0; margin-bottom:0; } .panel-heading .btn, .panel-footer .btn { margin:0; } .panel-footer.panel-footer-transparent, .panel-heading.panel-heading-transparent { background-color:transparent; } section.dark .panel { background-color:#373737; border-color:#666; } section.dark .panel .btn { color:#fff!important; } section.dark .panel-footer { border-top-color:rgba(255,255,255,0.1); background-color:rgba(255,255,255,0.1); } .panel .table { background-color:transparent; } section.dark table { color:#fff; background-color:#373737; } section.dark .panel .panel-heading, section.dark .panel .panel-heading h2 { color:#111 !important; } section.dark .panel .panel-heading.panel-heading-transparent, section.dark .panel .panel-heading.panel-heading-transparent h2 { color:#eaeaea !important; } .panel table thead { background-color:rgba(0,0,0,0.01); } section.dark .table>thead>tr>th { border-bottom-color:#666; } section.dark .panel>.panel-body+.table, section.dark .panel>.panel-body+.table-responsive, section.dark .panel>.table+.panel-body, section.dark .panel>.table-responsive+.panel-body, section.dark .table>tbody>tr>td, section.dark .table>tbody>tr>th, section.dark .table>tfoot>tr>td, section.dark .table>tfoot>tr>th, section.dark .table>thead>tr>td, section.dark .table>thead>tr>th { border-top-color:#666; } section.dark .table>tbody>tr:hover>td { color:#000; } section.dark .table-striped>tbody>tr:nth-of-type(odd) { color:#000; } /** 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; } /** 31. Navigations *************************************************** **/ .navbar-primary .navbar-brand, .navbar-primary .navbar-nav>li>a, .navbar-primary button, .navbar-primary a { color:#ddd; } .navbar-primary .navbar-brand:hover, .navbar-primary .navbar-nav>li>a:hover, .navbar-primary button:hover, .navbar-primary a:hover { color:#fff; } .navbar-primary .navbar-nav>.active>a, .navbar-primary .navbar-nav>.active>a:focus, .navbar-primary .navbar-nav>.active>a:hover { background-color:rgba(0,0,0,0.1); } section.dark .navbar-default .navbar-brand, section.dark .navbar-default .navbar-nav>li>a { color:#999; } section.dark .navbar-default .navbar-brand:hover, section.dark .navbar-default .navbar-nav>li>a:hover { color:#ddd; } section.dark .navbar-default .navbar-nav>.open>a, section.dark .navbar-default .navbar-nav>.open>a:focus, section.dark .navbar-default .navbar-nav>.open>a:hover, section.dark .navbar-default .navbar-nav>.active>a, section.dark .navbar-default .navbar-nav>.active>a:focus, section.dark .navbar-default .navbar-nav>.active>a:hover { color:#ddd; background-color:rgba(0,0,0,0.2); } section.dark .navbar-default { background-color:#555; border-color:#555; } section.dark .navbar-inverse { background-color:#111; border-color:#111; } section.dark .nav-tabs>li.active>a, section.dark .nav-tabs>li.active>a:focus, section.dark .nav-tabs>li.active>a:hover { color:#ddd; background-color:#555; border-color:#555; } section.dark .nav-tabs { border-color:#555; } section.dark .nav-tabs>li>a:hover { border-color:transparent; background-color:#555; } /* small categories - like tags */ ul.categories>li { margin:0; padding:1px; } ul.categories>li>a { letter-spacing:0; font-size:12px; color:#999; } ul.categories>li>a:hover { color:#121212; } ul.categories>li:after { content:' , '; } ul.categories>li:last-child:after { content:''; } section.dark ul.categories>li>a:hover { color:#ccc; } /** Paginations *************************************************** **/ .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { background: rgba(0,0,0,0.05); } .pagination > li > a { margin-right:4px; color:#666 !important; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important; } .pagination > li.active>a { border-color:#ddd; color:#fff !important; } section.dark .pagination > li, section.dark .pagination > li > a { color:#ccc !important; border-color:#666; background-color:transparent; } section.dark .pagination > li > a:hover, section.dark .pagination > li > span:hover { background-color:#555; } section.dark .pagination > li.active>a { color:#fff !important; } /* pager */ section.dark .pager li>a, section.dark .pager li>span { background-color:#666; border-color:#888; color:#fff; } section.dark .pager li>a:hover { background-color:#555; } /* simple pagination */ .pagination.pagination-simple>li>a { border:0 !important; border-left:#ccc 1px solid !important; background-color:transparent !important; color:#333 !important; padding: 0 12px !important; font-weight:bold !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .pagination.pagination-simple>li.active>a { color:#999 !important; } .pagination.pagination-simple>li:first-child>a { border:0 !important; } section.dark .pagination.pagination-simple>li>a { border-left:#666 1px solid !important; color:#888 !important; } section.dark .pagination.pagination-simple>li.active>a { color:#eee !important; } section.dark .pagination.pagination-simple>li:first-child>a { border:0 !important; } /** 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); } /** Process Steps *************************************************** **/ .process-wizard {padding: 0 0 10px 0;} .process-wizard > .process-wizard-step {padding: 0; position: relative;} .process-wizard > .process-wizard-step + .process-wizard-step {} .process-wizard > .process-wizard-step .process-wizard-stepnum {color: #595959; font-size: 16px; margin-bottom: 5px;} .process-wizard > .process-wizard-step .process-wizard-info {color: #999; font-size: 14px;} .process-wizard > .process-wizard-step > .process-wizard-dot {position: absolute; width: 30px; height: 30px; display: block; background: #fbe8aa; top: 47px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%;} .process-wizard > .process-wizard-step > .process-wizard-dot:after {content: ' '; width: 14px; height: 14px; background: #fbbd19; border-radius: 50px; position: absolute; top: 8px; left: 8px; } .process-wizard > .process-wizard-step > .progress {position: relative; border-radius: 0px; height: 8px; box-shadow: none; margin: 20px 0;} .process-wizard > .process-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background: #fbe8aa;} .process-wizard > .process-wizard-step.complete > .progress > .progress-bar {width:100%;} .process-wizard > .process-wizard-step.active > .progress > .progress-bar {width:50%;} .process-wizard > .process-wizard-step:first-child.active > .progress > .progress-bar {width:0%;} .process-wizard > .process-wizard-step:last-child.active > .progress > .progress-bar {width: 100%;} .process-wizard > .process-wizard-step.disabled > .process-wizard-dot {background-color: #f5f5f5;} .process-wizard > .process-wizard-step.disabled > .process-wizard-dot:after {opacity: 0;} .process-wizard > .process-wizard-step:first-child > .progress {left: 50%; width: 50%;} .process-wizard > .process-wizard-step:last-child > .progress {width: 50%;} .process-wizard > .process-wizard-step.disabled a.process-wizard-dot{ pointer-events: none; } /* default */ .process-wizard-default > .process-wizard-step > .process-wizard-dot, .process-wizard-default > .process-wizard-step > .progress > .progress-bar { background:#ccc; } .process-wizard-default > .process-wizard-step > .process-wizard-dot:after { background-color:#666; } /* info */ .process-wizard-info > .process-wizard-step > .process-wizard-dot, .process-wizard-info > .process-wizard-step > .progress > .progress-bar { background:#d9edf7; } .process-wizard-info > .process-wizard-step > .process-wizard-dot:after { background-color:#31708f; } /* warning */ .process-wizard-warning > .process-wizard-step > .process-wizard-dot, .process-wizard-warning > .process-wizard-step > .progress > .progress-bar { background:#fbe8aa; } .process-wizard-warning > .process-wizard-step > .process-wizard-dot:after { background-color:#fbbd19; } /* success */ .process-wizard-success > .process-wizard-step > .process-wizard-dot, .process-wizard-success > .process-wizard-step > .progress > .progress-bar { background:#d6e9c6; } .process-wizard-success > .process-wizard-step > .process-wizard-dot:after { background-color:#3c763d; } /* success */ .process-wizard-danger > .process-wizard-step > .process-wizard-dot, .process-wizard-danger > .process-wizard-step > .progress > .progress-bar { background:#ebccd1; } .process-wizard-danger > .process-wizard-step > .process-wizard-dot:after { background-color:#a94442; } /* Tab Process Steps */ ul.process-steps, ul.process-steps li { border:0 !important; text-align: center; } ul.process-steps li a { width:50px; height:50px; font-size:30px; line-height:30px; text-align: center; display:inline-block; color:#111; border:#666 1px solid !important; background-color:#fff; -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; border-radius: 50% !important; } ul.process-steps li.active a, ul.process-steps li.active:hover>a { color:#fff !important; background-color:#333; } ul.process-steps li:after, ul.process-steps li:before { content: ''; position: absolute; top: 26px; left: 0; width: 50%; border-top: 1px dashed #DDD; } ul.process-steps li:first-child:before { display:none; } ul.process-steps li:last-child:after { display:none; } ul.process-steps li:after { left: auto; right: 0; margin: 0 -26px 0 0; } ul.process-steps li h1, ul.process-steps li h2, ul.process-steps li h3, ul.process-steps li h4, ul.process-steps li h5, ul.process-steps li h6 { margin:20px 0 0 0; } ul.process-steps li>a>i { margin:0; padding:0; margin-left:-4px; margin-top:-1px; font-size:28px; line-height:28px; } ul.process-steps li>a>i.fa { font-size:30px; line-height:30px; } ul.process-steps.process-steps-square li a { -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important; } @media only screen and (max-width: 768px) { ul.process-steps li:after, ul.process-steps li:before { display:none; } ul.process-steps li h1, ul.process-steps li h2, ul.process-steps li h3, ul.process-steps li h4, ul.process-steps li h5, ul.process-steps li h6 { margin:10px 0 30px 0; } } @media only screen and (max-width: 482px) { ul.process-steps li>a { display:inline-block !important; } ul.process-steps li h1, ul.process-steps li h2, ul.process-steps li h3, ul.process-steps li h4, ul.process-steps li h5, ul.process-steps li h6 { margin:3px 0; display:block; } ul.process-steps li { padding:10px 0; } } /** Price Table **************************************************************** **/ div.price-table { background:rgba(0,0,0,0.03); margin:30px 0; text-align:center; padding-bottom:30px; border-left:#fff 1px solid; } div.row.pricetable-container { padding:0 15px; } div.price-table h3 { font-size:25px; line-height:25px; padding:30px 0; border-bottom: rgba(0,0,0,0.1) 2px solid; text-transform:uppercase; font-weight:300; } div.price-table p { color: #666; font-size: 36px; line-height:36px; padding: 30px 0; font-weight: 400; width: 150px; height: 150px; padding-top: 53px; display: inline-block; background-color: rgba(0,0,0,0.05); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin-top:0; } div.price-table p span { display:block; font-size:10px; line-height:16px; font-weight:300; text-transform:uppercase; } div.price-table ul { margin:0; padding:0; } div.price-table ul li { list-style:none; font-size:12px; border-bottom: rgba(0,0,0,0.1) 1px solid; padding:8px; text-transform:uppercase; } div.price-table.popular, div.price-table.popular ul li, div.price-table.popular p, div.price-table.popular p span, div.price-table.popular h3 { color:#fff; } div.price-table.popular { background:#676767; } div.price-table .btn { margin-top:30px; } div.price-table .btn-primary { background-color:#333; border:0; } section.dark div.price-table { border-left-color:#212121; background-color:#444; } section.dark div.price-table.popular { background-color:#666; } section.dark div.price-table h3 { border-bottom-color:rgba(255,255,255,0.1); } section.dark div.price-table .btn { color:#fff; } /* mega price table */ div.mega-price-table { margin-top:60px; } div.mega-price-table .btn .caret.pull-right { margin-top:8px; } div.mega-price-table .pricing-title, div.mega-price-table .pricing-head { color:#fff; text-align:center; background-color:rgba(0,0,0,0.6); height:75px; } div.mega-price-table .pricing-title { background-color:transparent !important; padding:15px 0 0 0; margin:0; height:165px; } div.mega-price-table .pricing-title h3 { font-size:35px; line-height:35px; margin-bottom:10px; } div.mega-price-table .pricing-head h3 { margin-bottom:3px; display:block; color:#fff; font-size:30px; padding-top:12px; height:36px; font-weight:300; } div.mega-price-table h4 { display:block; text-align:center; font-size:60px; padding:20px 0; margin:0; font-weight:400; color:#666; height:85; background-color:rgba(0,0,0,0.03); font-weight:300; } div.mega-price-table .pricing:hover h4 { color:#333; text-align:center; } div.mega-price-table .pricing h4 sup, div.mega-price-table .pricing h4 sub { font-size:34px; } div.mega-price-table .pricing-head small { font-size:12px; line-height:40px; display:block; color:rgba(255,255,255,0.7); font-weight:300; font-family:'Open Sans', Arial, Hevletica, sans-serif; } div.mega-price-table .pricing-desc li, div.mega-price-table ul.pricing-table li { padding: 10px; font-style: normal; min-height: 41px; text-align:center; } div.mega-price-table ul li.alternate { background-color:rgba(0,0,0,0.03); } div.mega-price-table { padding-left:15px; padding-right:15px; } div.mega-price-table div { padding:0; } div.mega-price-table .pricing { margin-top: 1px; margin-left: 1px; background: rgba(0,0,0,0.03); } section.dark div.mega-price-table ul li.alternate, section.dark div.mega-price-table .pricing { background: rgba(255,255,255, 0.05); } div.mega-price-table .pricing-desc div, div.mega-price-table .pricing-desc li { text-align:left !important; } div.mega-price-table .btn, div.mega-price-table .list-unstyled, div.mega-price-table .btn-group, div.mega-price-table .btn-toolbar { margin:0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } div.mega-price-table .pricing.popular h4 small { color:#fff; } div.mega-price-table .pricing.popular { background-color:#676767; } div.mega-price-table .pricing.popular, div.mega-price-table .pricing.popular h3, div.mega-price-table .pricing.popular h4, div.mega-price-table .pricing.popular li, div.mega-price-table .pricing.popular div, div.mega-price-table .pricing.popular .pricing-table i.fa { color:#fff !important; } div.mega-price-table .dropdown-menu { width:100%; } /* clean price */ .price-clean { padding: 30px 10px; text-align: center; position: relative; border: 1px solid #D0D6DF; font-family: Arial, Helvetica, sans-serif; -webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.05); -o-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.05); } .price-clean h4 { font-size: 60px; line-height:60px; font-weight: 300; margin: 0; color: #547698; } .price-clean h4 sup { position: relative; font-size: 20px; line-height:25px; vertical-align: top; top: 3px; } .price-clean h4 em { font-size: 14px; font-style:normal; } .price-clean h5 { text-transform: uppercase; font-weight: 300; margin: 0; font-size: 15px; color: #BACDD6; letter-spacing: 2px; } .price-clean p { line-height: 1.5em; color: #526066; margin-bottom: 0; } @media only screen and (max-width: 992px) { .price-clean { margin-bottom:30px; } .col-md-5th .price-clean h4 { font-size: 40px; line-height:40px; } .col-md-5th .price-clean h4 em { font-size:11px; } } @media only screen and (max-width: 768px) { .price-clean h4 { font-size: 60px; line-height:60px; } .price-clean h4 em { font-size: 14px; } } /** Styled Icons **************************************************************** **/ i.ico-transparent, i.ico-bordered, i.ico-rounded, i.ico-color, i.ico-light, i.ico-dark { color: #444; width:50px; height:50px; line-height: 50px; font-size:25px; border: 1px solid #555; background-color: transparent; text-align:center; display:inline-block; margin-bottom:5px; margin: 4px 8px 7px 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } i.ico-transparent { border:transparent; } i.ico-rounded { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } i.ico-light { border:transparent; background-color:rgba(0,0,0,0.05); } i.ico-dark { color:#fff; border:transparent; background-color:#333; } i.ico-color { color:#fff; border:transparent; text-shadow:rgba(0,0,0,.3) 1px 1px 1px; } i.ico-hover:hover { color:#fff; background-color:#111; } i.ico-hover-dark:hover { color:#fff !important; background-color:#111 !important; } i.ico-color.ico-hover:hover { background-color:#212121; } i.ico-xs { width:30px; height:30px; line-height: 30px; font-size:15px; } i.ico-lg { width:80px; height:80px; line-height: 80px; font-size:45px; } section.dark i.ico-rounded, section.dark i.ico-bordered { color:#ddd; border-color:#666; } section.dark i.ico-dark { color:#ccc; background-color:#111; } section.dark i.ico-light { color:#ddd; background-color:#444; } section.dark i.ico-transparent { color:#ddd; } section.dark i.ico-color.ico-hover:hover { background-color:#666; } /** Tabs *************************************************** **/ .nav .open>a, .nav .open>a:focus, .nav .open>a:hover { border-color:transparent !important; background-color:transparent !important; } .nav-tabs>li>a { color:#111; font-weight:bold; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important; } .nav-tabs>li.active>a { color:#000; } .nav-tabs.nav-justified>li>a { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } section.dark .nav-tabs>li>a { color:#fff; } section.dark .nav-tabs.nav-justified>li>a { border-bottom-color:#666; } .tab-content { padding:15px 0; } /* clean Tabs */ .nav-tabs.nav-clean>li>a { border:0 !important; } .nav-tabs.nav-clean>li>a:hover { background-color:transparent; } .nav-tabs.nav-clean>li.active { margin-bottom:0; } section.dark .nav-tabs.nav-clean>li>a, section.dark .nav-tabs.nav-clean>li.active>a { color:#fff; background-color:transparent !important; } /* Top Border */ .nav-tabs.nav-top-border>li>a { border-top:transparent 3px solid !important; } .nav-tabs.nav-top-border>li.active>a, .nav-tabs.nav-top-border>li.active>a:hover { border-top:#888 3px solid !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .nav-tabs.nav-top-border>li>a:hover { background-color:transparent !important; border-color:transparent !important; } /* Bottom Border */ .nav-tabs.nav-bottom-border { border:0 !important; } .nav-tabs.nav-bottom-border>li.active { margin-bottom:0 !important; } .nav-tabs.nav-bottom-border>li>a { border:0 !important; border-bottom:transparent 3px solid !important; } .nav-tabs.nav-bottom-border>li.active>a, .nav-tabs.nav-bottom-border>li.active>a:hover { border-bottom:#888 3px solid !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .nav-tabs.nav-bottom-border>li>a:hover { background-color:transparent !important; border-color:transparent !important; } section.dark ul.side-nav a { color:#ccc; } section.dark .nav-bottom-border li>a { background-color:transparent !important; } /* Button tabs */ .nav-tabs.nav-button-tabs { border:0 !important; } .nav-tabs.nav-button-tabs>li>a { color:#000 !important; border:0 !important; background-color:rgba(0,0,0,0.1); margin-right: 3px !important; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important; } .nav-tabs.nav-button-tabs>li.active>a { color:#fff !important; background-color:rgba(0,0,0,0.6); } section.dark .nav-tabs.nav-button-tabs>li>a { color:#fff !important; } /* Stacked Tabs */ .nav-tabs.nav-stacked { background-color:rgba(0,0,0,0.02); } .nav-tabs.nav-stacked>li>a { border-left:0 !important; border-right:0 !important; border:0 !important; background-color:#fff; color:#111; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .nav-tabs.nav-stacked>li.active>a { background-color:#fafafa; } div.tab-content.tab-stacked { padding:17px; background-color:#fafafa; } section.dark div.tab-content.tab-stacked { background-color:#444; } section.dark .nav-tabs.nav-stacked>li>a { background-color:#666; } section.dark .nav-tabs.nav-stacked>li.active>a { background-color:#444; margin:0; } @media only screen and (max-width: 480px) { .nav-tabs>li { margin-bottom:3px; } .nav-tabs>li, .nav-tabs>li>a { display:block !important; float:none !important; border:0 !important; background-color:rgba(0,0,0,0.01); } .nav-tabs>li>a :focus, .nav-tabs>li.active>a { background-color:rgba(0,0,0,0.05); } } /* Stacked Alternate */ .nav-tabs.nav-alternate { background-color:transparent; } div.tab-content.nav-alternate { background-color:transparent; padding:0; } .nav-tabs.nav-alternate>li>a { background-color:#fafafa; } .nav-tabs.nav-alternate>li.active>a { color:#fff !important; background-color:#999; } section.dark .tab-content.nav-alternate { background-color:transparent !important; } /** Toggles & Accordions *************************************************** **/ div.toggle { margin: 10px 0 0; position: relative; clear: both; } div.toggle > label { color: #333; background:rgba(0,0,0,0.1); cursor: pointer; font-size: 16px; font-weight:normal; padding: 10px 20px; position: relative; display: block; border-bottom: rgba(0,0,0,0.03) 1px solid; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-transition: all .10s ease-out; -moz-transition: all .10s ease-out; -o-transition: all .10s ease-out; transition: all .10s ease-out; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } section.dark div.toggle > label { color: #fff; background:rgba(0,0,0,0.5); } div.toggle div.toggle-content { border: rgba(0,0,0,0.03) 1px solid; display: none; background:rgba(0,0,0,0.03); margin-top: -5px; padding: 15px 20px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } div.toggle div.toggle-content p:last-child { margin-bottom:0; } section.dark div.toggle div.toggle-content { background:rgba(255,255,255,0.05); } div.toggle > label:before { content: ''; border: 6px solid transparent; border-top-color: inherit; position: absolute; top: 50%; right: 14px; margin-top: -3px; } div.toggle > label:hover { background: rgba(0,0,0,0.15); } div.toggle > label + p { color: #888; height: 25px; display: block; overflow: hidden; padding-left: 10px; } div.toggle.active > label:before { border: 6px solid transparent; border-bottom-color:rgba(0,0,0,0.5); right: 14px; margin-top: -10px; } .toggle .toggle-content { border:0 !important; } /* transparent body */ .toggle.toggle-transparent .toggle-content, .toggle.toggle-transparent-body .toggle-content { background:transparent; } .toggle.toggle-transparent-body label { background: rgba(0,0,0,0.03); } .toggle.toggle-transparent-body label:hover { background: rgba(0,0,0,0.04); } /* transparent full */ .toggle.toggle-transparent label:hover, .toggle.toggle-transparent label { background-color:transparent; border:0; } .toggle.toggle-transparent div.toggle.active label { font-weight:bold; } /* bordered simple */ .toggle.toggle-bordered-simple label:hover, .toggle.toggle-bordered-simple label { border:#ccc 1px solid; } /* bordered full */ .toggle.toggle-bordered-full label:hover, .toggle.toggle-bordered-full label { border:#ccc 1px solid; border-bottom:0; margin:0; } .toggle.toggle-bordered-full div.toggle:last-child>label { border-bottom:#ccc 1px solid; } .toggle.toggle-bordered-full div.toggle.active>label { font-weight:bold; } .toggle.toggle-bordered-full .toggle-content { border:#ccc 1px solid !important; border-top:0 !important; border-bottom:0 !important; } .toggle.toggle-bordered-full div.toggle { margin:0; } /* noicon */ .toggle.toggle-noicon div.toggle > label:before { display:none; } /** Box Shadow **************************************************************** **/ .box-shadow-1:after, .box-shadow-1:before { top: 80%; left: 5px; width: 50%; z-index: -1; content: ""; bottom: 15px; max-width: 300px; position: absolute; } /* Shadow 1 */ .box-shadow-1 { -webkit-box-shadow: 0 14px 6px -6px #666; -moz-box-shadow: 0 14px 6px -6px #666; box-shadow: 0 14px 6px -6px #666; } section.dark .box-shadow-1 { -webkit-box-shadow: 0 14px 6px -6px #111; -moz-box-shadow: 0 14px 6px -6px #111; box-shadow: 0 14px 6px -6px #111; } /* Shadow 2 */ .box-shadow-2 { position: relative; } .box-shadow-2:before, .box-shadow-2:after { z-index: -1; position: absolute; content: ""; bottom: 15px; left: 10px; width: 50%; top: 80%; max-width:300px; background: #777; -webkit-box-shadow: 0 15px 10px #777; -moz-box-shadow: 0 15px 10px #777; box-shadow: 0 15px 10px #777; -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -o-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); } .box-shadow-2:after { right: 10px; left: auto; -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -o-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg); } section.dark .box-shadow-2:before, section.dark .box-shadow-2:after { background: #111; -webkit-box-shadow: 0 15px 10px #111; -moz-box-shadow: 0 15px 10px #111; box-shadow: 0 15px 10px #111; } /* Shadow 3 */ .box-shadow-3 { position: relative; } .box-shadow-3:before { z-index: -1; position: absolute; content: ""; bottom: 15px; left: 10px; width: 50%; top: 80%; max-width:300px; background: #777; -webkit-box-shadow: 0 15px 10px #777; -moz-box-shadow: 0 15px 10px #777; box-shadow: 0 15px 10px #777; -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -o-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); } section.dark .box-shadow-3:before { background: #111; -webkit-box-shadow: 0 15px 10px #111; -moz-box-shadow: 0 15px 10px #111; box-shadow: 0 15px 10px #111; } /* Shadow 4 */ .box-shadow-4 { position: relative; } .box-shadow-4:after { z-index: -1; position: absolute; content: ""; bottom: 15px; right: 10px; left: auto; width: 50%; top: 80%; max-width:300px; background: #777; -webkit-box-shadow: 0 15px 10px #777; -moz-box-shadow: 0 15px 10px #777; box-shadow: 0 15px 10px #777; -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -o-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg); } section.dark .box-shadow-4:after { background: #111; -webkit-box-shadow: 0 15px 10px #111; -moz-box-shadow: 0 15px 10px #111; box-shadow: 0 15px 10px #111; } /* Shadow 5 */ .box-shadow-5 { position: relative; } .box-shadow-5:before, .box-shadow-5:after { z-index: -1; position: absolute; content: ""; bottom: 25px; left: 10px; width: 50%; top: 80%; max-width:300px; background: #777; -webkit-box-shadow: 0 35px 20px #777; -moz-box-shadow: 0 35px 20px #777; box-shadow: 0 35px 20px #777; -webkit-transform: rotate(-8deg); -moz-transform: rotate(-8deg); -o-transform: rotate(-8deg); -ms-transform: rotate(-8deg); transform: rotate(-8deg); } .box-shadow-5:after { -webkit-transform: rotate(8deg); -moz-transform: rotate(8deg); -o-transform: rotate(8deg); -ms-transform: rotate(8deg); transform: rotate(8deg); right: 10px; left: auto; } section.dark .box-shadow-5:before, section.dark .box-shadow-5:after { background: #111; -webkit-box-shadow: 0 35px 20px #111; -moz-box-shadow: 0 35px 20px #111; box-shadow: 0 35px 20px #111; } /* Shadow 6 */ .box-shadow-6 { position:relative; -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; } .box-shadow-6:before, .box-shadow-6:after { content:""; position:absolute; z-index:-1; -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8); -moz-box-shadow:0 0 20px rgba(0,0,0,0.8); box-shadow:0 0 20px rgba(0,0,0,0.8); top:50%; bottom:0; left:10px; right:10px; -moz-border-radius:100px / 10px; border-radius:100px / 10px; } section.dark .box-shadow-6 { position:relative; -webkit-box-shadow:0 1px 4px rgba(255, 255, 255, 0.3), 0 0 40px rgba(255, 255, 255, 0.1) inset; -moz-box-shadow:0 1px 4px rgba(255, 255, 255, 0.3), 0 0 40px rgba(255, 255, 255, 0.1) inset; box-shadow:0 1px 4px rgba(255, 255, 255, 0.3), 0 0 40px rgba(255, 255, 255, 0.1) inset; } section.dark .box-shadow-6:before, section.dark .box-shadow-6:after { -webkit-box-shadow:0 0 20px rgba(255,255,255,0.8); -moz-box-shadow:0 0 20px rgba(255,255,255,0.8); box-shadow:0 0 20px rgba(255,255,255,0.8); } /* Shadow 7 */ .box-shadow-7 { position:relative; -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; } .box-shadow-7:before, .box-shadow-7:after { content:""; position:absolute; z-index:-1; -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8); -moz-box-shadow:0 0 20px rgba(0,0,0,0.8); box-shadow:0 0 20px rgba(0,0,0,0.8); top:0; bottom:0; left:10px; right:10px; -moz-border-radius:100px / 10px; border-radius:100px / 10px; } .box-shadow-7:after { right:10px; left:auto; -webkit-transform:skew(8deg) rotate(3deg); -moz-transform:skew(8deg) rotate(3deg); -ms-transform:skew(8deg) rotate(3deg); -o-transform:skew(8deg) rotate(3deg); transform:skew(8deg) rotate(3deg); } section.dark .box-shadow-7 { position:relative; -webkit-box-shadow:0 1px 4px rgba(255, 255, 255, 0.3), 0 0 40px rgba(255, 255, 255, 0.1) inset; -moz-box-shadow:0 1px 4px rgba(255, 255, 255, 0.3), 0 0 40px rgba(255, 255, 255, 0.1) inset; box-shadow:0 1px 4px rgba(255, 255, 255, 0.3), 0 0 40px rgba(255, 255, 255, 0.1) inset; } section.dark .box-shadow-7:before, section.dark .box-shadow-7:after { -webkit-box-shadow:0 0 20px rgba(255,255,255,0.8); -moz-box-shadow:0 0 20px rgba(255,255,255,0.8); box-shadow:0 0 20px rgba(255,255,255,0.8); } /* Shadow 8 */ .box-shadow-8 { position:relative; -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; } .box-shadow-8:before, .box-shadow-8:after { content:""; position:absolute; z-index:-1; -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8); -moz-box-shadow:0 0 20px rgba(0,0,0,0.8); box-shadow:0 0 20px rgba(0,0,0,0.8); top:10px; bottom:10px; left:0; right:0; -moz-border-radius:100px / 10px; border-radius:100px / 10px; } .box-shadow-8:after { right:10px; left:auto; -webkit-transform:skew(8deg) rotate(3deg); -moz-transform:skew(8deg) rotate(3deg); -ms-transform:skew(8deg) rotate(3deg); -o-transform:skew(8deg) rotate(3deg); transform:skew(8deg) rotate(3deg); } section.dark .box-shadow-8 { position:relative; -webkit-box-shadow:0 1px 4px rgba(255, 255, 255, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow:0 1px 4px rgba(255, 255, 255, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow:0 1px 4px rgba(255, 255, 255, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; } section.dark .box-shadow-8:before, section.dark .box-shadow-8:after { -webkit-box-shadow:0 0 20px rgba(255, 255, 255,0.8); -moz-box-shadow:0 0 20px rgba(255, 255, 255,0.8); box-shadow:0 0 20px rgba(255, 255, 255,0.8); } /** Testimonials **************************************************************** **/ ul.testimonial-dotted { overflow:hidden; } ul.testimonial-dotted>li { padding-top:30px; padding-bottom:30px; } ul.testimonial-dotted>li figure { text-align:center; display:block; } ul.testimonial-dotted>li img { display:inline-block; } ul.testimonial-dotted>li:after { content: ''; position: absolute; width: 100%; height: 0; top: auto; left: 0; bottom: -1px; border-bottom: 1px dashed rgba(0,0,0,0.3); } ul.testimonial-dotted>li:before { content: ''; position: absolute; height: 100%; top: 0; left: -1px; border-left: 1px dashed rgba(0,0,0,0.3); } section.dark ul.testimonial-dotted>li:after { border-bottom: 1px dashed rgba(255,255,255,0.3); } section.dark ul.testimonial-dotted>li:before { border-left: 1px dashed rgba(255,255,255,0.3); } div.testimonial p { margin-top:0; } div.testimonial>figure>img { width:65px; height:65px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .testimonial cite { font-weight:bold; text-shadow:none; } .testimonial cite span { display:block; color:#888; font-size:12px; font-weight:300; } section.parallax .testimonial cite span { color:#ddd; } .testimonial-content { position:relative; padding-left:75px; } /* bordered */ div.testimonial-bordered { border:#eaeaea 2px solid; padding:30px 15px; margin:30px 0; } section.dark div.testimonial-bordered { border-color:#666; background-color:rgba(0,0,0,0.1); } /** Side Nav **************************************************************** **/ div.side-nav li.list-group-item { padding:0 15px; } div.side-nav ul, div.side-nav ul>li { border:0 !important; } div.side-nav ul>li { background-color:transparent !important; } div.side-nav ul>li:before { content: "\f105"; font-family: FontAwesome; position: absolute; font-size: 15px; left: 0; top: 4px; color: #999; } div.side-nav ul.list-group-noicon>li:before, div.side-nav ul.list-group-noicon>li>ul>li:before { content:''; display:none; } div.side-nav ul.list-group-noicon>li { padding-left:0; } div.side-nav ul>li>a { display:block; padding:4px 0 4px 0; } div.side-nav ul>li>a { color:#777; text-decoration:none; } div.side-nav ul>li:hover>a, div.side-nav ul>li.active>a { color:#111 !important; } button.page-side-nav-mobile { display:none; } div.side-nav ul>li>ul>li>a{ padding:4px 0 4px 15px; } ul.side-nav>li>a>i { margin-right:8px; } /* side nav sub categs */ div.side-nav ul>li>a.dropdown-toggle:before { content: "\f196"; font-family: FontAwesome; position: absolute; font-size: 17px; right: 20px; top: 6px; color: #999; } div.side-nav ul>li.active>a.dropdown-toggle:before { content: "\f147"; } div.side-nav ul>li>ul { display:none; } div.side-nav ul>li.active>ul { display:block; } div.side-nav ul>li>ul, div.side-nav ul>li>ul>li { margin:0; padding:0; list-style:none; } div.side-nav ul>li>ul { padding:10px 0; } div.side-nav ul>li>ul>li a { font-size:12px; } div.side-nav .side-nav-head { position:relative; } div.side-nav .side-nav-head h4 { font-size:16px; } div.side-nav ul.list-group-bordered>li>a { display:block; border-bottom:rgba(0,0,0,0.05) 1px solid; padding:6px; } div.side-nav ul.list-group-bordered>li>a>span.pull-left, div.side-nav ul.list-group-bordered>li>a>span.pull-right { margin-top:3px; } div.side-nav .side-nav-head button { display:none; font-size:21px; background-color:rgba(0,0,0,0.2); height:44px; width:44px; } @media only screen and (min-width: 990px) { div.side-nav>ul { display:block !important; } } @media only screen and (max-width: 767px) { div.side-nav ul { display:none; max-height:350px; overflow-y:auto; margin-bottom:30px; } div.side-nav ul>li { border-bottom:rgba(0,0,0,0.03) 1px solid !important; } div.side-nav .side-nav-head { height:44px; background-color:rgba(0,0,0,0.1); margin-bottom:30px; } div.side-nav .side-nav-head>h4 { line-height:44px; padding-left:15px; margin:0; } div.side-nav .side-nav-head button { display:block; position:absolute; right:0; } } @media only screen and (max-width: 768px) { div.side-nav ul { max-height:250px; overflow-y:auto; } } /** Star Rating
**************************************************************** **/ .rating { position:relative; display:block; min-height:17px; width:100%; color:#999; display:inline-block; font-family: FontAwesome; } section.dark .rating { color:#666; } .rating-0:after { content:"\f006\20\f006\20\f006\20\f006\20\f006"; } .rating-1:after { content:"\f005\20\f006\20\f006\20\f006\20\f006"; } .rating-2:after { content:"\f005\20\f005\20\f006\20\f006\20\f006"; } .rating-3:after { content:"\f005\20\f005\20\f005\20\f006\20\f006"; } .rating-4:after { content:"\f005\20\f005\20\f005\20\f005\20\f006"; } .rating-5:after { content:"\f005\20\f005\20\f005\20\f005\20\f005"; } /** Forms **************************************************************** **/ form div.row:last-child { margin-bottom:0; } form>select, form>input, form>textarea { margin-bottom:8px; } input.err, input.error, textarea.err, textarea.error, select.err, select.error { border:#bf6464 2px dashed !important; background-color:#fdfbfb !important; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } /* Form Validation */ form.validate label.error { position:absolute; background-color:#ff0000; color:#fff; left:0; z-index:10; bottom:-26px; left:36px; font-size:11px; font-weight:400; padding:3px; display:none !important; } /* CUSTOM FILE UPLOAD */ .custom-file-upload-hidden { display: none; visibility: hidden; position: absolute; left: -9999px; } .file-upload-wrapper { position: relative; margin-bottom: 5px; } .file-upload-input { width: 300px; font-size: 16px; padding: 11px 17px; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; float: left; /* IE 9 Fix */ } /* FORM ELEMENTS */ .radio+.radio, .checkbox+.checkbox { margin-top:1px; } /**/ /* radios and checkboxes */ /**/ .radio, .checkbox { display:inline-block; margin: 0 15px 3px 0; padding-left: 27px; font-size: 15px; line-height: 27px; color: #404040; cursor: pointer; } section.dark .radio, section.dark .checkbox { color: #eee; } .radio input, .checkbox input { position: absolute; left: -9999px; } .radio i, .checkbox i { position: absolute; top: 5px; left: 0; display: block; width: 19px; height: 19px; outline: none; border-width: 2px; border-style: solid; border-color:rgba(0,0,0,0.3); background: rgba(255,255,255,0.3); } section.dark .radio i, section.dark .checkbox i { border-color:rgba(255,255,255,0.3); background: transparent; } .radio i { -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; border-radius: 50% !important; } .radio input + i:after, .checkbox input + i:after { position: absolute; opacity: 0; transition: opacity 0.1s; -o-transition: opacity 0.1s; -ms-transition: opacity 0.1s; -moz-transition: opacity 0.1s; -webkit-transition: opacity 0.1s; } .radio input + i:after { content: ''; top: 5px; left: 5px; width: 5px; height: 5px; border-radius: 50%; } .checkbox input + i:after { content: '\f00c'; top: 0; left: 0px; width: 15px; height: 15px; font: normal 12px/16px FontAwesome; text-align: center; } .radio input:checked + i:after, .checkbox input:checked + i:after { opacity: 1; } .inline-group { margin: 0 -30px -4px 0; } .inline-group:after { content: ''; display: table; clear: both; } .inline-group .radio, .inline-group .checkbox { float: left; margin-right: 30px; } .inline-group .radio:last-child, .inline-group .checkbox:last-child { margin-bottom: 4px; } /**/ /* hover state */ /**/ .input:hover input, .select:hover select, .textarea:hover textarea, .radio:hover i, .checkbox:hover i, .toggle:hover i { border-color: rgba(0,0,0,0.6); } section.dark .input:hover input, section.dark .select:hover select, section.dark .textarea:hover textarea, section.dark .radio:hover i, section.dark .checkbox:hover i, section.dark .toggle:hover i { border-color: rgba(255,255,255,0.3); } .button:hover { opacity: 1; } /**/ /* focus state */ /**/ .input input:focus, .select select:focus, .textarea textarea:focus, .radio input:focus + i, .checkbox input:focus + i, .toggle input:focus + i { border-color: rgba(0,0,0,0.6); } section.dark .input input:focus, section.dark .select select:focus, section.dark .textarea textarea:focus, section.dark .radio input:focus + i, section.dark .checkbox input:focus + i, section.dark .toggle input:focus + i { border-color: rgba(255,255,255,0.7); } /**/ /* checked state */ /**/ .radio input + i:after { background-color:rgba(0,0,0,8); } section.dark .radio input + i:after { background-color:rgba(255,255,255,8); } .checkbox input + i:after { color: rgba(0,0,0,8); } section.dark .checkbox input + i:after { color: rgba(255,255,255,8); } .radio input:checked + i, .checkbox input:checked + i, .toggle input:checked + i { border-color:rgba(0,0,0,8); } section.dark .radio input:checked + i, section.dark .checkbox input:checked + i, section.dark .toggle input:checked + i { border-color:rgba(255,255,255,8); } section.dark select>option, section.dark select>optgroup { background-color: #333; }