hr { margin: 30px 0 } hr.hr-xs { margin: 10px 0 } hr.hr-md { margin: 20px 0 } hr.hr-lg { margin: 40px 0 } h1 { font-size: 28px; line-height: 35px } h2 { font-size: 24px; line-height: 33px } h1,h2,h3,h4,h5,h6 { color: #555; margin-top: 5px; text-shadow: none; font-weight: 400 } h3 { font-size: 20px; line-height: 27px } h4,h5,h6 { line-height: 25px } h5,h6 { line-height: 20px } h6 { line-height: 18px } .font-open-sans,h1,h2,h3,h4,h5,h6 { font-family: 'calibri', helvetica, verdana, arial, sans-serif } h1 i,h2 i,h3 i,h4 i,h5 i,h6 i { margin-right: 5px } .headline { display: block; margin: 10px 0 25px; border-bottom: 1px dotted #e4e9f0 } .headline h2 { font-size: 22px } .headline h2,.headline h3,.headline h4 { margin: 0 0 -2px; padding-bottom: 5px; display: inline-block; border-bottom: 2px solid #72c02c } .headline-md { margin-bottom: 15px } .headline-md h2 { font-size: 21px } .heading,.title-v1,h1.title-v2.title-center,h2.title-v2.title-center,h3.title-v2.title-center { text-align: center } .heading h2 { padding: 0 12px; position: relative; display: inline-block; line-height: 34px!important } .heading h2:after,.heading h2:before { content: ' '; width: 70%; position: absolute; border-width: 1px; border-color: #bbb } .heading h2:before { right: 100% } .heading h2:after { left: 100% } @media (max-width:768px) { .heading h2:after,.heading h2:before { width: 20% } } .heading-v1 h2:after,.heading-v1 h2:before { top: 15px; height: 6px; border-top-style: solid; border-bottom-style: solid } .heading-v2 h2:after,.heading-v2 h2:before { top: 15px; height: 6px; border-top-style: dashed; border-bottom-style: dashed } .heading-v3 h2:after,.heading-v3 h2:before { top: 15px; height: 6px; border-top-style: dotted; border-bottom-style: dotted } .heading-v4 h2:after,.heading-v4 h2:before { top: 17px; border-bottom-style: solid } .heading-v5 h2:after,.heading-v5 h2:before { top: 17px; border-bottom-style: dashed } .heading-v6 h2:after,.heading-v6 h2:before { top: 17px; border-bottom-style: dotted } .title-v1 { z-index: 1; position: relative; margin-bottom: 60px } .title-v1 h1,.title-v1 h2 { color: #444; font-size: 28px; position: relative; margin-bottom: 15px; padding-bottom: 20px; text-transform: uppercase;font-family: 'calibri', helvetica, verdana, arial, sans-serif  } .title-v1 h1:after,.title-v1 h2:after { bottom: 0; left: 50%; height: 1px; width: 70px; content: " "; margin-left: -35px; position: absolute; background: #72c02c } .title-v1 p { font-size: 17px; font-weight: 200 } h2.title-v2 { color: #555; position: relative; margin-bottom: 30px } h2.title-v2:after { left: 0; width: 70px; height: 2px; content: " "; bottom: -10px; background: #555; position: absolute } h1.title-v2.title-center:after,h2.title-v2.title-center:after,h3.title-v2.title-center:after { left: 50%; width: 70px; margin-left: -35px } .headline-center.headline-light h2,h1.title-light,h2.title-light,h3.title-light { color: #fff } h2.title-light:after { background: #fff } h1[class^=title-v3-],h2[class^=title-v3-],h3[class^=title-v3-] { color: #555 } h2.title-v3-xlg { font-size: 28px; line-height: 32px } h1.title-v3-lg,h2.title-v3-lg { font-size: 24px; line-height: 28px } h1.title-v3-md,h2.title-v3-md,h2.title-v3-sm { font-size: 20px; line-height: 24px } h2.title-v3-sm { font-size: 18px } h2.title-v3-xs,h3.title-v3-md { font-size: 18px; line-height: 22px } h3.title-v3-sm { font-size: 16px; line-height: 20px } h2.title-v3-xs { font-size: 16px } h3.title-v3-xs { font-size: 14px; margin-bottom: 0 } .title-v4 { font-size: 18px; margin: 0 0 20px; font-weight: 700; position: relative; text-transform: uppercase; border-bottom: 3px solid #333 } .headline-center,.headline-center-v2 { text-align: center; position: relative } .headline-center h2,.headline-center-v2 h2 { color: #555; font-size: 24px; margin-bottom: 20px } .headline-center h2 { position: relative; padding-bottom: 15px } .headline-center h2:after,.headline-left .headline-brd:after { z-index: 1; width: 30px; height: 2px; content: " "; bottom: -5px; position: absolute; background: #72c02c } .headline-center h2:after { margin-left: -15px; text-align: center; left: 50% } .headline-center p { font-size: 14px } @media (max-width:991px) { .headline-center p { padding: 0 50px } } .headline-center.headline-light p { color: #eee } .headline-center-v2 { z-index: 0 } .headline-center-v2 h2 { text-transform: uppercase } .headline-center-v2 span.bordered-icon { color: #fff; padding: 0 10px; font-size: 15px; line-height: 18px; position: relative; margin-bottom: 25px; display: inline-block } .headline-center-v2 span.bordered-icon:after,.headline-center-v2 span.bordered-icon:before { top: 8px; height: 1px; content: " "; width: 100px; background: #fff; position: absolute } .headline-center-v2 span.bordered-icon:before { left: 100% } .headline-center-v2 span.bordered-icon:after { right: 100% } .headline-center-v2 p { color: #555; font-size: 14px; padding: 0 70px } .headline-center-v2.headline-center-v2-dark p,.headline-center-v2.headline-center-v2-dark span.bordered-icon { color: #666 } .headline-center-v2.headline-center-v2-dark span.bordered-icon:after,.headline-center-v2.headline-center-v2-dark span.bordered-icon:before { background: #666 } .badge-lists li,.headline-left { position: relative } .headline-left .headline-brd { color: #555; position: relative; margin-bottom: 25px; padding-bottom: 10px } .headline-left .headline-brd:after { left: 1px } .headline-v2 { display: block; background: #fff; padding: 1px 10px; margin: 0 0 20px; border-left: 2px solid #000 } .headline-v2 h2 { margin: 3px 0; font-size: 20px; font-weight: 200 } h2.heading-md { font-size: 20px; line-height: 24px } h2.heading-sm,h3.heading-md { font-size: 18px; line-height: 24px } h3.heading-md { line-height: 22px } h2.heading-xs,h3.heading-sm { font-size: 16px; line-height: 20px } h2.heading-xs { line-height: 22px } h3.heading-xs { font-size: 14px; margin-bottom: 0 } .devider.devider-dotted { border-top: 2px dotted #eee } .devider.devider-dashed { border-top: 2px dashed #eee } .devider.devider-db { height: 5px; border-top: 1px solid #eee; border-bottom: 1px solid #eee } .devider.devider-db-dashed { height: 5px; border-top: 1px dashed #ddd; border-bottom: 1px dashed #ddd } .devider.devider-db-dotted { height: 5px; border-top: 1px dotted #ddd; border-bottom: 1px dotted #ddd } .table thead>tr>th { border-bottom: none } @media (max-width:768px) { .table td.hidden-sm,.table th.hidden-sm { display: none!important } } .form-control { box-shadow: none; border-radius: 0 } .input-group-addon { border-radius: 0; color: #b3b3b3; font-size: 14px; background: #fff } .form-control:focus { border-color: #bbb; box-shadow: 0 0 2px #c9c9c9 } .form-spacing .form-control { margin-bottom: 15px } .btn,.dropdown-menu,.navbar-toggle { border-radius: 0 } .btn { box-shadow: none } .btn-u,.btn-u:hover { color: #fff; text-decoration: none } .btn-u { border: 0; font-size: 14px; cursor: pointer; font-weight: 400; padding: 6px 13px; position: relative; background: #72c02c; white-space: nowrap; display: inline-block } .btn-u:hover { transition: all .3s ease-in-out } .btn-u.btn-block { text-align: center } .btn-u-sm,a.btn-u-sm { padding: 3px 12px } .btn-u-md,a.btn-u-md { padding: 10px 20px } .btn-u-lg,a.btn-u-lg { font-size: 18px; padding: 10px 25px } .btn-u-xs,a.btn-u-xs { font-size: 12px; padding: 2px 12px; line-height: 18px } .btn-group .dropdown-menu>li>a { padding: 3px 13px } .btn-group-vertical>.btn-u,.btn-group>.btn-u { float: left; position: relative } .btn-group>.btn-u:first-child { margin-left: 0 } @-moz-document url-prefix() { .footer-subsribe .btn-u { padding-bottom: 4px } } @media (max-width:768px) { @ -moz-document url-prefix() { .btn-u{padding-bottom: 6px } }} .btn-u.active,.btn-u:active,.btn-u:focus,.btn-u:hover,.open .dropdown-toggle.btn-u { background: #5fb611 } .btn-u-split.dropdown-toggle { border-left: solid 1px #5fb611 } .btn-u.btn-u-blue { background: #3498db } .btn-u.btn-u-blue.active,.btn-u.btn-u-blue:active,.btn-u.btn-u-blue:focus,.btn-u.btn-u-blue:hover,.open .dropdown-toggle.btn-u.btn-u-blue { background: #2980b9 } .btn-u.btn-u-split-blue.dropdown-toggle { border-left: solid 1px #2980b9 } .btn-u.btn-u-red { background: #e74c3c } .btn-u.btn-u-red.active,.btn-u.btn-u-red:active,.btn-u.btn-u-red:focus,.btn-u.btn-u-red:hover,.open .dropdown-toggle.btn-u.btn-u-red { background: #c0392b } .btn-u.btn-u-split-red.dropdown-toggle { border-left: solid 1px #c0392b } .btn-u.btn-u-orange { background: #e67e22 } .btn-u.btn-u-orange.active,.btn-u.btn-u-orange:active,.btn-u.btn-u-orange:focus,.btn-u.btn-u-orange:hover,.open .dropdown-toggle.btn-u.btn-u-orange { background: #d35400 } .btn-u.btn-u-split-orange.dropdown-toggle { border-left: solid 1px #d35400 } .btn-u.btn-u-sea { background: #1abc9c } .btn-u.btn-u-sea.active,.btn-u.btn-u-sea:active,.btn-u.btn-u-sea:focus,.btn-u.btn-u-sea:hover,.open .dropdown-toggle.btn-u.btn-u-sea { background: #16a085 } .btn-u.btn-u-split-sea.dropdown-toggle { border-left: solid 1px #16a085 } .btn-u.btn-u-green { background: #2ecc71 } .btn-u.btn-u-green.active,.btn-u.btn-u-green:active,.btn-u.btn-u-green:focus,.btn-u.btn-u-green:hover,.open .dropdown-toggle.btn-u.btn-u-green { background: #27ae60 } .btn-u.btn-u-split-green.dropdown-toggle { border-left: solid 1px #27ae60 } .btn-u.btn-u-yellow { background: #f1c40f } .btn-u.btn-u-yellow.active,.btn-u.btn-u-yellow:active,.btn-u.btn-u-yellow:focus,.btn-u.btn-u-yellow:hover,.open .dropdown-toggle.btn-u.btn-u-yellow { background: #f39c12 } .btn-u.btn-u-split-yellow.dropdown-toggle { border-left: solid 1px #f39c12 } .btn-u.btn-u-default { background: #95a5a6 } .btn-u.btn-u-default.active,.btn-u.btn-u-default:active,.btn-u.btn-u-default:focus,.btn-u.btn-u-default:hover,.open .dropdown-toggle.btn-u.btn-u-default { background: #7f8c8d } .btn-u.btn-u-split-default.dropdown-toggle { border-left: solid 1px #7f8c8d } .btn-u.btn-u-purple { background: #9b6bcc } .btn-u.btn-u-purple.active,.btn-u.btn-u-purple:active,.btn-u.btn-u-purple:focus,.btn-u.btn-u-purple:hover,.open .dropdown-toggle.btn-u.btn-u-purple { background: #814fb5 } .btn-u.btn-u-split-purple.dropdown-toggle { border-left: solid 1px #814fb5 } .btn-u.btn-u-aqua { background: #27d7e7 } .btn-u.btn-u-aqua.active,.btn-u.btn-u-aqua:active,.btn-u.btn-u-aqua:focus,.btn-u.btn-u-aqua:hover,.open .dropdown-toggle.btn-u.btn-u-aqua { background: #26bac8 } .btn-u.btn-u-split-aqua.dropdown-toggle { border-left: solid 1px #26bac8 } .btn-u.btn-u-brown { background: #9c8061 } .btn-u.btn-u-brown.active,.btn-u.btn-u-brown:active,.btn-u.btn-u-brown:focus,.btn-u.btn-u-brown:hover,.open .dropdown-toggle.btn-u.btn-u-brown { background: #81674b } .btn-u.btn-u-split-brown.dropdown-toggle { border-left: solid 1px #81674b } .btn-u.btn-u-dark-blue { background: #4765a0 } .btn-u.btn-u-dark-blue.active,.btn-u.btn-u-dark-blue:active,.btn-u.btn-u-dark-blue:focus,.btn-u.btn-u-dark-blue:hover,.open .dropdown-toggle.btn-u.btn-u-dark-blue { background: #324c80 } .btn-u.btn-u-light-green { background: #79d5b3 } .btn-u.btn-u-light-green.active,.btn-u.btn-u-light-green:active,.btn-u.btn-u-light-green:focus,.btn-u.btn-u-light-green:hover,.open .dropdown-toggle.btn-u.btn-u-light-green { background: #59b795 } .btn-u.btn-u-split-light-green.dropdown-toggle { border-left: solid 1px #59b795 } .btn-u.btn-u-dark { background: #555 } .btn-u.btn-u-dark.active,.btn-u.btn-u-dark:active,.btn-u.btn-u-dark:focus,.btn-u.btn-u-dark:hover,.open .dropdown-toggle.btn-u.btn-u-dark { background: #333 } .btn-u.btn-u-split-dark.dropdown-toggle { border-left: solid 1px #333 } .btn-u.btn-u-light-grey { background: #585f69 } .btn-u.btn-u-light-grey.active,.btn-u.btn-u-light-grey:active,.btn-u.btn-u-light-grey:focus,.btn-u.btn-u-light-grey:hover,.open .dropdown-toggle.btn-u.btn-u-light-grey { background: #484f58 } .btn-u.btn-u-split-light-grey.dropdown-toggle { border-left: solid 1px #484f58 } .btn-u.btn-brd { color: #555; background: 0 0; padding: 5px 13px; border: solid 1px transparent } .btn-u.btn-brd-width-2 { padding: 7px 18px; border-width: 2px } .btn-u.btn-brd:hover { background: 0 0 } .btn-u.btn-brd:focus { background: 0 0 } .btn-u.btn-brd.btn-brd-hover:hover { color: #fff!important; background: #5fb611 } .btn-u.btn-brd { border-color: #72c02c } .btn-u.btn-brd:hover { color: #5fb611; border-color: #5fb611 } .btn-u.btn-brd.btn-u-blue { border-color: #3498db } .btn-u.btn-brd.btn-u-blue:hover { color: #2980b9; border-color: #2980b9 } .btn-u.btn-brd.btn-u-blue.btn-brd-hover:hover { background: #2980b9 } .btn-u.btn-brd.btn-u-red { border-color: #e74c3c } .btn-u.btn-brd.btn-u-red:hover { color: #c0392b; border-color: #c0392b } .btn-u.btn-brd.btn-u-red.btn-brd-hover:hover { background: #c0392b } .btn-u.btn-brd.btn-u-orange { border-color: #e67e22 } .btn-u.btn-brd.btn-u-orange:hover { color: #d35400; border-color: #d35400 } .btn-u.btn-brd.btn-u-orange.btn-brd-hover:hover { background: #d35400 } .btn-u.btn-brd.btn-u-sea { border-color: #1abc9c } .btn-u.btn-brd.btn-u-sea:hover { color: #16a085; border-color: #16a085 } .btn-u.btn-brd.btn-u-sea.btn-brd-hover:hover { background: #16a085 } .btn-u.btn-brd.btn-u-green { border-color: #2ecc71 } .btn-u.btn-brd.btn-u-green:hover { color: #27ae60; border-color: #27ae60 } .btn-u.btn-brd.btn-u-green.btn-brd-hover:hover { background: #27ae60 } .btn-u.btn-brd.btn-u-yellow { border-color: #f1c40f } .btn-u.btn-brd.btn-u-yellow:hover { color: #f39c12; border-color: #f39c12 } .btn-u.btn-brd.btn-u-yellow.btn-brd-hover:hover { background: #f39c12 } .btn-u.btn-brd.btn-u-default { border-color: #95a5a6 } .btn-u.btn-brd.btn-u-default:hover { color: #7f8c8d; border-color: #7f8c8d } .btn-u.btn-brd.btn-u-default.btn-brd-hover:hover { background: #7f8c8d } .btn-u.btn-brd.btn-u-dark { border-color: #555 } .btn-u.btn-brd.btn-u-dark:hover { color: #333; border-color: #333 } .btn-u.btn-brd.btn-u-dark.btn-brd-hover:hover { background: #333 } .btn-u.btn-brd.btn-u-light-grey { border-color: #585f69 } .btn-u.btn-brd.btn-u-light-grey:hover { color: #484f58; border-color: #484f58 } .btn-u.btn-brd.btn-u-light-grey.btn-brd-hover:hover { background: #484f58 } .btn-u.btn-brd.btn-u-purple { border-color: #9b6bcc } .btn-u.btn-brd.btn-u-purple:hover { color: #814fb5; border-color: #814fb5 } .btn-u.btn-brd.btn-u-purple.btn-brd-hover:hover { background: #814fb5 } .btn-u.btn-brd.btn-u-aqua { border-color: #27d7e7 } .btn-u.btn-brd.btn-u-aqua:hover { color: #26bac8; border-color: #26bac8 } .btn-u.btn-brd.btn-u-aqua.btn-brd-hover:hover { background: #26bac8 } .btn-u.btn-brd.btn-u-brown { border-color: #9c8061 } .btn-u.btn-brd.btn-u-brown:hover { color: #81674b; border-color: #81674b } .btn-u.btn-brd.btn-u-brown.btn-brd-hover:hover { background: #81674b } .btn-u.btn-brd.btn-u-dark-blue { border-color: #4765a0 } .btn-u.btn-brd.btn-u-dark-blue:hover { color: #324c80; border-color: #324c80 } .btn-u.btn-brd.btn-u-dark-blue.btn-brd-hover:hover { background: #324c80 } .btn-u.btn-brd.btn-u-light-green { border-color: #79d5b3 } .btn-u.btn-brd.btn-u-light-green:hover { color: #59b795; border-color: #59b795 } .btn-u.btn-brd.btn-u-light-green.btn-brd-hover:hover { background: #59b795 } .btn-u.btn-brd.btn-u-light { color: #fff; border-color: #fff } .btn-u.btn-brd.btn-u-light:hover { border-color: #fff } .btn-u.btn-brd.btn-u-light.btn-brd-hover:hover { background: #fff; color: #555!important } .dropdown-show { box-shadow: 0 0 4px #eee; display: inline-block; position: relative } .badge,.label { border-radius: 0 } span.label { font-size: 11px; font-weight: 400; padding: 4px 7px } .list-group-item.active>.badge,span.badge { color: #fff; font-weight: 400; padding: 4px 7px } .list-group-item.active>.badge.badge-u,span.badge-u,span.label-u { background: #72c02c } .list-group-item.active>.badge,span.badge-blue,span.label-blue { background: #3498db } .list-group-item.active>.badge,span.badge-red,span.label-red { background: #e74c3c } .list-group-item.active>.badge.badge-green,span.badge-green,span.label-green { background: #2ecc71 } .list-group-item.active>.badge.badge-sea,span.badge-sea,span.label-sea { background: #1abc9c } .list-group-item.active>.badge.badge-orange,span.badge-orange,span.label-orange { background: #e67e22 } .list-group-item.active>.badge.badge-yellow,span.badge-yellow,span.label-yellow { background: #f1c40f } .list-group-item.active>.badge.badge-purple,span.badge-purple,span.label-purple { background: #9b6bcc } .list-group-item.active>.badge.badge-aqua,span.badge-aqua,span.label-aqua { background: #27d7e7 } .list-group-item.active>.badge.badge-brown,span.badge-brown,span.label-brown { background: #9c8061 } .list-group-item.active>.badge.badge-dark-blue,span.badge-dark-blue,span.label-dark-blue { background: #4765a0 } .list-group-item.active>.badge.badge-light-green,span.badge-light-green,span.label-light-green { background: #79d5b3 } .list-group-item.active>.badge.badge-light,span.badge-light,span.label-light { color: #777; background: #ecf0f1 } .list-group-item.active>.badge.badge-dark,span.badge-dark,span.label-dark { background: #555 } .badge-lists span.badge { top: -10px; right: -6px; position: absolute } .badge-lists.badge-icons span.badge { min-width: 12px; padding: 3px 6px } .badge-lists.badge-icons i { font-size: 18px; min-width: 25px } .badge-box-v1 a,.badge-box-v2 a { color: #777; min-width: 40px; font-size: 18px; padding: 8px 9px; display: inline-block; border: solid 1px #eee } .badge-box-v2 a { font-size: 12px; padding: 10px; min-width: 70px; text-align: center } .badge-box-v2 a i { font-size: 20px } .badge-box-v1 a i,.badge-box-v2 a i { display: block; margin: 1px auto 2px } .badge-box-v1 a:hover,.badge-box-v2 a:hover { color: #555; border-color: #555; text-decoration: none; transition: all .2s ease-in-out } .social-icons { margin: 0; padding: 0 } .social-icons li,i.icon-custom { margin-bottom: 5px; display: inline-block } .social-icons li { list-style: none; margin-right: 3px; text-indent: -9999px } .social-icons li a,a.social-icon { width: 28px; height: 28px; display: block; background-position: 0 0; background-repeat: no-repeat; transition: all .3s ease-in-out } .social-icons li:hover a { background-position: 0 -38px } .social-icons-color li a { opacity: .7; background-position: 0 -38px!important; -webkit-backface-visibility: hidden } .contex-bg p:hover,.social-icons-color li a:hover { opacity: 1 } .social_amazon { background: url(../img/icons/social/amazon.png) no-repeat } .social_behance { background: url(../img/icons/social/behance.png) no-repeat } .social_blogger { background: url(../img/icons/social/blogger.png) no-repeat } .social_deviantart { background: url(../img/icons/social/deviantart.png) no-repeat } .social_dribbble { background: url(../img/icons/social/dribbble.png) no-repeat } .social_dropbox { background: url(../img/icons/social/dropbox.png) no-repeat } .social_evernote { background: url(../img/icons/social/evernote.png) no-repeat } .social_facebook { background: url(../img/icons/social/facebook.png) no-repeat } .social_forrst { background: url(../img/icons/social/forrst.png) no-repeat } .social_github { background: url(../img/icons/social/github.png) no-repeat } .social_googleplus { background: url(../img/icons/social/googleplus.png) no-repeat } .social_jolicloud { background: url(../img/icons/social/jolicloud.png) no-repeat } .social_last-fm { background: url(../img/icons/social/last-fm.png) no-repeat } .social_linkedin { background: url(../img/icons/social/linkedin.png) no-repeat } .social_picasa { background: url(../img/icons/social/picasa.png) no-repeat } .social_pintrest { background: url(../img/icons/social/pintrest.png) no-repeat } .social_rss { background: url(../img/icons/social/rss.png) no-repeat } .social_skype { background: url(../img/icons/social/skype.png) no-repeat } .social_spotify { background: url(../img/icons/social/spotify.png) no-repeat } .social_stumbleupon { background: url(../img/icons/social/stumbleupon.png) no-repeat } .social_tumblr { background: url(../img/icons/social/tumblr.png) no-repeat } .social_twitter { background: url(../img/icons/social/twitter.png) no-repeat } .social_vimeo { background: url(../img/icons/social/vimeo.png) no-repeat } .social_wordpress { background: url(../img/icons/social/wordpress.png) no-repeat } .social_xing { background: url(../img/icons/social/xing.png) no-repeat } .social_yahoo { background: url(../img/icons/social/yahoo.png) no-repeat } .social_youtube { background: url(../img/icons/social/youtube.png) no-repeat } .social_vk { background: url(../img/icons/social/vk.png) no-repeat } .social_instagram { background: url(../img/icons/social/instagram.png) no-repeat } i.icon-custom { color: #555; width: 40px; height: 40px; font-size: 20px; line-height: 40px; text-align: center; border: solid 1px #555 } i.icon-sm { width: 35px; height: 35px; font-size: 16px; line-height: 35px } i.icon-md { width: 55px; height: 55px; font-size: 22px; line-height: 55px } i.icon-lg { width: 60px; height: 60px; font-size: 31px; line-height: 60px; margin-bottom: 10px } i.icon-2x { font-size: 30px } i.icon-3x { font-size: 40px } i.icon-4x { font-size: 50px } i.icon-line { font-size: 17px } blockquote p,i.icon-sm.icon-line { font-size: 14px } i.icon-md.icon-line { font-size: 22px } i.icon-lg.icon-line { font-size: 28px } i.icon-2x.icon-line { font-size: 27px } i.icon-3x.icon-line { font-size: 36px } i.icon-4x.icon-line { font-size: 47px } .link-bg-icon,.link-icon { color: #555 } .link-bg-icon:hover,.link-icon:hover { border: none; text-decoration: none } .link-icon:hover i { color: #72c02c; background: 0 0; border: solid 1px #72c02c } .link-bg-icon:hover i { background: #72c02c; border-color: #72c02c; color: #fff!important } i.icon-color-aqua,i.icon-color-blue,i.icon-color-brown,i.icon-color-dark,i.icon-color-dark-blue,i.icon-color-green,i.icon-color-grey,i.icon-color-light-green,i.icon-color-light-grey,i.icon-color-orange,i.icon-color-purple,i.icon-color-red,i.icon-color-sea,i.icon-color-u,i.icon-color-yellow { background: 0 0 } i.icon-color-u { color: #72c02c; border: solid 1px #72c02c } i.icon-color-blue { color: #3498db; border: solid 1px #3498db } i.icon-color-red { color: #e74c3c; border: solid 1px #e74c3c } i.icon-color-sea { color: #1abc9c; border: solid 1px #1abc9c } i.icon-color-green { color: #2ecc71; border: solid 1px #2ecc71 } i.icon-color-yellow { color: #f1c40f; border: solid 1px #f1c40f } i.icon-color-orange { color: #e67e22; border: solid 1px #e67e22 } i.icon-color-grey { color: #95a5a6; border: solid 1px #95a5a6 } i.icon-color-purple { color: #9b6bcc; border: solid 1px #9b6bcc } i.icon-color-aqua { color: #27d7e7; border: solid 1px #27d7e7 } i.icon-color-brown { color: #9c8061; border: solid 1px #9c8061 } i.icon-color-dark-blue { color: #4765a0; border: solid 1px #4765a0 } i.icon-color-light-green { color: #79d5b3; border: solid 1px #79d5b3 } i.icon-color-light { color: #fff; border: solid 1px #fff } i.icon-color-light-grey { color: #585f69; border: solid 1px #585f69 } i.icon-bg-aqua,i.icon-bg-blue,i.icon-bg-brown,i.icon-bg-dark,i.icon-bg-dark-blue,i.icon-bg-darker,i.icon-bg-green,i.icon-bg-grey,i.icon-bg-orange,i.icon-bg-purple,i.icon-bg-red,i.icon-bg-sea,i.icon-bg-u,i.icon-bg-yellow { color: #fff; border-color: transparent } i.icon-bg-light-grey { color: #fff } i.icon-bg-light-green { color: #fff; border-color: transparent } i.icon-bg-u { background: #72c02c } i.icon-bg-blue { background: #3498db } i.icon-bg-red { background: #e74c3c } i.icon-bg-sea { background: #1abc9c } i.icon-bg-green { background: #2ecc71 } i.icon-bg-yellow { background: #f1c40f } i.icon-bg-orange { background: #e67e22 } i.icon-bg-grey { background: #95a5a6 } i.icon-bg-dark { background: #555 } i.icon-bg-darker { background: #333 } i.icon-bg-purple { background: #9b6bcc } i.icon-bg-aqua { background: #27d7e7 } i.icon-bg-brown { background: #9c8061 } i.icon-bg-dark-blue { background: #4765a0 } i.icon-bg-light-green { background: #79d5b3 } i.icon-bg-light { background: #fff; border-color: transparent } i.icon-bg-light-grey { background: #585f69; border-color: transparent } .fa-fixed [class*=" fa"],.fa-fixed [class^=fa] { width: 1.25em; text-align: center; display: inline-block } .fa-fixed [class*=" fa"].fa-lg,.fa-fixed [class^=fa].fa-lg { width: 1.5625em } .text-justify p { text-align: justify } .text-transform-uppercase,blockquote.bq-text-lg p,blockquote.bq-text-lg small { text-transform: uppercase } .text-transform-normal { text-transform: inherit!important } .font-bold { font-weight: 600 } .font-light { font-weight: 200 } .font-normal { font-weight: 400!important } .dropcap,.dropcap-bg { float: left; color: #72c02c; padding: 5px 0; font-size: 45px; font-weight: 200; line-height: 30px; margin: 0 5px 0 0 } .dropcap-bg { color: #fff; padding: 7px 0; min-width: 50px; font-size: 35px; line-height: 35px; text-align: center; background: #72c02c; margin: 4px 10px 0 0 } .text-highlights { color: #fff; font-weight: 200; padding: 0 5px; background: #555 } .text-highlights-green { background: #72c02c } .text-highlights-blue { background: #3498db } .text-highlights-red { background: #e74c3c } .text-highlights-sea { background: #1abc9c } .text-highlights-orange { background: #e67e22 } .text-highlights-yellow { background: #f1c40f } .text-highlights-purple { background: #9b6bcc } .text-highlights-aqua { background: #27d7e7 } .text-highlights-brown { background: #9c8061 } .text-highlights-dark-blue { background: #4765a0 } .text-highlights-light-green { background: #79d5b3 } .text-border { border-bottom: dashed 1px #555 } .text-border-default { border-color: #95a5a6 } .text-border-green { border-color: #72c02c } .text-border-blue { border-color: #3498db } .text-border-red { border-color: #e74c3c } .text-border-yellow { border-color: #f1c40f } .text-border-purple { border-color: #9b6bcc } .list-styles li { margin-bottom: 8px } .contex-bg p { opacity: .8; padding: 8px 10px } blockquote { padding: 5px 15px; border-left-width: 2px } blockquote p { font-weight: 400 } blockquote h1,blockquote h2,blockquote span { font-size: 18px; margin: 0 0 8px; line-height: 24px } blockquote.bq-text-lg p { font-size: 22px; font-weight: 300; line-height: 32px } blockquote.hero.text-right,blockquote.text-right { border-left: none; border-right: 2px solid #eee } blockquote.hero.text-right,blockquote.hero.text-right:hover { border-color: #555 } blockquote.text-right:hover,blockquote:hover { border-color: #72c02c; transition: all .4s ease-in-out } blockquote.bq-dark,blockquote.bq-dark:hover { border-color: #585f69 } blockquote.bq-green { border-color: #72c02c } blockquote.hero { border: none; padding: 18px; font-size: 16px; background: #f3f3f3; border-left: solid 2px #666 } blockquote.hero:hover { background: #eee; border-left-color: #666 } blockquote.hero.hero-dark,blockquote.hero.hero-default { border: none } blockquote.hero.hero-dark { background: #444 } blockquote.hero.hero-dark:hover { background: #555 } blockquote.hero.hero-default { background: #72c02c } blockquote.hero.hero-default:hover { background: #5fb611 } blockquote.hero.hero-dark h2,blockquote.hero.hero-dark p,blockquote.hero.hero-dark small,blockquote.hero.hero-default h2,blockquote.hero.hero-default p,blockquote.hero.hero-default small { color: #fff; font-weight: 200 } .list-row { padding: 0; margin-bottom: 0; list-style: none } .lists-v1 li,.lists-v2 li { margin-bottom: 10px } .lists-v1 i,.lists-v2 i { font-size: 13px; margin-right: 7px; display: inline-block } .lists-v1 i { width: 15px; height: 15px; padding: 1px; text-align: center; background: #72c02c; border-radius: 50%!important; color: #fff } .lists-v2 i { color: #72c02c } .alert,.panel,.panel-group .panel,.panel-heading,.thumbnail { border-radius: 0 } .panel-heading { color: #fff; padding: 5px 15px } .panel .table { margin-bottom: 0 } .panel-u { border-color: #72c02c } .panel-u>.panel-heading { background: #72c02c } .panel-blue { border-color: #3498db } .panel-blue>.panel-heading { background: #3498db } .panel-red { border-color: #e74c3c } .panel-red>.panel-heading { background: #e74c3c } .panel-green { border-color: #2ecc71 } .panel-green>.panel-heading { background: #2ecc71 } .panel-sea { border-color: #1abc9c } .panel-sea>.panel-heading { background: #1abc9c } .panel-orange { border-color: #e67e22 } .panel-orange>.panel-heading { background: #e67e22 } .panel-yellow { border-color: #f1c40f } .panel-yellow>.panel-heading { background: #f1c40f } .panel-grey { border-color: #95a5a6 } .panel-grey>.panel-heading { background: #95a5a6 } .panel-dark { border-color: #555 } .panel-dark>.panel-heading { background: #555 } .panel-purple { border-color: #9b6bcc } .panel-purple>.panel-heading { background: #9b6bcc } .panel-aqua { border-color: #27d7e7 } .panel-aqua>.panel-heading { background: #27d7e7 } .panel-brown { border-color: #9c8061 } .panel-brown>.panel-heading { background: #9c8061 } .panel-dark-blue { border-color: #4765a0 } .panel-dark-blue>.panel-heading { background: #4765a0 } .panel-light-green { border-color: #79d5b3 } .panel-light-green>.panel-heading { background: #79d5b3 } .panel-default-dark { border-color: #585f69 } .panel-default-dark>.panel-heading { background: #585f69 } .progress { border-radius: 0 } .progress-u,.progress-u .progress-bar { box-shadow: none } .progress-lg { height: 25px } .progress-lg p { padding-top: 3px } .progress-sm { height: 12px } .progress-xs { height: 7px } .progress-xxs { height: 3px } .progress { background: #e5e5e5 } .progress-bar-u { background: #72c02c } .progress-bar-blue { background: #3498db } .progress-bar-orange { background: #e67e22 } .progress-bar-red { background: #e74c3c } .progress-bar-purple { background: #9b6bcc } .progress-bar-aqua { background: #27d7e7 } .progress-bar-brown { background: #9c8061 } .progress-bar-dark-blue { background: #4765a0 } .progress-bar-light-green { background: #79d5b3 } .progress-bar-dark { background: #555 } .progress,.progress.vertical.bottom { position: relative } .progress .progress-bar { overflow: hidden; line-height: 20px } .progress-box .progress-bar { transition: all 3s ease-in } .progress.vertical { float: left; width: 100%; height: 200px; margin-right: 20px } .progress.vertical .progress-bar { height: 0; width: 100%; transition: height 3s ease } .progress.vertical.bottom .progress-bar { bottom: 0; position: absolute } .stars-existing { color: #72c02c; cursor: pointer } .star-lg { font-size: 30px } .star-sm { font-size: 25px } .star-xs { font-size: 20px } .star-default { font-size: 16px } img.img-bordered { padding: 3px!important; border: solid 1px #eee!important } img.img-circle { border-radius: 50%!important } img.image-sm { width: 50px; height: 50px } img.image-md { width: 100px; height: 100px } .responsive-video { height: 0; padding-top: 1px; position: relative; padding-bottom: 56.25% } .responsive-video iframe { top: 0; left: 0; width: 100%; height: 100%; position: absolute } .no-gutter>[class*=col-] { padding-right: 0; padding-left: 0 } .no-gutter.no-gutter-boxed { padding-right: 15px; padding-left: 15px } .height-100 { min-height: 100px } .height-150 { min-height: 150px } .height-200 { min-height: 200px } .height-250 { min-height: 250px } .height-300 { min-height: 300px } .height-350 { min-height: 350px } .height-400 { min-height: 400px } .height-450 { min-height: 450px } .height-500 { min-height: 500px!important } .no-padding { padding: 0!important } .no-margin { margin: 0 } .no-top-space { margin-top: 0!important; padding-top: 0!important } .no-bottom-space { padding-bottom: 0!important } .no-bottom-space,.no-margin-bottom { margin-bottom: 0!important } .no-padding-bottom { padding-bottom: 0!important } .content-xs { padding-top: 20px; padding-bottom: 20px } .content { padding-top: 40px; padding-bottom: 40px } .content-sm { padding-top: 60px; padding-bottom: 60px } .content-md { padding-top: 80px; padding-bottom: 80px } .content-lg { padding-top: 100px; padding-bottom: 100px } .content-xlg { padding-top: 150px; padding-bottom: 150px } .space-md-hor { padding-left: 40px; padding-right: 40px } .space-lg-hor { padding-left: 60px; padding-right: 60px } .space-xlg-hor { padding-left: 100px; padding-right: 100px } .margin-bottom-10,.margin-bottom-100,.margin-bottom-15,.margin-bottom-20,.margin-bottom-25,.margin-bottom-30,.margin-bottom-35,.margin-bottom-40,.margin-bottom-45,.margin-bottom-5,.margin-bottom-50,.margin-bottom-55,.margin-bottom-60 { clear: both } .margin-bottom-5 { margin-bottom: 5px } .margin-bottom-10 { margin-bottom: 10px } .margin-bottom-15 { margin-bottom: 15px } .margin-bottom-20 { margin-bottom: 20px } .margin-bottom-25 { margin-bottom: 25px } .margin-bottom-30 { margin-bottom: 30px } .margin-bottom-35 { margin-bottom: 35px } .margin-bottom-40 { margin-bottom: 40px } .margin-bottom-45 { margin-bottom: 45px } .margin-bottom-50 { margin-bottom: 50px } .margin-bottom-55 { margin-bottom: 55px } .margin-bottom-60 { margin-bottom: 60px } .margin-bottom-70 { margin-bottom: 70px } .margin-bottom-80 { margin-bottom: 80px } .margin-bottom-90 { margin-bottom: 90px } .margin-bottom-100 { margin-bottom: 100px } @media (max-width:768px) { .sm-margin-bottom-10 { margin-bottom: 10px } .sm-margin-bottom-20 { margin-bottom: 20px } .sm-margin-bottom-30 { margin-bottom: 30px } .sm-margin-bottom-40 { margin-bottom: 40px } .sm-margin-bottom-50 { margin-bottom: 50px } .sm-margin-bottom-60 { margin-bottom: 60px } } @media (max-width:992px) { .md-margin-bottom-10 { margin-bottom: 10px } .md-margin-bottom-20 { margin-bottom: 20px } .md-margin-bottom-30 { margin-bottom: 30px } .md-margin-bottom-40 { margin-bottom: 40px } .md-margin-bottom-50 { margin-bottom: 50px } .md-margin-bottom-60 { margin-bottom: 60px } } .margin-top-20 { margin-top: 20px } .margin-left-5 { margin-left: 5px } .margin-left-10 { margin-left: 10px } .margin-right-5 { margin-right: 5px } .margin-right-10 { margin-right: 10px } .margin-right-20 { margin-right: 20px } .padding-sm { padding: 40px } .padding-top-5 { padding-top: 5px } .padding-left-5 { padding-left: 5px } .color-sea { color: #1abc9c } .color-red { color: #e74c3c } .color-aqua { color: #27d7e7 } .color-blue { color: #3498db } .color-grey { color: #95a5a6 } .color-dark { color: #555 } .color-darker { color: #444 } .color-green { color: #72c02c } .color-brown { color: #9c8061 } .color-light { color: #fff } .color-orange { color: #e67e22 } .color-yellow { color: #f1c40f } .color-green1 { color: #2ecc71 } .color-purple { color: #9b6bcc } .color-inherit { color: inherit } .color-dark-blue { color: #4765a0 } .color-light-grey { color: #585f69 } .color-light-green { color: #79d5b3 } .color-teal { color: #18ba9b } .bg-color-aqua,.bg-color-blue,.bg-color-brown,.bg-color-dark,.bg-color-dark-blue,.bg-color-darker,.bg-color-green,.bg-color-green1,.bg-color-grey,.bg-color-light,.bg-color-light-green,.bg-color-light-grey,.bg-color-orange,.bg-color-primary,.bg-color-purple,.bg-color-red,.bg-color-sea { color: #fff } .bg-color-white { color: #555 } .bg-color-primary { background-color: #72c02c!important } .bg-color-dark { background-color: #555!important } .bg-color-darker { background-color: #222!important } .bg-color-white { background-color: #fff!important } .bg-color-sea { background-color: #1abc9c!important } .bg-color-red { background-color: #e74c3c!important } .bg-color-aqua { background-color: #27d7e7!important } .bg-color-blue { background-color: #3498db!important } .bg-color-grey { background-color: #95a5a6!important } .bg-color-light { background-color: #eae7e7!important } .bg-color-green { background-color: #72c02c!important } .bg-color-brown { background-color: #9c8061!important } .bg-color-orange { background-color: #e67e22!important } .bg-color-green1 { background-color: #2ecc71!important } .bg-color-purple { background-color: #9b6bcc!important } .bg-color-dark-blue { background-color: #4765a0!important } .bg-color-light-grey { background-color: #585f69!important } .bg-color-light-green { background-color: #79d5b3!important } .bg-color-teal { background-color: #18ba9b!important } .rgba-red { background-color: rgba(231,76,60,.8) } .rgba-blue { background-color: rgba(52,152,219,.8) } .rgba-aqua { background-color: rgba(39,215,231,.8) } .rgba-yellow { background-color: rgba(241,196,15,.8) } .rgba-default { background-color: rgba(114,192,44,.8) } .rgba-purple { background-color: rgba(155,107,204,.8) } .bg-grey { background: #f7f7f7; border-top: solid 1px #eee; border-bottom: solid 1px #eee } .no-rounded { border-radius: 0!important } .rounded { border-radius: 4px!important } .rounded-x { border-radius: 50%!important } .rounded-2x { border-radius: 10px!important } .rounded-3x { border-radius: 15px!important } .rounded-4x { border-radius: 20px!important } .rounded-sm { border-radius: 2px!important } .rounded-md { border-radius: 3px!important } .rounded-top { border-radius: 4px 4px 0 0!important } .rounded-left { border-radius: 4px 0 0 4px!important } .rounded-right { border-radius: 0 4px 4px 0!important } .rounded-bottom { border-radius: 0 0 4px 4px!important } .overflow-h { overflow: hidden } .overflow-a { overflow: auto } .overflow-hidden { overflow: hidden } .clear-both { clear: both } .dp-none { display: none } .dp-block { display: block } .dp-table { display: table } .dp-inline-block { display: inline-block } .dp-table-cell { display: table-cell; vertical-align: middle } .text-light { font-weight: 200 } .text-normal { font-weight: 400 } .text-bold { font-weight: 600!important } .full-width { width: 100% } @media (max-width:767px) { .equal-height-column { height: auto!important } } .img-width-60 { width: 60px } .img-width-200 { width: 200px } .lft-img-margin { margin: 0 20px 5px 0 } .rgt-img-margin { margin: 0 0 5px 10px } .img-center img,img.img-center { margin-left: auto; margin-right: auto } .bg-light { padding: 10px 15px; margin-bottom: 10px; background: #fcfcfc; border: solid 1px #e5e5e5 } .bg-light:hover { border: solid 1px #bbb } .hover-effect { transition: all .4s ease-in-out } .hover-effect-kenburn { left: 10px; margin-left: -10px; position: relative; transition: all .8s ease-in-out } .hover-effect-kenburn:hover { transform: scale(2) rotate(5deg) } .scroll-btn-icon,.scroll-btn-icon:before { position: absolute; left: 50% } .scroll-btn-icon { width: 30px; z-index: 2; height: 50px; bottom: 30px; margin-left: -25px; border-radius: 25px; box-shadow: inset 0 0 0 1px rgba(255,255,255,.5) } .scroll-btn-icon-dark { box-shadow: inset 0 0 0 1px rgba(0,0,0,.5) } .scroll-btn-icon:before { top: 8px; width: 8px; height: 8px; content: ''; background: #fff; margin-left: -4px; border-radius: 4px; animation-name: scroll; animation-duration: 1.5s; -webkit-animation-name: scroll; -webkit-animation-duration: 1.5s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite } .scroll-btn-icon-dark:before { background: #333 } @-webkit-keyframes scroll { 0% { opacity: 1 } to { opacity: 0; transform: translateY(36px); -webkit-transform: translateY(36px) } } @keyframes scroll { 0% { opacity: 1 } to { opacity: 0; transform: translateY(36px); -webkit-transform: translateY(36px) } }