@-webkit-keyframes pulsate { 0% { -webkit-transform: scale(.1,.1); opacity: .2 } 50% { -webkit-transform: scale(1.2,1.2); opacity: .7 } to { opacity: 1 } } @keyframes before { 0% { width: .5em; box-shadow: 1em -.5em rgba(225,20,98,.75),-1em .5em rgba(111,202,220,.75) } 35% { width: 2.5em; box-shadow: 0 -.5em rgba(225,20,98,.75),0 .5em rgba(111,202,220,.75) } 70% { width: .5em; box-shadow: -1em -.5em rgba(225,20,98,.75),1em .5em rgba(111,202,220,.75) } to { box-shadow: 1em -.5em rgba(225,20,98,.75),-1em .5em rgba(111,202,220,.75) } } @keyframes after { 0% { height: .5em; box-shadow: .5em 1em rgba(61,184,143,.75),-.5em -1em rgba(233,169,32,.75) } 35% { height: 2.5em; box-shadow: .5em 0 rgba(61,184,143,.75),-.5em 0 rgba(233,169,32,.75) } 70% { height: .5em; box-shadow: .5em -1em rgba(61,184,143,.75),-.5em 1em rgba(233,169,32,.75) } to { box-shadow: .5em 1em rgba(61,184,143,.75),-.5em -1em rgba(233,169,32,.75) } } @-webkit-keyframes showSweetAlert { 0% { transform: scale(.7); -webkit-transform: scale(.7) } 45% { transform: scale(1.05); -webkit-transform: scale(1.05) } 80% { transform: scale(.95); -webkit-transform: scale(.95) } to { transform: scale(1); -webkit-transform: scale(1) } } @keyframes showSweetAlert { 0% { transform: scale(.7); -webkit-transform: scale(.7) } 45% { transform: scale(1.05); -webkit-transform: scale(1.05) } 80% { transform: scale(.95); -webkit-transform: scale(.95) } to { transform: scale(1); -webkit-transform: scale(1) } } @-webkit-keyframes hideSweetAlert { 0% { transform: scale(1); -webkit-transform: scale(1) } to { transform: scale(.5); -webkit-transform: scale(.5) } } @keyframes hideSweetAlert { 0% { transform: scale(1); -webkit-transform: scale(1) } to { transform: scale(.5); -webkit-transform: scale(.5) } } @-webkit-keyframes slideFromTop { 0% { top: 0 } to { top: 50% } } @keyframes slideFromTop { 0% { top: 0 } to { top: 50% } } @-webkit-keyframes slideToTop { 0% { top: 50% } to { top: 0 } } @keyframes slideToTop { 0% { top: 50% } to { top: 0 } } @-webkit-keyframes slideFromBottom { 0% { top: 70% } to { top: 50% } } @keyframes slideFromBottom { 0% { top: 70% } to { top: 50% } } @-webkit-keyframes slideToBottom { 0% { top: 50% } to { top: 70% } } @keyframes slideToBottom { 0% { top: 50% } to { top: 70% } } @-webkit-keyframes animateSuccessTip { 0%,54% { width: 0; left: 1px; top: 19px } 70% { width: 50px; left: -8px; top: 37px } 84% { width: 17px; left: 21px; top: 48px } to { width: 25px; left: 14px; top: 45px } } @keyframes animateSuccessTip { 0%,54% { width: 0; left: 1px; top: 19px } 70% { width: 50px; left: -8px; top: 37px } 84% { width: 17px; left: 21px; top: 48px } to { width: 25px; left: 14px; top: 45px } } @-webkit-keyframes animateSuccessLong { 0%,65% { width: 0; right: 46px; top: 54px } 84% { width: 55px; right: 0; top: 35px } to { width: 47px; right: 8px; top: 38px } } @keyframes animateSuccessLong { 0%,65% { width: 0; right: 46px; top: 54px } 84% { width: 55px; right: 0; top: 35px } to { width: 47px; right: 8px; top: 38px } } @-webkit-keyframes rotatePlaceholder { 0%,5% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg) } 12%,to { transform: rotate(-405deg); -webkit-transform: rotate(-405deg) } } @keyframes rotatePlaceholder { 0%,5% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg) } 12%,to { transform: rotate(-405deg); -webkit-transform: rotate(-405deg) } } @-webkit-keyframes animateErrorIcon { 0% { transform: rotateX(100deg); -webkit-transform: rotateX(100deg); opacity: 0 } to { transform: rotateX(0deg); -webkit-transform: rotateX(0deg); opacity: 1 } } @keyframes animateErrorIcon { 0% { transform: rotateX(100deg); -webkit-transform: rotateX(100deg); opacity: 0 } to { transform: rotateX(0deg); -webkit-transform: rotateX(0deg); opacity: 1 } } @-webkit-keyframes animateXMark { 0%,50% { transform: scale(.4); -webkit-transform: scale(.4); margin-top: 26px; opacity: 0 } 80% { transform: scale(1.15); -webkit-transform: scale(1.15); margin-top: -6px } to { transform: scale(1); -webkit-transform: scale(1); margin-top: 0; opacity: 1 } } @keyframes animateXMark { 0%,50% { transform: scale(.4); -webkit-transform: scale(.4); margin-top: 26px; opacity: 0 } 80% { transform: scale(1.15); -webkit-transform: scale(1.15); margin-top: -6px } to { transform: scale(1); -webkit-transform: scale(1); margin-top: 0; opacity: 1 } } @-webkit-keyframes pulseWarning { 0% { border-color: #f8d486 } to { border-color: #f8bb86 } } @keyframes pulseWarning { 0% { border-color: #f8d486 } to { border-color: #f8bb86 } } @-webkit-keyframes pulseWarningIns { 0% { background-color: #f8d486 } to { background-color: #f8bb86 } } @keyframes pulseWarningIns { 0% { background-color: #f8d486 } to { background-color: #f8bb86 } } @-webkit-keyframes rotate-loading { 0% { transform: rotate(0deg) } to { transform: rotate(360deg) } } @keyframes rotate-loading { 0% { transform: rotate(0deg) } to { transform: rotate(360deg) } } a { outline: 0!important; -webkit-transition: color 400ms,background-color 400ms; transition: color 400ms,background-color 400ms } a:focus { outline: 0!important } .form-control { display: block; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.428571429; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s } .form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6) } .form-control::-moz-placeholder { color: #999; opacity: 1 } .recentStrong { font-weight: 600 } .form-control:-ms-input-placeholder { color: #999 } .form-control::-webkit-input-placeholder { color: #999 } .form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control { cursor: not-allowed; background-color: #eee; opacity: 1 } textarea.form-control { height: auto } #offcanvas-toggler { float: right; line-height: 90px } #offcanvas-toggler>i { display: inline-block; padding: 0 0 0 10px; font-size: 18px; background: 0 0; margin: 5px 0 27px; border-radius: 3px; cursor: pointer; -webkit-transition: color 400ms,background-color 400ms; -o-transition: color 400ms,background-color 400ms; transition: color 400ms,background-color 400ms } #offcanvas-toggler>i:hover { color: #fff } .close-offcanvas { position: absolute; top: 15px; right: 15px; z-index: 1; color: #000; border: 2px solid #eee; border-radius: 100%; width: 22px; height: 22px; line-height: 18px; text-align: center; font-size: 12px } .close-offcanvas:hover { background: #000; color: #fff } .offcanvas-menu { width: 280px; height: 100%; background: #fff; color: #999; position: fixed; top: 0; opacity: 0; z-index: 9999; overflow-y: scroll } .offcanvas-menu .offcanvas-inner { padding: 20px } .offcanvas-menu .offcanvas-inner .sp-module { margin-top: 20px } .offcanvas-menu .offcanvas-inner .sp-module ul>li { border: 0 } .offcanvas-menu .offcanvas-inner .sp-module ul>li a { border-bottom: 1px dotted #e8e8e8; -webkit-transition: 300ms; -o-transition: 300ms; transition: 300ms; padding: 4px 20px } .offcanvas-menu .offcanvas-inner .sp-module ul>li a:hover { background: #f5f5f5 } .offcanvas-menu .offcanvas-inner .sp-module ul>li>a:before { display: none } .offcanvas-menu .offcanvas-inner .sp-module:first-child { margin-top: 0 } .offcanvas-menu .offcanvas-inner .sp-module .sp-module-content>ul { margin: 0 -20px } .offcanvas-menu .offcanvas-inner .search { margin-top: 25px } .offcanvas-menu .offcanvas-inner .search input { width: 100%; border-radius: 0; border: 1px solid #eee; box-shadow: none; -webkit-box-shadow: none } .ltr .offcanvas-menu { -webkit-transition: opacity 400ms cubic-bezier(.7,0,.3,1),right 400ms cubic-bezier(.7,0,.3,1); transition: opacity 400ms cubic-bezier(.7,0,.3,1),right 400ms cubic-bezier(.7,0,.3,1); right: -280px } .ltr .body-innerwrapper:after,.ltr.offcanvas .offcanvas-menu { right: 0 } .body-innerwrapper:after { position: absolute; top: 0; width: 0; height: 0; background: rgba(0,0,0,.8); content: ''; opacity: 0; -webkit-transition: opacity .5s,width .1s .5s,height .1s .5s; transition: opacity .5s,width .1s .5s,height .1s .5s; z-index: 999 } .offcanvas { width: 100%; height: 100%; position: relative } .offcanvas .body-innerwrapper:after { width: 100%; height: 100%; opacity: 1; -webkit-transition: opacity .5s; transition: opacity .5s } .offcanvas .offcanvas-menu { opacity: 1 } .menu .nav-child.small { font-size: inherit } body { line-height: 24px } .btn.btn-default { background: 0 0; border: 2px solid #303030; color: #303030; text-transform: uppercase } .btn.btn-default:hover { border-color: #32bea6; background: #32bea6; color: #fff } .btn { padding: 8px 15px; -webkit-transition: color 400ms,background-color 400ms,border-color 400ms; -o-transition: color 400ms,background-color 400ms,border-color 400ms; transition: color 400ms,background-color 400ms,border-color 400ms } .btn.btn-primary { border: 0; background-color: #32bea6 } .btn.btn-primary:hover { background-color: #0098d0 } .btn.btn-blue,.btn.btn-red { border: 0; color: #fff; background-color: #53b5e6 } .btn.btn-blue:hover { background-color: #69bfe9 } .btn.btn-red { background-color: #ea8557 } .btn.btn-red:hover { background-color: #ed956e } .btn.btn-lgreen,.btn.btn-violet { border: 0; color: #fff; background-color: #2aca76 } .btn.btn-lgreen:hover { background-color: #38d683 } .btn.btn-violet { background-color: #9b59b6 } .btn.btn-violet:hover { background-color: #a665c1 } .btn.btn-success { border: 0; background-color: #90c940 } .btn.btn-success:hover { background-color: #80b734 } .btn.btn-warning { border: 0; background-color: #f26522 } .btn.btn-warning:hover { background-color: #e8540e } .btn.btn-danger { border: 0; background-color: #d43f3a } .btn.btn-danger:hover { background-color: #c5302b } .btn.btn-info { border: 0; background-color: #32bea6 } .btn.btn-info:hover { background-color: #015891 } .btn.btn-inverse { color: #fff; border: 0; background-color: #333 } .btn.btn-inverse:hover { background-color: #242424 } .btn.btn-link { color: #000 } .btn.btn-link:hover { color: rgba(0,0,0,.6); text-decoration: none } .btn.btn-xs { border-radius: 2px; padding: 5px 10px 3px } .btn.btn-lg { border-radius: 3px; font-size: 14px; line-height: 1; font-weight: 600; text-transform: uppercase; letter-spacing: 2px; padding: 20px 30px 18px } a,a:active,a:focus,a:hover { text-decoration: none } label { font-weight: 400 } legend { padding-bottom: 10px } img { max-width: 100%; height: auto } .offline-inner { margin-top: 100px } .uneditable-input,input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea { display: block; font-size: 14px; line-height: 1.428571429; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; -webkit-box-shadow: none; box-shadow: none; height: 50px; padding: 10px 15px; border-color: #e5e5e5 } .uneditable-input:focus,input[type=color]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,select:focus,textarea:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6) } .uneditable-input::-moz-placeholder,input[type=color]::-moz-placeholder,input[type=date]::-moz-placeholder,input[type=datetime-local]::-moz-placeholder,input[type=datetime]::-moz-placeholder,input[type=email]::-moz-placeholder,input[type=month]::-moz-placeholder,input[type=number]::-moz-placeholder,input[type=password]::-moz-placeholder,input[type=search]::-moz-placeholder,input[type=tel]::-moz-placeholder,input[type=text]::-moz-placeholder,input[type=time]::-moz-placeholder,input[type=url]::-moz-placeholder,input[type=week]::-moz-placeholder,select::-moz-placeholder,textarea::-moz-placeholder { color: #999; opacity: 1 } .uneditable-input:-ms-input-placeholder,input[type=color]:-ms-input-placeholder,input[type=date]:-ms-input-placeholder,input[type=datetime-local]:-ms-input-placeholder,input[type=datetime]:-ms-input-placeholder,input[type=email]:-ms-input-placeholder,input[type=month]:-ms-input-placeholder,input[type=number]:-ms-input-placeholder,input[type=password]:-ms-input-placeholder,input[type=search]:-ms-input-placeholder,input[type=tel]:-ms-input-placeholder,input[type=text]:-ms-input-placeholder,input[type=time]:-ms-input-placeholder,input[type=url]:-ms-input-placeholder,input[type=week]:-ms-input-placeholder,select:-ms-input-placeholder,textarea:-ms-input-placeholder { color: #999 } .uneditable-input::-webkit-input-placeholder,input[type=color]::-webkit-input-placeholder,input[type=date]::-webkit-input-placeholder,input[type=datetime-local]::-webkit-input-placeholder,input[type=datetime]::-webkit-input-placeholder,input[type=email]::-webkit-input-placeholder,input[type=month]::-webkit-input-placeholder,input[type=number]::-webkit-input-placeholder,input[type=password]::-webkit-input-placeholder,input[type=search]::-webkit-input-placeholder,input[type=tel]::-webkit-input-placeholder,input[type=text]::-webkit-input-placeholder,input[type=time]::-webkit-input-placeholder,input[type=url]::-webkit-input-placeholder,input[type=week]::-webkit-input-placeholder,select::-webkit-input-placeholder,textarea::-webkit-input-placeholder { color: #999 } .uneditable-input[disabled],.uneditable-input[readonly],fieldset[disabled] .uneditable-input,fieldset[disabled] input[type=color],fieldset[disabled] input[type=date],fieldset[disabled] input[type=datetime-local],fieldset[disabled] input[type=datetime],fieldset[disabled] input[type=email],fieldset[disabled] input[type=month],fieldset[disabled] input[type=number],fieldset[disabled] input[type=password],fieldset[disabled] input[type=search],fieldset[disabled] input[type=tel],fieldset[disabled] input[type=text],fieldset[disabled] input[type=time],fieldset[disabled] input[type=url],fieldset[disabled] input[type=week],fieldset[disabled] select,fieldset[disabled] textarea,input[type=color][disabled],input[type=color][readonly],input[type=date][disabled],input[type=date][readonly],input[type=datetime-local][disabled],input[type=datetime-local][readonly],input[type=datetime][disabled],input[type=datetime][readonly],input[type=email][disabled],input[type=email][readonly],input[type=month][disabled],input[type=month][readonly],input[type=number][disabled],input[type=number][readonly],input[type=password][disabled],input[type=password][readonly],input[type=search][disabled],input[type=search][readonly],input[type=tel][disabled],input[type=tel][readonly],input[type=text][disabled],input[type=text][readonly],input[type=time][disabled],input[type=time][readonly],input[type=url][disabled],input[type=url][readonly],input[type=week][disabled],input[type=week][readonly],select[disabled],select[readonly],textarea[disabled],textarea[readonly] { cursor: not-allowed; background-color: #eee; opacity: 1 } textarea.uneditable-input,textareainput[type=color],textareainput[type=date],textareainput[type=datetime-local],textareainput[type=datetime],textareainput[type=email],textareainput[type=month],textareainput[type=number],textareainput[type=password],textareainput[type=search],textareainput[type=tel],textareainput[type=text],textareainput[type=time],textareainput[type=url],textareainput[type=week],textareaselect,textareatextarea { height: auto } .group-control .uneditable-input,.group-control input[type=color],.group-control input[type=date],.group-control input[type=datetime-local],.group-control input[type=datetime],.group-control input[type=email],.group-control input[type=month],.group-control input[type=number],.group-control input[type=password],.group-control input[type=search],.group-control input[type=tel],.group-control input[type=text],.group-control input[type=time],.group-control input[type=url],.group-control input[type=week],.group-control select,.group-control textarea { width: 100%; -webkit-box-shadow: none; box-shadow: none; height: 50px; padding: 10px 15px; border-color: #e5e5e5 } .carousel-left,.carousel-right { position: absolute; top: 50%; font-size: 24px; width: 36px; height: 36px; line-height: 36px; margin-top: -18px; text-align: center; color: #fff; background: rgba(0,0,0,.5); border-radius: 4px; -webkit-transition: 400ms; transition: 400ms } .carousel-left:hover,.carousel-right:hover { color: #fff } .carousel-left:focus,.carousel-right:focus { color: #fff } .carousel-left { left: 10px } .carousel-right { right: 10px } .archive-module,.categories-module,.category-module,.form-links,.latestnews,.list-striped,.mostread,.newsfeed-category .category,.newsflash-horiz { list-style: none; padding: 0; margin: 0 } .newsfeed-category .category li { padding: 5px 0 } .newsfeed-category #filter-search { margin: 10px 0 } .archive-module li,.categories-module li,.category-module li,.form-links li,.latestnews li,.list-striped li,.mostread li,.newsflash-horiz li { padding: 2px 0 } .archive-module li h4,.categories-module li h4,.category-module li h4,.form-links li h4,.latestnews li h4,.list-striped li h4,.mostread li h4,.newsflash-horiz li h4 { margin: 5px 0 } .pagination { margin-top: 50px; margin-bottom: 0; text-align: center; display: block } .pagination>li,.sweet-alert .sa-error-container p { display: inline-block } .error-page,.error-page .error-page-inner,.error-page body { width: 100%; height: 100%; min-height: 100% } .error-page .error-page-inner { display: table; text-align: center } .error-page .error-page-inner>div { display: table-cell; vertical-align: middle } .error-page .fa-exclamation-triangle { font-size: 64px; line-height: 1; margin-bottom: 10px } .error-page .error-code { font-weight: 700; font-size: 96px; line-height: 1; margin: 0 0 10px; padding: 0 } .error-page .error-message { font-size: 24px; line-height: 1; margin-bottom: 30px } .dropdown-menu { border: 0; border-radius: 0; min-width: 220px; margin: 0 } .dropdown-menu>li>a { padding: 10px 20px } .dropdown-menu>li.active>a,.dropdown-menu>li.active>a:focus,.dropdown-menu>li.active>a:hover { background: #32bea6 } .navbar-fixed-top { width: 100%; z-index: 1030; top: 0; transition: all .2s ease-in 0s } .main-header { padding: 30px 15px; font-family: Open Sans,sans-serif } .main-header nav>ul { list-style-type: none; padding-left: 0 } .main-header nav>ul>li { float: left; margin-left: 15px } .main-header nav>ul>li>a { font-weight: 400; color: #fff; display: block; padding: 10px; outline: 0 } .main-header nav>ul>li>a.signup { border-radius: 6px; padding: 8px 20px; background-color: #69cb95 } .main-header nav>ul>li>a.signup:hover { background: #7cd2a2; color: #fff } .main-header nav>ul>li>a:active,.main-header nav>ul>li>a:hover { color: rgba(255,255,255,.75) } .main-header nav>ul>li>a:focus { color: rgba(255,255,255,.75) } .main-header nav>ul>li a { font-size: 14px } .main-header .main-nav { float: left; margin: 0 0 0 30px } .main-header .login-nav { float: right; margin: 0 } .top-nav-collapse .main-header nav>ul>li>a { color: #000 } .top-nav-collapse .main-header nav>ul>li>a.signup { color: #fff; background: #69cb95; border-color: #69cb95 } .top-nav-collapse .main-header nav>ul>li>a.signup:hover { background: #7cd2a2; border-color: transparent; color: #fff } .top-nav-collapse .main-header nav>ul>li>a:active,.top-nav-collapse .main-header nav>ul>li>a:hover { color: rgba(0,0,0,.75) } .top-nav-collapse .main-header nav>ul>li>a:focus { color: rgba(0,0,0,.75) } .lang-li { margin-left: -14px!important } .mobile-nav { display: none; z-index: 1000 } .start-mobile-nav { display: none; width: 50px; height: 50px; font-size: 28px; color: #fff; text-align: right } .start-mobile-nav:focus { outline: 0 } .review { margin-left: auto; margin-right: auto; width: 90% } .headturbo { background: #32bea6 0 0; overflow: hidden } .headturbo-img img { height: 700px; width: 300px } .headturbo h1 { color: #fff; font-size: 32px; font-family: Montserrat,Arial,Helvetica,sans-serif; font-weight: 600; line-height: 40px; margin: 14px 0 20px; text-transform: uppercase; animation: pulsate 2s } .headturbo h2 { color: #fff; font-family: "lora",serif; font-size: 22px; opacity: .8; font-style: italic; text-transform: capitalize } .headturbo p { color: #fff; margin-bottom: 25px } .turboform { margin: 20px 100px 0; position: relative } .headturbo { height: 300px; min-height: 280px } @media (max-width:568px) { .turboform { margin: 20px 0 } .headturbo h1 { font-size: 22px } .headturbo h2 { font-size: 18px } .headturbo { height: 180px; min-height: 240px } } @media (max-width:250px) { .turboform { margin: 20px 40px 0 } } .btn.btn-green { padding: 14px 15px; background: #69cb95 0 0; color: #fff } .btn.btn-green:hover { background: #7cd2a2 0 0; color: #fff } .btn.btn-green:focus { outline: 0!important } .logo { color: #fff; float: left; font-family: "Open Sans",Arial,Helvetica,sans-serif; font-size: 20px; font-weight: 700; transition: all .2s ease 0s } .logo .logo-icon { font-size: 34px; margin: 0; top: 3px } .logo .logo-icon,.logo .themeLogoText { position: relative } .bg-grey-color { background-color: #f6f8f9; border-bottom: 1px solid #d5dadf } .bg-primary-color { background-color: #32bea6; color: #fff } #featured,#featured li,.page-block { text-align: center } @media (min-width:768px) { .top-nav-collapse { background: #fff; box-shadow: 0 1px 0 rgba(0,0,0,.1) } .top-nav-collapse .logo { color: #32bea6 } } @media (max-width:768px) { .container { padding-left: 20px; padding-right: 20px } .main-content { -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); bottom: 0; color: #000; left: 0; overflow: auto; right: 0; top: 0 } .review { margin-left: auto; margin-right: auto; width: 100% } body.open-nav { height: 100%; overflow: hidden; position: fixed; width: 100% } body.open-nav .main-content { -webkit-transform: translate3d(-210px,0,0); -moz-transform: translate3d(-210px,0,0); -ms-transform: translate3d(-210px,0,0); -o-transform: translate3d(-210px,0,0); transform: translate3d(-210px,0,0) } body.open-nav .mobile-nav { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } .mobile-nav { -webkit-transform: translate3d(210px,0,0); -moz-transform: translate3d(210px,0,0); -ms-transform: translate3d(210px,0,0); -o-transform: translate3d(210px,0,0); transform: translate3d(210px,0,0); -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; background: #3c4764; position: fixed; top: 0; bottom: 0; right: 0; height: 100%; width: 210px; display: block; overflow-y: auto } .mobile-nav a { outline: 0; color: rgba(255,255,255,.5); font-size: 14px } .mobile-nav a:hover { color: #fff; background: rgba(255,255,255,.07) } .mobile-nav .login-nav,.mobile-nav .main-nav { margin-bottom: 0; list-style-type: none; padding-left: 0 } .mobile-nav .login-nav a,.mobile-nav .main-nav a { display: block; padding: 15px 20px; border-bottom: 1px solid rgba(0,0,0,.25) } .mobile-nav .login-nav li,.mobile-nav .main-nav li { margin-bottom: 0; border-bottom: 1px solid rgba(255,255,255,.15) } .mobile-nav .wrapper-submenu { position: relative } .mobile-nav .submenu { background: #3c4764; display: none } .mobile-nav .submenu .submenu-nav { list-style-type: none; padding-left: 0 } .mobile-nav .submenu .submenu-nav li { border: 0 } .mobile-nav .submenu a { padding-top: 10px; padding-bottom: 10px; border: 0 } .mobile-nav .login-nav .signup { color: #69cb95 } .start-mobile-nav { float: right } .start-mobile-nav:hover { cursor: pointer } .desktop-nav { display: none } .start-mobile-nav { display: block } } #featured { padding-left: 0; margin-top: 80px; font-family: Montserrat,Arial,Helvetica,sans-serif } #featured li { display: inline-block; width: 25% } @media (max-width:768px) { #featured li { margin: 0 auto 80px; width: 100% } } #featured li:nth-child(1) { float: left } #featured li:nth-child(3) { float: right } #featured li img { height: 190px; margin-bottom: 30px; width: auto } #featured li h4 { font-size: 16px; margin-bottom: 20px } #featured li p { color: #999; font-size: 14px } .circleBox,.circleBox::after { border-radius: 50%; display: inline-block } .circleBox { background: #fff 0 0; color: #32bea6; font-size: 40px; height: 75px; position: relative; width: 75px } .circleBox::after { bottom: -6px; content: ""; left: -6px; position: absolute; right: -6px; top: -6px } .circleBox .fa { line-height: 1.9!important } footer { background: #3c4764; padding-bottom: 40px; padding-top: 60px } footer p { font-size: 14px; color: rgba(255,255,255,.6) } footer a,footer a:hover { color: #3ac341 } footer .footer-title { position: relative; font-size: 18px; text-transform: uppercase; color: #fff } footer .footer-title:after { content: ''; display: block; width: 60px; height: 1px; background: #3ac341; margin-top: 8px } footer .right-border { border-right: 1px solid rgba(255,255,255,.1) } footer .left-border { border-left: 1px solid rgba(255,255,255,.1) } @media (max-width:991px) { footer .copyright { border-top: 1px solid rgba(255,255,255,.1); margin-top: 40px; text-align: center } footer .right-border { border-right: none } } @media (max-width:767px) { footer .right-border { border-right: none } footer .left-border { border-left: none } footer .navigation { margin-top: 40px } } footer .footer-about { border-bottom: 1px solid rgba(255,255,255,.1); padding-bottom: 40px } footer .contact-info .single { margin: 15px 0 } footer .contact-info .single i { display: block; float: left; color: #3ac341; margin-right: 10px; line-height: 22px } footer .contact-info .single p { margin: 0; padding: 0; display: block; overflow: hidden } footer .social-icon { margin-top: 40px } footer .social-icon li a { display: block; width: 32px; height: 32px; margin-right: 5px; text-align: center; border: 1px solid rgba(255,255,255,.1); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) } footer .social-icon li a:hover { border-color: #3ac341; color: #3ac341 } footer .social-icon li a i { line-height: 32px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) } footer .navigation li a { color: rgba(255,255,255,.6); text-transform: uppercase; line-height: 30px; text-decoration: none } footer .navigation li a:hover { color: #3ac341 } footer .copyright { padding-top: 40px } #latest-site { margin-top: 60px; font-family: Montserrat,Arial,Helvetica,sans-serif } .latest-heading { background: #f6f8f9 0 0; border-radius: 3px; height: 50px; margin-bottom: 30px } .latest-heading h4 { background-color: #32bea6; border-radius: 3px 0 0 3px; color: #fff; display: inline-block; line-height: 50px; padding-right: 20px; margin: 0 0 15px!important; font-size: 16px } .latest-heading .btn-sm { margin: 12px 17px 0 0; font-size: 11px; line-height: 1.5; padding: 5px 10px; font-family: "Open Sans",sans-serif } .latest-heading .heading-icon { background: rgba(0,0,0,.1) 0 0; border-radius: 3px 0 0 3px; display: inline-block; margin-right: 20px; position: relative; text-align: center; width: 50px } .latest-heading .btn { border-radius: 3px; border-width: 0; box-shadow: 0 1px 2px rgba(0,0,0,.25); text-decoration: none; text-shadow: -1px -1px 1px rgba(0,0,0,.18); transition: all .3s ease .1s } .pull-right { float: right!important } .latest-content { padding-right: 10px; padding-left: 10px; margin-bottom: 40px } .sites-block { margin: 10px auto 30px; width: 90%; background: #fff 0 0; border: 1px solid #e8edef; transition: all .3s ease .1s; overflow: hidden } .sites-block:hover { box-shadow: 0 0 12px rgba(124,210,162,.3) } .sites-block .caption { border-bottom: 1px solid #efefef; display: block; padding: 15px; text-align: center; font-size: 18px } .sites-block .details { background: #f8f8f8 0 0 } .sites-block .details>span { font-family: "Open Sans",sans-serif; border-right: 1px solid #efefef; display: block; float: left; font-size: 11px; padding: 4px 0; text-align: center; text-transform: uppercase; width: 33.33% } .sites-block img { padding: 4px; transition: transform .4s ease-in 0s } .sites-block:hover .image-overlay { opacity: .6; transform: scale(1.05) } .sites-block .details>span:last-child { border-right: medium none } .sites-block .details>span>strong { display: block; font-size: 14px } .sites-recent { margin-bottom: 20px!important; width: 100%!important } .loginme { font-size: 13px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif } .loginme input[type=checkbox],.loginme input[type=radio] { vertical-align: middle; margin: -3px 2px 0 0 } #signup .form-group { margin-bottom: 10px } .loginme .modal-header { border-bottom: 1px solid #e5e5e5; padding: 15px 15px 10px } .loginme input[type=password],.loginme input[type=text] { color: #555; display: block; font-size: 12px; height: 36px; line-height: 1 } .loginme label { display: block; font-weight: 700; cursor: pointer } .loginme .alert { display: none } .loginme .nav-pills { margin: 5px 0 15px } .loginme .nav-pills>li>a { padding: 8px 12px } .loginme .info { margin-bottom: 10px; line-height: 1.6em; color: #999 } .loginme .alert ul { margin: 0; padding: 0 0 0 15px } .loginme .modal-footer { padding: 0 15px 15px } .connect-with { padding-bottom: 30px; border-bottom: 1px solid #eee; overflow: hidden; margin: 0 0 10px!important } .connect-with .connect { display: block; font-size: 17px; font-weight: 700; color: #fff!important; text-decoration: none!important; height: 40px; line-height: 28px; text-align: center; padding: 8px 13px 18px 47px; border-radius: 3px; float: left; margin-top: 5px; margin-left: 50px } .connect.facebook { background: #3b5998 url(../img/connect-with.png) no-repeat } .connect.google { background: #dc4d28 url(../img/connect-with.png) no-repeat 0 -40px } .connect.twitter { background: #00abf1 url(../img/connect-with.png) no-repeat 0 -80px } #scroll-menu { margin-top: 70px } .affix { position: fixed; top: 70px } .affix-bottom,.affix-top { position: absolute } .scroll-icon { padding-right: 10px; float: left } .scroll-arrow { padding-left: 20px; float: right; width: 20% } .nav-pills>li>a { color: #767676!important } .nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover { background-color: #7cd2a2!important; color: #fff!important } .phonefix { font-size: 18px; padding-right: 6px } #overview { margin-bottom: 30px } .top20 { margin-top: 20px } .top30 { margin-top: 30px } .top40 { margin-top: 40px } .hide { display: none } .bottom40 { margin-bottom: 40px } .url-lg { border-radius: 2px; font-size: 14px; font-weight: 600; letter-spacing: 2px; line-height: 1; padding: 18px 26px 17px; text-transform: uppercase; outline: 0!important } .url-lg:focus,.url-lg:hover { outline: 0!important } .scroll-link { clear: both } @media (max-width:768px) { #scroll-menu { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; z-index: 1900; margin-top: 0 } .scroll-arrow,.scroll-text { display: none } .scroll-icon { float: none } .nav-inverse { background-color: #fff!important } .nav-inverse li { padding: 6px } .mobilefix { top: 60px; left: 0; right: 0; padding: 0!important; text-align: center } .affix { top: 0; left: 0; right: 0 } .affix-bottom,.affix-top { visibility: hidden } } .clearSep { padding-bottom: 30px } .seoBox-title { color: #999; font-family: Montserrat,Arial,Helvetica,sans-serif; font-size: 20px; border-bottom: 1px solid #ddd; margin-bottom: 20px; padding: 30px 0 10px } #c_alert1,#c_alert2 { display: none } .fa.fa-refresh { transition: transform .5s ease 0s } .fa.fa-refresh:hover { transform: rotate(90deg) } .reloadCap { cursor: pointer } .phpCap { width: 20%!important } #scode { box-shadow: none!important } .captchaCode { margin-bottom: 10px } .imagever { border: 4px solid #fff; border-radius: 4px; box-shadow: 0 0 2px rgba(0,0,0,.3),0 0 30px rgba(0,0,0,.2) inset; transition: box-shadow .2s ease 0s } .width96 { width: 96%!important } .loginpage { margin-top: 20px } .login-footer { margin-bottom: 20px } .loginpage label { display: block } .loginpage .form-input { height: auto } .alert-error { background-color: #f2dede; border-color: #ebccd1; color: #a94442 } .sidebar { border: 1px dashed #e3e3e3; border-radius: 4px; box-shadow: 0 1px 1px rgba(0,0,0,.05) inset; margin-bottom: 20px; min-height: 20px; padding: 19px } .sidebar-title { font-size: 17px; position: relative } .sidebar-title::after { background: #3ac341 0 0; content: ""; display: block; height: 1px; margin-top: 4px; margin-bottom: 8px; width: 60px } .shareBox { padding-top: 7px; border: 1px dashed #e3e3e3 } .social-icons>li { margin-top: 5px } .social-icons>li:first-child { font-size: 15px; margin-left: 10px } .social-icons .fa { font-size: 1.6em; width: 40px; height: 40px; line-height: 40px; text-align: center; color: #fff; color: rgba(255,255,255,.8); -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .social-icons.icon-circle .fa { border-radius: 50% } .social-icons.icon-rounded .fa { border-radius: 5px } .social-icons.icon-flat .fa { border-radius: 0 } .social-icons .fa:active,.social-icons .fa:hover { color: #fff; -webkit-box-shadow: 1px 1px 3px #fff; -moz-box-shadow: 1px 1px 3px #fff; box-shadow: 1px 1px 3px #fff } .social-icons.icon-zoom .fa:active,.social-icons.icon-zoom .fa:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1) } .social-icons.icon-rotate .fa:active,.social-icons.icon-rotate .fa:hover { -webkit-transform: scale(1.1) rotate(360deg); -moz-transform: scale(1.1) rotate(360deg); -ms-transform: scale(1.1) rotate(360deg); -o-transform: scale(1.1) rotate(360deg); transform: scale(1.1) rotate(360deg) } .social-icons .fa-adn { background-color: #504e54 } .social-icons .fa-apple { background-color: #aeb5c5 } .social-icons .fa-android { background-color: #a5c63b } .social-icons .fa-bitbucket,.social-icons .fa-bitbucket-square { background-color: #036 } .social-icons .fa-bitcoin,.social-icons .fa-btc { background-color: #f7931a } .social-icons .fa-css3 { background-color: #1572b7 } .social-icons .fa-dribbble { background-color: #f46899 } .social-icons .fa-dropbox { background-color: #018bd3 } .social-icons .fa-facebook,.social-icons .fa-facebook-square { background-color: #3c599f } .social-icons .fa-flickr { background-color: #ff0084 } .social-icons .fa-foursquare { background-color: #0086be } .social-icons .fa-github,.social-icons .fa-github-alt,.social-icons .fa-github-square { background-color: #070709 } .social-icons .fa-google-plus,.social-icons .fa-google-plus-square { background-color: #cf3d2e } .social-icons .fa-html5 { background-color: #e54d26 } .social-icons .fa-instagram { background-color: #a1755c } .social-icons .fa-linkedin,.social-icons .fa-linkedin-square { background-color: #0085ae } .social-icons .fa-linux { background-color: #fbc002; color: #333 } .social-icons .fa-maxcdn { background-color: #f6ae1c } .social-icons .fa-pagelines { background-color: #241e20; color: #3984ea } .social-icons .fa-pinterest,.social-icons .fa-pinterest-square { background-color: #cc2127 } .social-icons .fa-renren { background-color: #025dac } .social-icons .fa-skype { background-color: #01aef2 } .social-icons .fa-stack-exchange { background-color: #245590 } .social-icons .fa-stack-overflow { background-color: #ff7300 } .social-icons .fa-trello { background-color: #265a7f } .social-icons .fa-tumblr,.social-icons .fa-tumblr-square { background-color: #314e6c } .social-icons .fa-twitter,.social-icons .fa-twitter-square { background-color: #32ccfe } .social-icons .fa-vimeo-square { background-color: #229acc } .social-icons .fa-vk { background-color: #375474 } .social-icons .fa-weibo { background-color: #d72b2b } .social-icons .fa-windows { background-color: #12b6f3 } .social-icons .fa-delicious { background-color: #2a96ff } .social-icons .fa-stumbleupon { background-color: #eb4924 } .social-icons .fa-reddit { background-color: #ff4500 } .social-icons .fa-digg { background-color: #222 } .social-icons .fa-xing,.social-icons .fa-xing-square { background-color: #00555c } .social-icons .fa-youtube,.social-icons .fa-youtube-play,.social-icons .fa-youtube-square { background-color: #c52f30 } @media only screen and (min-width:10px) and (max-width:750px) { .scroll-icon { padding-right: 0 } } .fxLoader { width: 2.5em; height: 2.5em; transform: rotate(165deg); position: absolute; top: calc(50% - 1.25em); left: calc(50% - 1.25em) } .fxLoader:after,.fxLoader:before { content: ''; position: absolute; top: 50%; left: 50%; display: block; width: .5em; height: .5em; border-radius: .25em; transform: translate(-50%,-50%) } .fxLoader:before { animation: before 2s infinite } .fxLoader:after { animation: after 2s infinite } .bold600 { font-weight: 600 } .circleNew { background: #f1f8f9 0 0!important } .loginpage .info { font-weight: 600; margin-bottom: 12px; opacity: .9 } .loginpage .login-footer { display: block } .loginpage .infoshort { font-weight: 600; font-size: 16px; opacity: .9 } .pageTitle { opacity: .8 } .navbar-fixed-top { position: absolute!important } .bottom70 { margin-bottom: 70px } .bold { font-weight: 700 } .profile .form-control { height: 36px!important } #logoUpload { border: 1px solid #ccc!important } .text-right { float: right } .compare-table>tbody { border-spacing: collapse!important } .compare-table>tbody>tr>td { padding: 8px!important; line-height: 24px!important; border-top: 0!important } .compare-table>tbody>tr>td:nth-child(2) { padding-left: 16px!important; border-left: 1px solid #ddd } .themeLogoImg { margin-top: -15px } .bo5 { margin-bottom: 5px!important } .forceLogin:focus,.forceLogin:hover { color: #fff!important } @media only screen and (min-width:10px) and (max-width:750px) { .compare-table>tbody>tr>td:nth-child(2) { padding-top: 16px!important; border-top: 1px solid #ddd; padding-left: 0; border-left: none } .compare-table>tbody { display: block } .themeLogoImg { margin-top: -15px; width: 60% } .compare-table>tbody>tr>td { display: inline-block } .phpCap { width: 50%!important } } .page-block { padding: 78px 0 12px } .caption,.sweet-alert h2 { text-align: center } body.stop-scrolling { height: 100%; overflow: hidden } .sweet-overlay { background-color: #000; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; background-color: rgba(0,0,0,.4); position: fixed; left: 0; right: 0; top: 0; bottom: 0; display: none; z-index: 10000 } .sweet-alert { background-color: #fff; font-family: 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif; width: 478px; padding: 17px; border-radius: 5px; text-align: center; position: fixed; left: 50%; top: 50%; margin-left: -256px; margin-top: -200px; overflow: hidden; display: none; z-index: 99999 } @media all and (max-width:540px) { .sweet-alert { width: auto; margin-left: 0; margin-right: 0; left: 15px; right: 15px } } .sweet-alert h2 { color: #575757; font-size: 30px; font-weight: 600; text-transform: none; position: relative; margin: 25px 0; padding: 0; line-height: 40px; display: block } .sweet-alert p { color: #797979; font-size: 16px; font-weight: 300; position: relative; text-align: inherit; float: none; margin: 0; padding: 0; line-height: normal } .sweet-alert fieldset { border: 0; position: relative } .sweet-alert .sa-error-container { background-color: #f1f1f1; margin-left: -17px; margin-right: -17px; overflow: hidden; padding: 0 10px; max-height: 0; webkit-transition: padding .15s,max-height .15s; transition: padding .15s,max-height .15s } .sweet-alert .sa-error-container.show { padding: 10px 0; max-height: 100px; webkit-transition: padding .2s,max-height .2s; transition: padding .25s,max-height .25s } .sweet-alert .sa-error-container .icon { display: inline-block; width: 24px; height: 24px; border-radius: 50%; background-color: #ea7d7d; color: #fff; line-height: 24px; text-align: center; margin-right: 3px } .sweet-alert .sa-input-error { position: absolute; top: 29px; right: 26px; width: 20px; height: 20px; opacity: 0; -webkit-transform: scale(.5); transform: scale(.5); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all .1s; transition: all .1s } .sweet-alert .sa-input-error::after,.sweet-alert .sa-input-error::before { content: ""; width: 20px; height: 6px; background-color: #f06e57; border-radius: 3px; position: absolute; top: 50%; margin-top: -4px; left: 50%; margin-left: -9px } .sweet-alert .sa-input-error::before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg) } .sweet-alert .sa-input-error::after { -webkit-transform: rotate(45deg); transform: rotate(45deg) } .sweet-alert .sa-input-error.show { opacity: 1; -webkit-transform: scale(1); transform: scale(1) } .sweet-alert input { width: 100%; box-sizing: border-box; border-radius: 3px; border: 1px solid #d7d7d7; height: 43px; margin-top: 10px; margin-bottom: 17px; font-size: 18px; box-shadow: inset 0 1px 1px rgba(0,0,0,.06); padding: 0 12px; display: none; -webkit-transition: all .3s; transition: all .3s } .sweet-alert input:focus { outline: 0; box-shadow: 0 0 3px #c4e6f5; border: 1px solid #b4dbed } .sweet-alert input:focus::-moz-placeholder { transition: opacity .3s .03s ease; opacity: .5 } .sweet-alert input:focus:-ms-input-placeholder { transition: opacity .3s .03s ease; opacity: .5 } .sweet-alert input:focus::-webkit-input-placeholder { transition: opacity .3s .03s ease; opacity: .5 } .sweet-alert input::-moz-placeholder { color: #bdbdbd } .sweet-alert input::-ms-clear { display: none } .sweet-alert input:-ms-input-placeholder { color: #bdbdbd } .sweet-alert input::-webkit-input-placeholder { color: #bdbdbd } .sweet-alert.show-input input { display: block } .sweet-alert .sa-confirm-button-container { display: inline-block; position: relative } .sweet-alert .la-ball-fall { position: absolute; left: 50%; top: 50%; margin-left: -27px; margin-top: 4px; opacity: 0; visibility: hidden } .sweet-alert button { background-color: #8cd4f5; color: #fff; border: 0; box-shadow: none; font-size: 17px; font-weight: 500; -webkit-border-radius: 4px; border-radius: 5px; padding: 10px 32px; margin: 26px 5px 0; cursor: pointer } .sweet-alert button:focus { outline: 0; box-shadow: 0 0 2px rgba(128,179,235,.5),inset 0 0 0 1px rgba(0,0,0,.05) } .sweet-alert button:hover { background-color: #7ecff4 } .sweet-alert button:active { background-color: #5dc2f1 } .sweet-alert button.cancel { background-color: #c1c1c1 } .sweet-alert button.cancel:hover { background-color: #b9b9b9 } .sweet-alert button.cancel:active { background-color: #a8a8a8 } .sweet-alert button.cancel:focus { box-shadow: rgba(197,205,211,.8) 0 0 2px,rgba(0,0,0,.0470588) 0 0 0 1px inset!important } .sweet-alert button[disabled] { opacity: .6; cursor: default } .sweet-alert button.confirm[disabled] { color: transparent } .sweet-alert button.confirm[disabled]~.la-ball-fall { opacity: 1; visibility: visible; transition-delay: 0s } .sweet-alert button::-moz-focus-inner { border: 0 } .sweet-alert[data-has-cancel-button=false] button { box-shadow: none!important } .sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] { padding-bottom: 40px } .sweet-alert .sa-icon { width: 80px; height: 80px; border: 4px solid gray; -webkit-border-radius: 40px; border-radius: 50%; margin: 20px auto; padding: 0; position: relative; box-sizing: content-box } .sweet-alert .sa-icon.sa-error { border-color: #f27474 } .sweet-alert .sa-icon.sa-error .sa-x-mark { position: relative; display: block } .sweet-alert .sa-icon.sa-error .sa-line { position: absolute; height: 5px; width: 47px; background-color: #f27474; display: block; top: 37px; border-radius: 2px } .sweet-alert .sa-icon.sa-error .sa-line.sa-left { -webkit-transform: rotate(45deg); transform: rotate(45deg); left: 17px } .sweet-alert .sa-icon.sa-error .sa-line.sa-right { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); right: 16px } .sweet-alert .sa-icon.sa-warning { border-color: #f8bb86 } .sweet-alert .sa-icon.sa-warning .sa-body { position: absolute; width: 5px; height: 47px; left: 50%; top: 10px; -webkit-border-radius: 2px; border-radius: 2px; margin-left: -2px; background-color: #f8bb86 } .sweet-alert .sa-icon.sa-warning .sa-dot { -webkit-border-radius: 50%; bottom: 10px; background-color: #f8bb86 } .sweet-alert .sa-icon.sa-info { border-color: #c9dae1 } .sweet-alert .sa-icon.sa-info::before { content: ""; position: absolute; width: 5px; height: 29px; left: 50%; bottom: 17px; border-radius: 2px; margin-left: -2px; background-color: #c9dae1 } .sweet-alert .sa-icon.sa-info::after,.sweet-alert .sa-icon.sa-warning .sa-dot { position: absolute; width: 7px; height: 7px; border-radius: 50%; margin-left: -3px; left: 50% } .sweet-alert .sa-icon.sa-info::after { content: ""; top: 19px; background-color: #c9dae1 } .sweet-alert .sa-icon.sa-success::after,.sweet-alert .sa-icon.sa-success::before { content: ''; position: absolute; width: 60px; height: 120px; background: #fff; -webkit-border-radius: 120px 0 0 120px; border-radius: 120px 0 0 120px; top: -7px; left: -33px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 60px 60px; transform-origin: 60px 60px } .sweet-alert .sa-icon.sa-success::after { -webkit-border-radius: 0 120px 120px 0; border-radius: 0 120px 120px 0; top: -11px; left: 30px; -webkit-transform-origin: 0 60px; transform-origin: 0 60px } .sweet-alert .sa-icon.sa-success .sa-placeholder { width: 80px; height: 80px; border: 4px solid rgba(165,220,134,.2); -webkit-border-radius: 40px; border-radius: 50%; box-sizing: content-box; position: absolute; left: -4px; top: -4px; z-index: 2 } .sweet-alert .sa-icon.sa-success .sa-fix { width: 5px; height: 90px; background-color: #fff; position: absolute; left: 28px; top: 8px; z-index: 1; -webkit-transform: rotate(-45deg); transform: rotate(-45deg) } .sweet-alert .sa-icon.sa-success .sa-line { height: 5px; background-color: #a5dc86; display: block; border-radius: 2px; position: absolute; z-index: 2 } .sweet-alert .sa-icon.sa-success .sa-line.sa-tip { width: 25px; left: 14px; top: 46px; -webkit-transform: rotate(45deg); transform: rotate(45deg) } .sweet-alert .sa-icon.sa-success .sa-line.sa-long { width: 47px; right: 8px; top: 38px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg) } .sweet-alert .sa-icon.sa-custom { background-size: contain; border-radius: 0; border: 0; background-position: center center; background-repeat: no-repeat } .showSweetAlert[data-animation=pop] { -webkit-animation: showSweetAlert .3s; animation: showSweetAlert .3s } .showSweetAlert[data-animation=none] { -webkit-animation: none; animation: none } .showSweetAlert[data-animation=slide-from-top] { -webkit-animation: slideFromTop .3s; animation: slideFromTop .3s } .showSweetAlert[data-animation=slide-from-bottom] { -webkit-animation: slideFromBottom .3s; animation: slideFromBottom .3s } .hideSweetAlert[data-animation=pop] { -webkit-animation: hideSweetAlert .2s; animation: hideSweetAlert .2s } .hideSweetAlert[data-animation=none] { -webkit-animation: none; animation: none } .hideSweetAlert[data-animation=slide-from-top] { -webkit-animation: slideToTop .4s; animation: slideToTop .4s } .hideSweetAlert[data-animation=slide-from-bottom] { -webkit-animation: slideToBottom .3s; animation: slideToBottom .3s } .animateSuccessTip { -webkit-animation: animateSuccessTip .75s; animation: animateSuccessTip .75s } .animateSuccessLong { -webkit-animation: animateSuccessLong .75s; animation: animateSuccessLong .75s } .sa-icon.sa-success.animate::after { -webkit-animation: rotatePlaceholder 4.25s ease-in; animation: rotatePlaceholder 4.25s ease-in } .animateErrorIcon { -webkit-animation: animateErrorIcon .5s; animation: animateErrorIcon .5s } .animateXMark { -webkit-animation: animateXMark .5s; animation: animateXMark .5s } .pulseWarning { -webkit-animation: pulseWarning .75s infinite alternate; animation: pulseWarning .75s infinite alternate } .pulseWarningIns { -webkit-animation: pulseWarningIns .75s infinite alternate; animation: pulseWarningIns .75s infinite alternate } .sweet-alert .sa-icon.sa-error .sa-line.sa-left { -ms-transform: rotate(45deg) \9 } .sweet-alert .sa-icon.sa-error .sa-line.sa-right { -ms-transform: rotate(-45deg) \9 } .sweet-alert .sa-icon.sa-success { border-color: transparent\9 } .sweet-alert .sa-icon.sa-success .sa-line.sa-tip { -ms-transform: rotate(45deg) \9 } .sweet-alert .sa-icon.sa-success .sa-line.sa-long { -ms-transform: rotate(-45deg) \9 } /*! * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/) * Copyright 2015 Daniel Cardoso <@DanielCardoso> * Licensed under MIT */ @-webkit-keyframes ball-fall { 0% { opacity: 0; -webkit-transform: translateY(-145%); transform: translateY(-145%) } 10%,90% { opacity: .5 } 20%,80% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } to { opacity: 0; -webkit-transform: translateY(145%); transform: translateY(145%) } } @-moz-keyframes ball-fall { 0% { opacity: 0; -moz-transform: translateY(-145%); transform: translateY(-145%) } 10%,90% { opacity: .5 } 20%,80% { opacity: 1; -moz-transform: translateY(0); transform: translateY(0) } to { opacity: 0; -moz-transform: translateY(145%); transform: translateY(145%) } } @-o-keyframes ball-fall { 0% { opacity: 0; -o-transform: translateY(-145%); transform: translateY(-145%) } 10%,90% { opacity: .5 } 20%,80% { opacity: 1; -o-transform: translateY(0); transform: translateY(0) } to { opacity: 0; -o-transform: translateY(145%); transform: translateY(145%) } } @keyframes ball-fall { 0% { opacity: 0; -webkit-transform: translateY(-145%); -moz-transform: translateY(-145%); -o-transform: translateY(-145%); transform: translateY(-145%) } 10%,90% { opacity: .5 } 20% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } 80% { opacity: 1; -webkit-transform: trans3498dblateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } to { opacity: 0; -webkit-transform: translateY(145%); -moz-transform: translateY(145%); -o-transform: translateY(145%); transform: translateY(145%) } } .la-ball-fall,.la-ball-fall>div { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .la-ball-fall { display: block; font-size: 0; color: #fff; width: 54px; height: 18px } .la-ball-fall.la-dark { color: #333 } .la-ball-fall>div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; width: 10px; height: 10px; margin: 4px; border-radius: 100%; opacity: 0; -webkit-animation: ball-fall 1s ease-in-out infinite; -moz-animation: ball-fall 1s ease-in-out infinite; -o-animation: ball-fall 1s ease-in-out infinite; animation: ball-fall 1s ease-in-out infinite } .la-ball-fall>div:nth-child(1) { -webkit-animation-delay: -200ms; -moz-animation-delay: -200ms; -o-animation-delay: -200ms; animation-delay: -200ms } .la-ball-fall>div:nth-child(2) { -webkit-animation-delay: -100ms; -moz-animation-delay: -100ms; -o-animation-delay: -100ms; animation-delay: -100ms } .la-ball-fall>div:nth-child(3) { -webkit-animation-delay: 0ms; -moz-animation-delay: 0ms; -o-animation-delay: 0ms; animation-delay: 0ms } .la-ball-fall.la-sm { width: 26px; height: 8px } .la-ball-fall.la-sm>div { width: 4px; height: 4px; margin: 2px } .la-ball-fall.la-2x { width: 108px; height: 36px } .la-ball-fall.la-2x>div { width: 20px; height: 20px; margin: 8px } .la-ball-fall.la-3x { width: 162px; height: 54px } .la-ball-fall.la-3x>div { width: 30px; height: 30px; margin: 12px } .free_backlinks { background: #3ac341; color: #fff!important; margin-right: 3px } .boost_site_free { background: #ed4b4b; color: #fff!important } .boost_site_free:hover { background: #21b3a6!important } .free_backlinks:hover { background: #c25757!important } .widget-header { background: linear-gradient(to bottom,#fff 0,#eee 100%) repeat-x 0 0 #f7f7f7; border-bottom: 1px solid #ddd; box-sizing: content-box; color: #669fc7; min-height: 38px; padding-left: 12px; position: relative } .widget-box { border: 1px solid #ccc; box-shadow: none; margin: 3px 0; padding: 0 } .widget-header>.widget-title { display: inline; line-height: 36px; margin: 0; padding: 0 } .widget-main { padding: 18px } .bg-aqua,.bg-black,.bg-blue,.bg-fuchsia,.bg-green,.bg-light-blue,.bg-lime,.bg-maroon,.bg-navy,.bg-olive,.bg-orange,.bg-purple,.bg-red,.bg-teal,.bg-yellow { color: #f9f9f9!important } .bg-gray { background-color: #eaeaec!important } .bg-black { background-color: #222!important } .bg-red { background-color: #f56954!important } .bg-yellow { background-color: #f39c12!important } .bg-aqua { background-color: #00c0ef!important } .bg-blue { background-color: #0073b7!important } .bg-light-blue { background-color: #3c8dbc!important } .bg-green { background-color: #00a65a!important } .bg-navy { background-color: #001f3f!important } .bg-teal { background-color: #39cccc!important } .bg-olive { background-color: #3d9970!important } .bg-lime { background-color: #01ff70!important } .bg-orange { background-color: #ff851b!important } .bg-fuchsia { background-color: #f012be!important } .bg-purple { background-color: #932ab6!important } .bg-maroon { background-color: #85144b!important } .text-red { color: #f56954!important } .text-yellow { color: #f39c12!important } .text-aqua { color: #00c0ef!important } .text-blue { color: #0073b7!important } .text-light-blue { color: #3c8dbc!important } .text-green { color: #00a65a!important } .text-navy { color: #001f3f!important } .text-teal { color: #39cccc!important } .text-olive { color: #3d9970!important } .text-lime { color: #01ff70!important } .text-orange { color: #ff851b!important } .text-fuchsia { color: #f012be!important } .text-purple { color: #932ab6!important } .text-maroon { color: #85144b!important } .hide { display: none!important } .no-border { border: 0!important } .no-padding { padding: 0!important } .no-margin { margin: 0!important } #search,#sidebarsearch,.no-shadow { box-shadow: none!important } .percentimg { display: none } .green { color: #27ae60 } .tableHr { margin-bottom: 5px; margin-top: 5px } .container h3 { font-size: 17px; line-height: 25px } #searchSec,#sidebarSc { padding: 10px; position: relative } .search-results { background: #fff 0 0; border: 1px solid #c3e8f4; border-radius: 3px; box-shadow: 0 0 0 4px #f0fbff; display: none; font-size: 18px; font-weight: 300; max-height: 250px; min-height: 50px; overflow: auto; padding: 5px; top: 60px; width: 100%; z-index: 50 } .sidebarmatch { width: 100%!important } .search-results .match { box-sizing: border-box; display: inline-block; padding: 5px; width: 50% } #sidebar-results { padding: 3px!important; font-size: 16px!important } .search-results .match a { border: 1px solid #ccc; color: #506273; display: block; padding: 3px; text-decoration: none; transition: none 0s ease 0s } .search-results .match a strong { font-weight: 400; text-decoration: none } .search-results .match a:hover { box-shadow: 0 0 1px 1px #25b7d3; color: #2c3e50; font-weight: 400; border-color: #ddd } .search-results .match a:hover strong { text-decoration: none } .csContent { margin-top: 20px } .hideAll { display: none } #seoTools .toolbox .thumbnail { min-height: 160px } .overflow-scroll { overflow: scroll } .pdfBox button { margin-right: 5px } #gdpr-cookie-message { position: fixed; right: 30px; bottom: 30px; max-width: 375px; background-color: #3b3646; padding: 20px; border-radius: 5px; box-shadow: 0 6px 6px rgba(0,0,0,.25); margin-left: 30px; font-family: system-ui; z-index: 1000 } #gdpr-cookie-message h4 { color: #ee4b5a; font-size: 18px; font-weight: 500; margin-bottom: 10px } #gdpr-cookie-message h5 { color: #ee4b5a); font-size: 15px; font-weight: 500; margin-bottom: 10px } #gdpr-cookie-message p,#gdpr-cookie-message ul { color: #fff; font-size: 15px; line-height: 1.5em } #gdpr-cookie-message p:last-child { margin-bottom: 0; text-align: right } #gdpr-cookie-message li { width: 49%; display: inline-block } #gdpr-cookie-message a { color: #ee4b5a; text-decoration: none; font-size: 15px; padding-bottom: 2px; border-bottom: 1px dotted rgba(255,255,255,.75); transition: all .3s ease-in } #gdpr-cookie-message a:hover { color: #fff; border-bottom-color: #ee4b5a; transition: all .3s ease-in } #gdpr-cookie-message button,button#ihavecookiesBtn { border: 0; background: #ee4b5a; color: #fff; font-size: 15px; padding: 7px; border-radius: 3px; margin-left: 15px; cursor: pointer; transition: all .3s ease-in } #gdpr-cookie-message button:hover { background: #fff; color: #ee4b5a; transition: all .3s ease-in } button#gdpr-cookie-advanced { background: #fff; color: #ee4b5a } #gdpr-cookie-message button:disabled { opacity: .3 } #gdpr-cookie-message input[type=checkbox] { float: none; margin-top: 0; margin-right: 5px } .topnav { margin-top: -20px; width: 100%; min-height: 50px } #cssmenu,#cssmenu #menu-button,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a { margin: 0; padding: 0; border: 0; list-style: none; line-height: 1; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } #cssmenu #menu-button { display: none } #cssmenu:after,#cssmenu>ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } #cssmenu,.topnav { background: #23aa8a } #cssmenu { font-family: 'Lato',sans-serif } #cssmenu>ul>li { float: left } #cssmenu.align-center>ul { font-size: 0; text-align: center } #cssmenu.align-center>ul>li { display: inline-block; float: none } #cssmenu.align-center ul ul { text-align: left } #cssmenu.align-right>ul>li { float: right } #cssmenu ul ul li a,#cssmenu>ul>li>a { padding: 17px; font-size: 14px; text-decoration: none; color: #fff } #cssmenu>ul>li:hover>a { color: #fff } #cssmenu>ul>li.has-sub>a { padding-right: 24px } #cssmenu>ul>li.has-sub>a:after { position: absolute; top: 22px; right: 11px; width: 8px; height: 2px; display: block; background: #ddd; content: '' } #cssmenu ul ul li,#cssmenu>ul>li.has-sub>a:before { -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease } #cssmenu>ul>li.has-sub>a:before { position: absolute; top: 19px; right: 14px; display: block; width: 2px; height: 8px; background: #ddd; content: '' } #cssmenu>ul>li.has-sub:hover>a:before { top: 23px; height: 0 } #cssmenu ul ul { position: absolute; left: -9999px } #cssmenu.align-right ul ul { text-align: right } #cssmenu ul ul li { height: 0 } #cssmenu li:hover>ul { left: auto } #cssmenu.align-right li:hover>ul { left: auto; right: 0 } #cssmenu li:hover>ul>li { height: 36px } #cssmenu ul ul ul { margin-left: 100%; top: 0 } #cssmenu.align-right ul ul ul { margin-left: 0; margin-right: 100% } #cssmenu ul ul li a { border-bottom: 1px solid #43ba9c; padding: 11px 15px; width: 220px; font-size: 13px; font-weight: 400; background: #23aa8a; z-index: 999999 } #cssmenu ul ul li a:hover { background: #209c82 } #cssmenu ul ul li.last-item>a,#cssmenu ul ul li:last-child>a { border-bottom: 0 } #cssmenu ul ul li a:hover,#cssmenu ul ul li:hover>a,footer .contact-info .single i,footer .navigation li a,footer a,footer p { color: #fff } #cssmenu ul ul li.has-sub>a:after,#cssmenu ul ul li.has-sub>a:before { position: absolute; top: 16px; right: 11px; width: 8px; height: 2px; display: block; background: #ddd; content: '' } #cssmenu.align-right ul ul li.has-sub>a:after { right: auto; left: 11px } #cssmenu ul ul li.has-sub>a:before { top: 13px; right: 14px; width: 2px; height: 8px; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease } #cssmenu.align-right ul ul li.has-sub>a:before { right: auto; left: 14px } #cssmenu ul ul>li.has-sub:hover>a:before { top: 17px; height: 0 } @media all and (max-width:768px),only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:1024px),only screen and (min--moz-device-pixel-ratio:2) and (max-width:1024px),only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:1024px),only screen and (min-device-pixel-ratio:2) and (max-width:1024px),only screen and (min-resolution:192dpi) and (max-width:1024px),only screen and (min-resolution:2dppx) and (max-width:1024px) { #cssmenu { width: 100% } #cssmenu ul { width: 100%; display: none } #cssmenu.align-center>ul { text-align: left } #cssmenu ul li { width: 100%; border-top: 1px solid rgba(120,120,120,.2) } #cssmenu li:hover>ul>li,#cssmenu ul ul li { height: auto } #cssmenu ul li a,#cssmenu ul ul li a { width: 100%; border-bottom: 0 } #cssmenu>ul>li { float: none } #cssmenu ul ul li a { padding-left: 25px; color: #ddd; background: 0 0 } #cssmenu ul ul ul li a { padding-left: 35px } #cssmenu ul ul li.active>a,#cssmenu ul ul li:hover>a { color: #fff } #cssmenu ul ul,#cssmenu ul ul ul,#cssmenu.align-right ul ul { position: relative; left: 0; width: 100%; margin: 0; text-align: left } #cssmenu ul ul>li.has-sub>a:after,#cssmenu ul ul>li.has-sub>a:before,#cssmenu>ul>li.has-sub>a:after,#cssmenu>ul>li.has-sub>a:before { display: none } #cssmenu #menu-button { display: block; padding: 17px; color: #ddd; cursor: pointer; font-size: 12px; text-transform: uppercase; font-weight: 700 } #cssmenu #menu-button:after { position: absolute; top: 22px; right: 17px; display: block; height: 4px; width: 20px; border-top: 2px solid #ddd; border-bottom: 2px solid #ddd; content: '' } #cssmenu #menu-button:before,#cssmenu .submenu-button:after,#cssmenu .submenu-button:before { position: absolute; top: 16px; right: 17px; display: block; height: 2px; width: 20px; background: #ddd; content: '' } #cssmenu #menu-button.menu-opened:after { top: 23px; border: 0; height: 2px; width: 15px; background: #fff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg) } #cssmenu #menu-button.menu-opened:before { top: 23px; background: #fff; width: 15px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg) } #cssmenu .submenu-button { position: absolute; z-index: 99; right: 0; top: 0; display: block; border-left: 1px solid rgba(120,120,120,.2); height: 46px; width: 46px; cursor: pointer } #cssmenu .submenu-button.submenu-opened { background: #197a63 } #cssmenu ul ul .submenu-button { height: 34px; width: 34px } #cssmenu .submenu-button:after,#cssmenu .submenu-button:before { top: 22px; right: 19px; width: 8px } #cssmenu ul ul .submenu-button:after { top: 15px; right: 13px } #cssmenu .submenu-button.submenu-opened:after { background: #fff } #cssmenu .submenu-button:before { top: 19px; right: 22px; width: 2px; height: 8px } #cssmenu ul ul .submenu-button:before { top: 12px; right: 16px } #cssmenu .submenu-button.submenu-opened:before { display: none } } footer { background: #23aa8a } @media only screen and (max-width:600px) { table.recent-domains .domain { max-width: 90px; overflow: hidden; text-overflow: ellipsis } } .seoBox-title { padding-top: 0 } #overview { margin-bottom: 0 } .hide-element { display: none } .thumbnail .caption { padding: 9px; color: #333; height: 31px; text-overflow: ellipsis; overflow: hidden; display: block; white-space: nowrap } .main-container { margin-top: 15px; margin-bottom: 20px } .top10 { margin-top: 10px } .themeLogoText { font-family: "Open Sans",Arial,Helvetica,sans-serif; font-weight: 700 } .breadcrumb { background: 0 0; padding: 5px 0; margin-bottom: -12px; font-size: 12px } h1.pageTitle { margin: 20px 0 -5px } .domain-page h1.pageTitle { margin: 20px 0 0 }