/*
	Table of Contents

	I.   Generic --------------------------------------
	     01. Reset ------------------------------------
	     02. Base -------------------------------------
	     03. Fonts ------------------------------------
	     04. Helpers ----------------------------------
	         Clear ------------------------------------
	         Notext -----------------------------------
	         Hidden -----------------------------------
	         Alignleft --------------------------------
	         Alignright -------------------------------
	         Text Align -------------------------------
	         Disabled ---------------------------------
	         Grid -------------------------------------
	         Responsive Helpers -----------------------
	II.  Regions --------------------------------------
	     01. Container --------------------------------
	     02. Content ----------------------------------
	     03. Footer -----------------------------------
	     04. Header -----------------------------------
	     05. Main -------------------------------------
	     06. Shell ------------------------------------
	     07. Sidebar ----------------------------------
	     08. Wrapper ----------------------------------
	III. Modules --------------------------------------
	     01. Accordion --------------------------------
	     02. Archives ---------------------------------
	     03. Bar --------------------------------------
	     04. Bar Cta ----------------------------------
	     05. Box --------------------------------------
	         Small Desktop ----------------------------
	     06. Button -----------------------------------
	         Button Block -----------------------------
	         Button play ------------------------------
	     07. Form Elements ----------------------------
	     08. Form -------------------------------------
	     09. Info -------------------------------------
	     10. Info Box ---------------------------------
	     11. Intro ------------------------------------
	     12. List -------------------------------------
	     13. List Links -------------------------------
	     14. List Benefits ----------------------------
	     15. List Features ----------------------------
	     16. List Question ----------------------------
	     17. List updates -----------------------------
	     18. List contacts ----------------------------
	     19. List toggle ------------------------------
	     20. List bullets -----------------------------
	     21. List info --------------------------------
	     22. list package features --------------------
	     23. List logos -------------------------------
	     24. List checks ------------------------------
	     25. Login ------------------------------------
	     26. Logo -------------------------------------
	     27. Map --------------------------------------
	     28. Nav --------------------------------------
	     29. Nav Utilities ----------------------------
	     30. Packages ---------------------------------
	         Packages secondary -----------------------
	     31. Progress ---------------------------------
	     32. Review -----------------------------------
	     33. Section-About ----------------------------
	         Sectopm about secondary ------------------
	     34. Section Benefits -------------------------
	     35. Section Features -------------------------
	     36. Section Features Alt ---------------------
	     37. Section Question -------------------------
	     38. Section Careers --------------------------
	     39. Section List Careers ---------------------
	     40. Section Sbf ------------------------------
	     41. Section video ----------------------------
	     42. Section help -----------------------------
	     43. Section-login ----------------------------
	     44. Section network --------------------------
	     45. Section privacy --------------------------
	     46. Section terms ----------------------------
	     47. Section reviews --------------------------
	     48. Section products -------------------------
	     49. section logos ----------------------------
	     50. Slider -----------------------------------
	     51. Slider Hero Nav --------------------------
	     52. Slider review ----------------------------
	     53. Socials ----------------------------------
	     54. Table ------------------------------------
	     55. Tabs -------------------------------------
	     56. Updates ----------------------------------
	     57. Video ------------------------------------
	     58. Widget -----------------------------------
 */

a:focus,
a:hover {
    color: #1fa45b;
}

.ico-arrow-down {
    background-image: url(images/sprite.png);
    background-position: 77.41347905282332% 83.53909465020575%;
    background-size: 2845% 1969.2307692307693%;
    width: 20px;
    height: 26px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-arrow-left-list {
    background-image: url(images/sprite.png);
    background-position: 89.5017793594306% 89.62075848303394%;
    background-size: 8128.571428571429% 4654.545454545455%;
    width: 7px;
    height: 11px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-arrow-right-large {
    background-image: url(images/sprite.png);
    background-position: 87.10865561694291% 90.5241935483871%;
    background-size: 2188.461538461538% 3200%;
    width: 26px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-arrow-up {
    background-image: url(images/sprite.png);
    background-position: 81.78506375227687% 83.53909465020575%;
    background-size: 2845% 1969.2307692307693%;
    width: 20px;
    height: 26px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-availability-large {
    background-image: url(images/sprite.png);
    background-position: 51.85995623632385% 57.99999999999999%;
    background-size: 508.03571428571433% 457.1428571428571%;
    width: 112px;
    height: 112px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-builder-large {
    background-image: url(images/sprite.png);
    background-position: 35.33980582524272% 74.52229299363057%;
    background-size: 1053.7037037037037% 1248.780487804878%;
    width: 54px;
    height: 41px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-calendar {
    background-image: url(images/sprite.png);
    background-position: 80.42226487523992% 35.78947368421053%;
    background-size: 1185.4166666666665% 1383.7837837837837%;
    width: 48px;
    height: 37px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-chart-large {
    background-image: url(images/sprite.png);
    background-position: 8.712121212121213% 99.78768577494692%;
    background-size: 1387.8048780487807% 1248.780487804878%;
    width: 41px;
    height: 41px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-check-large {
    background-image: url(images/sprite.png);
    background-position: 99.62616822429906% 39.91769547325103%;
    background-size: 1673.5294117647059% 1969.2307692307693%;
    width: 34px;
    height: 26px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-cloud {
    background-image: url(images/sprite.png);
    background-position: 73.80073800738008% 72.52066115702479%;
    background-size: 2107.4074074074074% 1828.5714285714284%;
    width: 27px;
    height: 28px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-commission {
    background-image: url(images/sprite.png);
    background-position: 98.15837937384899% 58.66388308977035%;
    background-size: 2188.461538461538% 1551.5151515151515%;
    width: 26px;
    height: 33px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-cpanel {
    background-image: url(images/sprite.png);
    background-position: 46.783625730994146% 73.89473684210527%;
    background-size: 1016.0714285714287% 1383.7837837837837%;
    width: 56px;
    height: 37px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-disk-2 {
    background-image: url(images/sprite.png);
    background-position: 100% 17.136659436008678%;
    background-size: 592.7083333333333% 1003.9215686274509%;
    width: 96px;
    height: 51px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-disk-3-small {
    background-image: url(images/sprite.png);
    background-position: 33.59073359073359% 86.01694915254238%;
    background-size: 1115.6862745098038% 1280%;
    width: 51px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-disk-3 {
    background-image: url(images/sprite.png);
    background-position: 100% 0%;
    background-size: 592.7083333333333% 682.6666666666667%;
    width: 96px;
    height: 75px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-disk-1 {
    background-image: url(images/sprite.png);
    background-position: 100% 51.546391752577314%;
    background-size: 592.7083333333333% 1896.296296296296%;
    width: 96px;
    height: 27px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-dollars {
    background-image: url(images/sprite.png);
    background-position: 57.80346820809249% 73.2776617954071%;
    background-size: 1138% 1551.5151515151515%;
    width: 50px;
    height: 33px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-enterprise-large {
    background-image: url(images/sprite.png);
    background-position: 92.20272904483431% 60.43010752688171%;
    background-size: 1016.0714285714287% 1089.3617021276596%;
    width: 56px;
    height: 47px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-facebook-small {
    background-image: url(images/sprite.png);
    background-position: 81.50807899461401% 47.15447154471545%;
    background-size: 4741.666666666666% 2560%;
    width: 12px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-facebook {
    background-image: url(images/sprite.png);
    background-position: 34.02646502835538% 99.57627118644068%;
    background-size: 1422.5% 1280%;
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-file-large {
    background-image: url(images/sprite.png);
    background-position: 98.29545454545455% 84.27947598253274%;
    background-size: 1387.8048780487807% 948.148148148148%;
    width: 41px;
    height: 54px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-google-small {
    background-image: url(images/sprite.png);
    background-position: 98.15837937384899% 45.16129032258064%;
    background-size: 2188.461538461538% 3200%;
    width: 26px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-gplus {
    background-image: url(images/sprite.png);
    background-position: 25.708884688090738% 99.57627118644068%;
    background-size: 1422.5% 1280%;
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-handshake {
    background-image: url(images/sprite.png);
    background-position: 55.12572533849129% 85.65400843881856%;
    background-size: 1094.230769230769% 1347.3684210526314%;
    width: 52px;
    height: 38px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-handshake-hover,
a:hover .ico-handshake,
button:hover .ico-handshake,
a.hover .ico-handshake,
button.hover .ico-handshake,
.ico-handshake.hover {
    background-image: url(images/sprite.png);
    background-position: 44.294003868471954% 85.65400843881856%;
    background-size: 1094.230769230769% 1347.3684210526314%;
    width: 52px;
    height: 38px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-industry-large {
    background-image: url(images/sprite.png);
    background-position: 92.20272904483431% 42.173913043478265%;
    background-size: 1016.0714285714287% 984.6153846153846%;
    width: 56px;
    height: 52px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-info {
    background-image: url(images/sprite.png);
    background-position: 64.21845574387947% 85.65400843881856%;
    background-size: 1497.3684210526314% 1347.3684210526314%;
    width: 38px;
    height: 38px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-locations-large {
    background-image: url(images/sprite.png);
    background-position: 24.574669187145556% 89.82300884955751%;
    background-size: 1422.5% 853.3333333333334%;
    width: 40px;
    height: 60px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-login-dark {
    background-image: url(images/sprite.png);
    background-position: 60.10928961748634% 95.1417004048583%;
    background-size: 2845% 2844.4444444444443%;
    width: 20px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-login {
    background-image: url(images/sprite.png);
    background-position: 55.73770491803278% 95.1417004048583%;
    background-size: 2845% 2844.4444444444443%;
    width: 20px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-message-large {
    background-image: url(images/sprite.png);
    background-position: 67.17267552182163% 73.2776617954071%;
    background-size: 1354.7619047619048% 1551.5151515151515%;
    width: 42px;
    height: 33px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-performace-large {
    background-image: url(images/sprite.png);
    background-position: 26.153846153846157% 58.291457286432156%;
    background-size: 499.12280701754383% 449.12280701754383%;
    width: 114px;
    height: 114px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-performace-large-2 {
    background-image: url(images/sprite.png);
    background-position: 0% 0%;
    background-size: 249.56140350877192% 224.56140350877192%;
    width: 228px;
    height: 228px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-phone-large {
    background-image: url(images/sprite.png);
    background-position: 72.12806026365348% 85.65400843881856%;
    background-size: 1497.3684210526314% 1347.3684210526314%;
    width: 38px;
    height: 38px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-play-large {
    background-image: url(images/sprite.png);
    background-position: 0% 58.43828715365239%;
    background-size: 494.7826086956522% 445.2173913043478%;
    width: 115px;
    height: 115px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-premium-large {
    background-image: url(images/sprite.png);
    background-position: 92.20272904483431% 29.385964912280706%;
    background-size: 1016.0714285714287% 914.2857142857142%;
    width: 56px;
    height: 56px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-r-1-large {
    background-image: url(images/sprite.png);
    background-position: 91.13680154142581% 71.86147186147186%;
    background-size: 1138% 1024%;
    width: 50px;
    height: 50px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-server-large {
    background-image: url(images/sprite.png);
    background-position: 0% 100%;
    background-size: 1354.7619047619048% 1219.047619047619%;
    width: 42px;
    height: 42px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-ssd {
    background-image: url(images/sprite.png);
    background-position: 89.75332068311197% 85.20971302428256%;
    background-size: 1354.7619047619048% 867.7966101694915%;
    width: 42px;
    height: 59px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-storage-large {
    background-image: url(images/sprite.png);
    background-position: 74.78813559322035% 57.99999999999999%;
    background-size: 586.5979381443299% 457.1428571428571%;
    width: 97px;
    height: 112px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-support-large {
    background-image: url(images/sprite.png);
    background-position: 99.62192816635161% 71.3978494623656%;
    background-size: 1422.5% 1089.3617021276596%;
    width: 40px;
    height: 47px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-support {
    background-image: url(images/sprite.png);
    background-position: 42.10526315789473% 99.36575052854123%;
    background-size: 1537.837837837838% 1312.8205128205127%;
    width: 37px;
    height: 39px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-support-hover,
a:hover .ico-support,
button:hover .ico-support,
a.hover .ico-support,
button.hover .ico-support,
.ico-support.hover {
    background-image: url(images/sprite.png);
    background-position: 49.81203007518797% 99.36575052854123%;
    background-size: 1537.837837837838% 1312.8205128205127%;
    width: 37px;
    height: 39px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-thunder-large {
    background-image: url(images/sprite.png);
    background-position: 99.812734082397% 29.067245119305856%;
    background-size: 1625.7142857142856% 1003.9215686274509%;
    width: 35px;
    height: 51px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-twitter-small {
    background-image: url(images/sprite.png);
    background-position: 64.48087431693989% 94.94949494949495%;
    background-size: 2845% 3011.7647058823527%;
    width: 20px;
    height: 17px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-twitter {
    background-image: url(images/sprite.png);
    background-position: 17.234848484848484% 99.57627118644068%;
    background-size: 1387.8048780487807% 1280%;
    width: 41px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-x {
    background-image: url(images/sprite.png);
    background-position: 79.22794117647058% 72.07392197125256%;
    background-size: 2276% 2048%;
    width: 25px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.logo-drupal {
    background-image: url(images/sprite.png);
    background-position: 0% 76.13882863340564%;
    background-size: 319.6629213483146% 1003.9215686274509%;
    width: 178px;
    height: 51px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.logo-joomla {
    background-image: url(images/sprite.png);
    background-position: 69.87951807228916% 0%;
    background-size: 240.08438818565403% 575.2808988764045%;
    width: 237px;
    height: 89px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.logo-magento {
    background-image: url(images/sprite.png);
    background-position: 60.10362694300518% 37.280701754385966%;
    background-size: 310.92896174863387% 914.2857142857142%;
    width: 183px;
    height: 56px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.logo-php {
    background-image: url(images/sprite.png);
    background-position: 0% 89.82300884955751%;
    background-size: 451.58730158730157% 853.3333333333334%;
    width: 126px;
    height: 60px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.logo-wordpress {
    background-image: url(images/sprite.png);
    background-position: 67.05202312138728% 21.184510250569478%;
    background-size: 255.15695067264573% 701.3698630136986%;
    width: 223px;
    height: 73px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .ico-arrow-right-large {
        background-image: url(images/sprite.@2x.png);
        background-position: 97.38372093023256% 60%;
        background-size: 1423.076923076923% 2287.5%;
        width: 26px;
        height: 16px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-availability-large {
        background-image: url(images/sprite.@2x.png);
        background-position: 46.12403100775194% 0%;
        background-size: 330.35714285714283% 326.7857142857143%;
        width: 112px;
        height: 112px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-builder-large {
        background-image: url(images/sprite.@2x.png);
        background-position: 0% 72.3076923076923%;
        background-size: 685.1851851851852% 892.6829268292684%;
        width: 54px;
        height: 41px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-calendar {
        background-image: url(images/sprite.@2x.png);
        background-position: 36.64596273291926% 71.42857142857143%;
        background-size: 770.8333333333333% 989.1891891891892%;
        width: 48px;
        height: 37px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-chart-large {
        background-image: url(images/sprite.@2x.png);
        background-position: 13.98176291793313% 99.6923076923077%;
        background-size: 902.4390243902438% 892.6829268292684%;
        width: 41px;
        height: 41px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-check-large {
        background-image: url(images/sprite.@2x.png);
        background-position: 99.70238095238095% 16.176470588235293%;
        background-size: 1088.235294117647% 1407.6923076923076%;
        width: 34px;
        height: 26px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-check {
        background-image: url(images/sprite.@2x.png);
        background-position: 98.82005899705014% 44.89795918367347%;
        background-size: 1193.5483870967741% 1591.304347826087%;
        width: 31px;
        height: 23px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-cloud {
        background-image: url(images/sprite.@2x.png);
        background-position: 97.667638483965% 36.09467455621302%;
        background-size: 1370.3703703703704% 1307.142857142857%;
        width: 27px;
        height: 28px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-commission {
        background-image: url(images/sprite.@2x.png);
        background-position: 97.38372093023256% 25.525525525525527%;
        background-size: 1423.076923076923% 1109.0909090909092%;
        width: 26px;
        height: 33px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-cpanel {
        background-image: url(images/sprite.@2x.png);
        background-position: 18.471337579617835% 71.42857142857143%;
        background-size: 660.7142857142857% 989.1891891891892%;
        width: 56px;
        height: 37px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-disk-2 {
        background-image: url(images/sprite.@2x.png);
        background-position: 85.76642335766424% 0%;
        background-size: 385.41666666666663% 717.6470588235294%;
        width: 96px;
        height: 51px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-disk-3-small {
        background-image: url(images/sprite.@2x.png);
        background-position: 0% 85.88957055214725%;
        background-size: 725.4901960784314% 915%;
        width: 51px;
        height: 40px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-disk-3 {
        background-image: url(images/sprite.@2x.png);
        background-position: 36.86131386861314% 40.893470790378004%;
        background-size: 385.41666666666663% 488%;
        width: 96px;
        height: 75px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-disk-1 {
        background-image: url(images/sprite.@2x.png);
        background-position: 85.76642335766424% 16.224188790560472%;
        background-size: 385.41666666666663% 1355.5555555555554%;
        width: 96px;
        height: 27px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-dollars {
        background-image: url(images/sprite.@2x.png);
        background-position: 31.5625% 59.45945945945946%;
        background-size: 740% 1109.0909090909092%;
        width: 50px;
        height: 33px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-facebook {
        background-image: url(images/sprite.@2x.png);
        background-position: 41.21212121212121% 99.38650306748467%;
        background-size: 925% 915%;
        width: 40px;
        height: 40px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-file-large {
        background-image: url(images/sprite.@2x.png);
        background-position: 85.41033434650456% 44.871794871794876%;
        background-size: 902.4390243902438% 677.7777777777777%;
        width: 41px;
        height: 54px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-gplus {
        background-image: url(images/sprite.@2x.png);
        background-position: 54.54545454545454% 99.38650306748467%;
        background-size: 925% 915%;
        width: 40px;
        height: 40px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-handshake {
        background-image: url(images/sprite.@2x.png);
        background-position: 17.29559748427673% 85.36585365853658%;
        background-size: 711.5384615384615% 963.1578947368421%;
        width: 52px;
        height: 38px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-handshake-hover,
    a:hover .ico-handshake,
    button:hover .ico-handshake,
    a.hover .ico-handshake,
    button.hover .ico-handshake,
    .ico-handshake.hover {
        background-image: url(images/sprite.@2x.png);
        background-position: 34.90566037735849% 85.36585365853658%;
        background-size: 711.5384615384615% 963.1578947368421%;
        width: 52px;
        height: 38px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-login-dark {
        background-image: url(images/sprite.@2x.png);
        background-position: 95.71428571428572% 72.41379310344827%;
        background-size: 1850% 2033.3333333333333%;
        width: 20px;
        height: 18px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-login {
        background-image: url(images/sprite.@2x.png);
        background-position: 95.71428571428572% 66.0919540229885%;
        background-size: 1850% 2033.3333333333333%;
        width: 20px;
        height: 18px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-message-large {
        background-image: url(images/sprite.@2x.png);
        background-position: 47.256097560975604% 59.45945945945946%;
        background-size: 880.952380952381% 1109.0909090909092%;
        width: 42px;
        height: 33px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-phone-large {
        background-image: url(images/sprite.@2x.png);
        background-position: 50.30120481927711% 85.36585365853658%;
        background-size: 973.6842105263157% 963.1578947368421%;
        width: 38px;
        height: 38px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-play-large {
        background-image: url(images/sprite.@2x.png);
        background-position: 0% 0%;
        background-size: 321.7391304347826% 318.2608695652174%;
        width: 115px;
        height: 115px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-r-1-large {
        background-image: url(images/sprite.@2x.png);
        background-position: 73.4375% 27.21518987341772%;
        background-size: 740% 732%;
        width: 50px;
        height: 50px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-server-large {
        background-image: url(images/sprite.@2x.png);
        background-position: 0% 100%;
        background-size: 880.952380952381% 871.4285714285713%;
        width: 42px;
        height: 42px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-ssd {
        background-image: url(images/sprite.@2x.png);
        background-position: 71.64634146341463% 45.60260586319218%;
        background-size: 880.952380952381% 620.3389830508474%;
        width: 42px;
        height: 59px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-storage-large {
        background-image: url(images/sprite.@2x.png);
        background-position: 0% 46.8503937007874%;
        background-size: 381.4432989690722% 326.7857142857143%;
        width: 97px;
        height: 112px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-support-large {
        background-image: url(images/sprite.@2x.png);
        background-position: 87.57575757575758% 26.959247648902824%;
        background-size: 925% 778.7234042553192%;
        width: 40px;
        height: 47px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-thunder-large {
        background-image: url(images/sprite.@2x.png);
        background-position: 100% 0%;
        background-size: 1057.142857142857% 717.6470588235294%;
        width: 35px;
        height: 51px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-twitter {
        background-image: url(images/sprite.@2x.png);
        background-position: 27.659574468085108% 99.38650306748467%;
        background-size: 902.4390243902438% 915%;
        width: 41px;
        height: 40px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-x {
        background-image: url(images/sprite.@2x.png);
        background-position: 97.10144927536231% 53.0791788856305%;
        background-size: 1480% 1464%;
        width: 25px;
        height: 25px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
}

.cols:after {
    content: '';
    line-height: 0;
    display: table;
    clear: both;
}


/* ------------------------------------------------------------ *\
	I.   Generic
\* ------------------------------------------------------------ */


/* ------------------------------------------------------------ *\
	Reset
\* ------------------------------------------------------------ */

*,
*:before,
*:after {
    padding: 0;
    margin: 0;
    outline: 0;
    box-sizing: border-box;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
main {
    display: block;
}

html {
    tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /*-webkit-text-stroke: 0.45px rgba(0, 0, 0, 0.1);*/
    -webkit-text-size-adjust: 100%;
}

img,
iframe,
video,
audio,
object {
    max-width: 100%;
}

img,
iframe {
    border: 0 none;
}

img {
    height: auto;
    display: inline-block;
    vertical-align: middle;
}

b,
strong {
    font-weight: bold;
}

address {
    font-style: normal;
}

svg:not(:root) {
    overflow: hidden;
}

a,
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
input[type="file"],
input[type="image"],
label[for] {
    cursor: pointer;
}

a[href^="tel"],
button[disabled],
input[disabled],
textarea[disabled],
select[disabled] {
    cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    border: 0;
}

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea,
a[href^="tel"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

textarea {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

button,
select {
    text-transform: none;
}

table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

nav ul,
nav ol {
    list-style: none outside none;
}


/* ------------------------------------------------------------ *\
	Base
\* ------------------------------------------------------------ */

body {
    min-width: 320px;
    background: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 1.3;
    color: #282828;
    min-width: 1150px;
}

a {
    color: inherit;
    text-decoration: underline;
}

a:hover {
    text-decoration: none;
    outline: none;
}

a[href^="tel"] {
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 0.65em;
}

h1 {
    font-size: 44px;
}

h2 {
    font-size: 40px;
}

h3 {
    font-size: 35px;
}

h4 {
    font-size: 30px;
}

h5 {
    font-size: 25px;
}

h6 {
    font-size: 20px;
}

p,
ul,
ol,
dl,
table,
blockquote {
    margin-bottom: 1.3em;
}

h1[class],
h2[class],
h3[class],
h4[class],
h5[class],
h6[class],
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child,
ul:last-child,
ol:last-child,
dl:last-child,
table:last-child,
blockquote:last-child {
    margin-bottom: 0;
}

.ico-billing {
    background: url(../css/images/temp/ico-billing@2x.png) no-repeat 0 0;
    width: 38px;
    height: 38px;
    display: inline-block;
    vertical-align: middle;
    background-size: cover;
}

a.hover .ico-billing,
a:hover .ico-billing {
    background: url(../css/images/temp/ico-billing_hover@2x.png) no-repeat 0 0;
    background-size: cover;
}


/* ------------------------------------------------------------ *\
	Fonts
\* ------------------------------------------------------------ */


/* ------------------------------------------------------------ *\
	Helpers
\* ------------------------------------------------------------ */


/*  Clear  */

.clear:after {
    content: '';
    line-height: 0;
    display: table;
    clear: both;
}


/*  Notext  */

.notext {
    white-space: nowrap;
    text-indent: 100%;
    text-shadow: none;
    overflow: hidden;
}

.notext-old {
    font-size: 0;
    line-height: 0;
    text-indent: -4000px;
}


/*  Hidden  */

[hidden],
.hidden {
    display: none;
}


/*  Alignleft  */

.alignleft {
    float: left;
}


/*  Alignright  */

.alignright {
    float: right;
}


/*  Text Align  */

.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}


/*  Disabled  */

[disabled],
.disabled {
    cursor: default;
}


/*  Grid  */

.cols {
    margin: 0 -15px;
}

.cols:after {}

.col {
    float: left;
    width: 100%;
    padding: 0 15px;
}

.col-1of2 {
    width: 50%;
}


/*  Responsive Helpers  */

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
    display: none !important;
}

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important;
    }
    .visible-xs-block {
        display: block !important;
    }
    .visible-xs-inline {
        display: inline !important;
    }
    .visible-xs-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .hidden-sm {
        display: none !important;
    }
    .visible-sm-block {
        display: block !important;
    }
    .visible-sm-inline {
        display: inline !important;
    }
    .visible-sm-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 1024px) and (max-width: 1200px) {
    .hidden-md {
        display: none !important;
    }
    .visible-md-block {
        display: block !important;
    }
    .visible-md-inline {
        display: inline !important;
    }
    .visible-md-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 1201px) {
    .hidden-lg {
        display: none !important;
    }
    .visible-lg-block {
        display: block !important;
    }
    .visible-lg-inline {
        display: inline !important;
    }
    .visible-lg-inline-block {
        display: inline-block !important;
    }
}

.accordion ::-webkit-scrollbar {
    width: 5px;
}

.accordion ::-webkit-scrollbar-track {
    background: #efefef;
    border-radius: 10px;
}

.accordion ::-webkit-scrollbar-thumb {
    border-radius: 0;
    background: #ccc;
}


/* ------------------------------------------------------------ *\
	II.  Regions
\* ------------------------------------------------------------ */


/* ------------------------------------------------------------ *\
	Container
\* ------------------------------------------------------------ */

.container {}


/* ------------------------------------------------------------ *\
	Content
\* ------------------------------------------------------------ */

.content {}


/* ------------------------------------------------------------ *\
	Footer
\* ------------------------------------------------------------ */

.footer {}

.footer .phone {
    font-weight: 500;
    font-size: 35px;
    color: #fff;
    line-height: 1;
    margin-bottom: 18px;
}

.footer .phone a {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.footer .phone a i {
    margin-right: 27px;
    margin-top: 4px;
}

.footer-section {
    background: #293339;
    color: #fff;
    padding: 72px 0 50px;
}

.footer-section h5 {
    font-weight: 500;
    color: #27b467;
    margin-bottom: 25px;
}

.footer-cols {
    margin: 0 -15px;
}

.footer-cols:after {
    content: '';
    line-height: 0;
    display: table;
    clear: both;
}

.footer-col {
    padding: 0 15px;
    float: left;
}

.footer-col-size1 {
    width: 25%;
}

.footer-col-size2 {
    width: 20.5%;
}

.footer-col-size3 {
    width: 21%;
}

.footer-col-size4 {
    width: 33.5%;
}

.footer-bar {
    background: #1f282e;
    padding: 15px 0;
}

.footer-bar .shell {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.footer-bar .copyright {
    font-size: 16px;
    line-height: 1.88em;
    font-weight: 300;
    color: #fff;
    margin-bottom: 0;
}

.footer-nav ul {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.footer-nav li+li {
    margin-left: 20px;
}

.footer-nav a {
    display: block;
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    line-height: 1.88em;
    text-decoration: none;
    transition: opacity .3s;
}

.footer-nav a:hover {
    opacity: .8;
}


/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */

.header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
}

.header-static {
    position: relative;
}

.header .header-inner {
    padding: 23px 0;
    border-top: 1px solid rgba(255, 255, 255, .1);
}

.header.header-static .header-inner {
    background: linear-gradient(to bottom, rgba(242, 242, 242, 1) 0%, rgba(255, 255, 255, 1) 10%);
}

.header .header-inner .shell {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}


/* ------------------------------------------------------------ *\
	Main
\* ------------------------------------------------------------ */

.main {}


/* ------------------------------------------------------------ *\
	Shell
\* ------------------------------------------------------------ */

.shell {
    width: 100%;
    max-width: 1140px;
    padding-left: 15px;
    padding-right: 15px;
    margin: auto;
}

.shell-fluid {
    max-width: none;
}


/* ------------------------------------------------------------ *\
	Sidebar
\* ------------------------------------------------------------ */

.sidebar {}


/* ------------------------------------------------------------ *\
	Wrapper
\* ------------------------------------------------------------ */

.wrapper {
    min-height: 100vh;
}


/* ------------------------------------------------------------ *\
	III. Modules
\* ------------------------------------------------------------ */


/* ------------------------------------------------------------ *\
	Accordion
\* ------------------------------------------------------------ */

.accordion dl {
    margin-bottom: 18px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.accordion dt,
.accordion dd {
    font-size: 18px;
    line-height: 1.44em;
    color: #293339;
}

.accordion dt {
    width: 31%;
    font-weight: 400;
}

.accordion dd {
    width: 60%;
    font-weight: 300;
}

.accordion-body {
    display: none;
    padding-top: 4px;
    padding-bottom: 20px;
}

.accordion-body-inner {
    padding: 43px 31px 44px 42px;
    border: 1px solid #eaeaea;
    background: #fbfbfb;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-radius: 3px;
}

.accordion-body-inner:after,
.accordion-body-inner:before {
    position: absolute;
    bottom: 90%;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    opacity: 0;
    transition: bottom .6s, opacity .1s;
}

.accordion-expanded .accordion-body-inner:after,
.accordion-expanded .accordion-body-inner:before {
    bottom: 100%;
    opacity: 1;
}

.accordion-body-inner:before {
    left: 46px;
    border-width: 0 17px 15px 17px;
    border-color: transparent transparent #eaeaea transparent;
}

.accordion-body-inner:after {
    left: 47px;
    border-width: 0 16px 14px 16px;
    border-color: transparent transparent #fbfbfb transparent;
}

.accordion-body-content {
    width: 468px;
    position: relative;
    padding-bottom: 70px;
}

.accordion-body-content h5 {
    font-size: 23px;
    font-weight: 500;
    color: #27b467;
    line-height: 1;
    margin: 0 0 30px;
}

.accordion-actions {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.accordion-body-description {
    width: 510px;
    position: relative;
}

.accordion-body-description:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: calc(100% - 5px);
    content: '';
    height: 75px;
    background: linear-gradient(to bottom, rgba(251, 251, 251, 0.1), rgba(251, 251, 251, 1));
}

.accordion-body-description-inner {
    height: 385px;
    padding-right: 30px;
    overflow-y: scroll;
}

.accordion-body-description p,
.accordion-body-description h6 {
    color: #293339;
    font-size: 18px;
    line-height: 1.44em;
}

.accordion-body-description h6 {
    font-weight: 400;
    margin: 0 0 5px;
}

.accordion-body-description p {
    font-weight: 300;
    margin-bottom: 40px;
    line-height: 1.45em;
}

.accordion-body-description ul {}

.accordion-body-description li {
    color: #293339;
    font-size: 18px;
    line-height: 1.67em;
    font-weight: 300;
    position: relative;
    padding-left: 13px;
}

.accordion-body-description li:before {
    position: absolute;
    top: 10px;
    left: 0;
    content: '';
    background: #293339;
    width: 4px;
    height: 4px;
    border-radius: 50%;
}

.accordion-head {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 20px 0;
    cursor: pointer;
}

.accordion-head ul {
    width: 51.5%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    list-style-type: none;
    margin-top: 0px;
    line-height: 1;
}

.accordion-head li {
    opacity: .5;
    width: 50%;
    transition: opacity .3s;
    font-size: 18px;
}

.accordion-expanded .accordion-head li {
    opacity: 1;
}

.accordion-title {
    width: 42.7%;
}

.accordion-title h5 {
    font-size: 23px;
    font-weight: 500;
    color: #293339;
    line-height: 1;
    margin: 0;
    transition: color .3s;
}

.accordion-expanded .accordion-title h5 {
    color: #27b467;
}

.accordion-title p {
    opacity: .5;
    font-size: 18px;
    font-weight: 400;
}

.accordion-expanded .accordion-title p {
    opacity: 1;
}


/* ------------------------------------------------------------ *\
	Archives
\* ------------------------------------------------------------ */

.archives {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 650px;
    list-style: none;
    margin: auto;
}

.archives h5 {
    font-size: 25px;
    color: #27b467;
    text-align: center;
    margin-bottom: 4px;
}

.archives p {
    text-align: center;
    font-size: 25px;
    margin-bottom: 0;
    font-weight: 300;
}

.archives p+p {
    padding-top: 0;
}

.archives p a {
    font-size: 18px;
    font-weight: 400;
    display: block;
    padding: 11px 0;
}

.archives p a.green-btn {
    background: #27b467;
    color: #fff;
}

.archives p a.green-btn:hover {
    background: rgb(71, 191, 126);
}

.archives .archive-content {
    padding: 29px 0 20px;
}

.archives .archive-content p+p {
    padding-top: 11px;
}

.archives .btn-primary {
    padding-left: 0;
    padding-right: 0;
    display: block;
    width: 100%;
    text-align: center;
    border-bottom: 0;
    text-transform: none;
}

.archives .btn-primary i {
    margin-right: 14px;
}

.archives .archive {
    width: 50%;
    max-width: 288px;
}


/* ------------------------------------------------------------ *\
	Bar
\* ------------------------------------------------------------ */

.bar .bar-inner {
    padding: 30px 31px 30px 34px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 3px;
}

.bar-green h5 {
    color: #fff;
    font-weight: 400;
    margin: 0;
}

.bar-green .bar-inner {
    background: #27b467;
}

.bar-green .btn-medium-alt {
    padding-left: 40px;
    padding-right: 40px;
}


/* ------------------------------------------------------------ *\
	Bar Cta
\* ------------------------------------------------------------ */

.bar-cta .bar-inner {
    margin-top: -53px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .1);
}


/* ------------------------------------------------------------ *\
	Box
\* ------------------------------------------------------------ */

.box-grid {
    padding: 0 5px;
    overflow-x: hidden;
}

.box-image,
.box-content {
    width: 50%;
    padding: 0 5px;
}

.box-image {}

.box-image img {
    width: 100%;
    height: auto;
}

.box-row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -10px;
}

.box-row-reverse {
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.box-row .box-content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.box-row-reverse .box-content {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.box-content p {
    font-size: 20px;
    line-height: 1.3;
}

.box-content h4 {
    font-weight: 700;
    color: #27b467;
    margin-bottom: 25px;
}

.box-row .box-content-inner {
    max-width: 570px;
    padding-right: 15px;
    padding-left: 58px;
    padding-top: 50px;
}

.box-row-reverse .box-content-inner {
    padding-left: 46px;
    padding-right: 62px;
}


/* Small Desktop */


/* ------------------------------------------------------------ *\
	Button
\* ------------------------------------------------------------ */

.btn {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.btn-green,
.btn-green-alt {
    background: #27b467;
    color: #fff;
    transition: background-color .3s;
    font-family: 'Roboto', sans-serif;
}

.btn-green-alt:hover {
    background: #118646;
    color: #fff
}

.btn-green {
    background: #1fa45b;
}

.btn-green.btn-medium {
    font-weight: 700;
    font-size: 20px;
    padding: 0 28px;
}

.btn-green:hover {
    background: #118646 !important;
    color: #fff !important
}

.btn-white {
    background: #fff;
    color: #27b467;
    transition: background-color .3s;
}

.btn-white:hover {
    background: rgba(255, 255, 255, .8);
}

.btn-medium {
    padding: 0 23px;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    border-radius: 3px;
}

.btn-medium i {
    margin-right: 11px;
}

.btn-medium-alt {
    height: 46px;
    line-height: 46px;
    padding: 0 23px;
    border-radius: 3px;
    text-transform: uppercase;
}

.btn-large {
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    font-weight: 500;
}


/*  Button Block  */

.btn-block {
    display: block;
    padding-left: 0;
    padding-right: 0;
}


/* Button play */

.btn-play {
    text-align: center;
    text-decoration: none;
}

.btn-play span {
    display: block;
    font-size: 18px;
    color: #fff;
    margin-top: 20px;
}


/* btn primary */

.btn-primary {
    background: none;
    font-size: 18px;
    color: #fff;
    padding: 14px 26px;
    text-decoration: none;
    display: inline-block;
    text-transform: uppercase;
    border-radius: 3px;
    border-bottom: 4px solid #e3e3e3;
}


/* btn transparent */

.btn-transparent {
    background: none;
    border: 2px solid #293339;
    border-radius: 3px;
    color: #293339;
    text-transform: none;
    font-size: 18px;
    padding: 11px 45px;
    font-weight: 500;
}

.btn-transparent:hover {
    color: #27b467;
    border-color: #27b467;
}


/* ------------------------------------------------------------ *\
	Form Elements
\* ------------------------------------------------------------ */

input::-webkit-input-placeholder {
    color: inherit;
    opacity: 1;
}

input::-moz-placeholder {
    color: inherit;
    opacity: 1;
}

input:-ms-input-placeholder {
    color: inherit;
    opacity: 1;
}

input::placeholder {
    color: inherit;
    opacity: 1;
}

textarea::-webkit-input-placeholder {
    color: inherit;
    opacity: 1;
}

textarea::-moz-placeholder {
    color: inherit;
    opacity: 1;
}

textarea:-ms-input-placeholder {
    color: inherit;
    opacity: 1;
}

textarea::placeholder {
    color: inherit;
    opacity: 1;
}

input:-webkit-autofill {
    -webkit-text-fill-color: inherit;
    -webkit-box-shadow: 0 0 0 1000px #fff inset;
}

.checkbox {
    font-size: 18px;
}

.checkbox input {
    display: none;
}

.checkbox input+label {
    padding-left: 33px;
    position: relative;
    font-weight: 300;
}

.checkbox input+label:before {
    content: '';
    width: 20px;
    height: 20px;
    background: #27b467;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 3px;
}

.checkbox input:checked+label:after {
    content: '';
    display: inline-block;
    background: url(../css/images/temp/ico-check.png) no-repeat 0 0;
    width: 12px;
    height: 9px;
    position: absolute;
    top: 6px;
    left: 4px;
}


/* ------------------------------------------------------------ *\
	Form
\* ------------------------------------------------------------ */

.form-login {}

.form-login input.field {
    width: 100%;
    border: 1px solid #ddd;
    padding: 12px 0 12px 18px;
    font-size: 20px;
    color: #b1b1b1;
}

.form-login .form-row-primary {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 20px;
}

.form-login .link-reset {
    font-size: 18px;
    font-weight: 300;
    margin-right: 5px;
}

.form-login .link-reset:hover {
    text-decoration: none;
}

.form-login .form-actions {
    padding-top: 37px;
}

.form-login .form-btn {
    background: #27b467;
    display: block;
    width: 100%;
    border: 0;
    font-size: 18px;
    color: #fff;
    padding: 14px 0;
    border-radius: 3px;
    text-transform: uppercase;
}

.form-login .form-btn:hover {
    background: #138e4b;
}


/* ------------------------------------------------------------ *\
	Info
\* ------------------------------------------------------------ */

.info {
    text-align: center;
    padding-top: 50px;
    padding-bottom: 30px;
}

.info p {
    margin-top: 15px;
    font-size: 20px;
    line-height: 1.5;
    font-weight: 300;
}


/* ------------------------------------------------------------ *\
	Info Box
\* ------------------------------------------------------------ */

.info-box {
    width: 100%;
}

.info-box-legend {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    list-style: none outside none;
    padding-left: 80px;
    margin-bottom: 32px;
}

.info-box-legend li+li {
    margin-left: 40px;
}

.info-box-legend-green,
.info-box-legend-dark {
    position: relative;
    padding-left: 26px;
    font-size: 18px;
    color: #293339;
}

.info-box-legend-green:before,
.info-box-legend-dark:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 16px;
    height: 16px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.info-box-legend-dark:before {
    background-color: #293339;
}

.info-box-legend-green:before {
    background-color: #2bb566;
}

.info-box-cols {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.info-box-col {
    width: 540px;
    padding-left: 80px;
}

.info-box .info-box-title {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 32px;
    color: #27b467;
    font-weight: 500;
}

.info-box .info-box-title i+i {
    margin-left: 9px;
}

.info-box .info-box-title span {
    margin-left: 16px;
}

.info-box-bars {
    position: relative;
    margin-bottom: 14px;
}

.info-box-bars>span {
    position: absolute;
    top: 50%;
    right: 100%;
    margin: -2px 15px 0 0;
    font-size: 15px;
    color: #8e8e8e;
    white-space: nowrap;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.info-box-bars-dark {
    height: 16px;
    padding: 0 4px;
    margin-bottom: 2px;
    background-color: #293339;
    font-size: 14px;
    color: #fff;
    text-align: right;
}

.info-box-bars-green {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-size: 14px;
    color: #2bb566;
    text-align: right;
    white-space: nowrap;
}

.info-box-bars-green>span:first-child {
    width: calc(100% - 127px);
    margin-right: 17px;
    background-color: currentColor;
}

.info-box-bars-green>span {
    width: 110px;
    text-align: left;
}


/* ------------------------------------------------------------ *\
	Intro
\* ------------------------------------------------------------ */

.intro {
    height: 467px;
    padding-top: 71px;
    background-position: center center;
    background-size: cover;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.intro .intro-content {
    max-width: 800px;
    color: #fff;
    padding-top: 12px;
}

.intro h2 {
    font-weight: 500;
    line-height: 1.25em;
    margin-bottom: 12px;
}

.intro p {
    font-weight: 300;
    font-size: 20px;
    line-height: 1.5em;
    margin-bottom: 35px;
}

.intro p span {
    color: #2cbc72;
}

.intro+.section-packages {
    margin-top: -56px;
}

.intro-home h2 {
    font-size: 40px;
    font-weight: 400;
}

.intro-home {
    height: 658px;
    border-bottom: 16px solid #1fa45b;
}

.intro-home .intro-content {
    max-width: 800px;
}

.intro-home .intro-content .btn {
    font-weight: 400;
    min-width: 193px;
}

.intro-home .intro-content .btn+.btn {
    border: 1px solid #fff;
    margin-left: 19px;
}

.intro-home .intro-content .btn+.btn:hover {
    background: #fff;
    color: #1fa45b;
}

.section-packages .btn-transparent {
    background: none !important;
}


/* ------------------------------------------------------------ *\
	List
\* ------------------------------------------------------------ */

[class^="list-"] {
    list-style: none outside none;
}


/* ------------------------------------------------------------ *\
	List Links
\* ------------------------------------------------------------ */

.list-links a {
    color: #fff;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.69em;
    transition: opacity .3s;
    text-decoration: none;
}

.list-links a:hover {
    opacity: .8;
}


/* ------------------------------------------------------------ *\
	List Benefits
\* ------------------------------------------------------------ */

.list-benefits {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.list-benefits li {
    margin-bottom: 20px;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
}

.list-benefits span {
    height: 37px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 37px;
}

.list-benefits h5 {
    font-weight: 700;
    color: #1fa45b;
    margin: 0 0 0px;
}

.list-benefits h5 a {
    text-decoration: none;
}

.list-benefits small {
    font-size: 15px;
    line-height: 1.8em;
    font-weight: 300;
    color: #293339;
    text-transform: uppercase;
}

.list-benefits-primary span {
    height: 114px
}

.list-benefits-primary h5 {
    margin-bottom: 20px;
}

.list-benefits-primary li {
    padding: 0 30px;
}

.list-benefits-primary p {
    color: #282828;
    font-size: 18px;
    line-height: 1;
    font-weight: 500;
}


/* ------------------------------------------------------------ *\
	List Features
\* ------------------------------------------------------------ */

.list-features {
    margin: 0 -15px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    color: #fff;
}

.list-features li {
    padding: 0 15px 0 80px;
    margin-bottom: 63px;
    position: relative;
    width: 33.33%;
}

.list-features p {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.25em;
}

.list-features span {
    position: absolute;
    left: 15px;
    top: -13px;
    height: 54px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.list-features h5 {
    font-weight: 400;
    margin: 0 0 15px;
}

.list-features h5 a {
    text-decoration: none;
}


/* ------------------------------------------------------------ *\
	List Question
\* ------------------------------------------------------------ */

.list-questions {
    margin: 0 -15px;
    color: #293339;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.list-questions li {
    margin: 23px 0;
    padding: 0 38px 0 15px;
    width: 50%;
}

.list-questions h5 {
    font-weight: 400;
    margin: 0 0 22px;
    letter-spacing: 0.007em;
}

.list-questions p {
    font-size: 18px;
    font-weight: 300;
    line-height: 1.3em;
    letter-spacing: 0.005em;
}

.list-questions-secondary li {
    padding-right: 16px;
}


/* ------------------------------------------------------------ *\
	List updates
\* ------------------------------------------------------------ */

.list-updates {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 14px;
}

.list-updates li+li {
    padding-left: 35px;
}

.list-updates a {
    font-size: 18px;
    color: #27b467;
}


/* ------------------------------------------------------------ *\
	List contacts
\* ------------------------------------------------------------ */

.list-contacts {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.list-contacts li {
    width: 45%;
    font-size: 20px;
}

.list-contacts li:last-child {
    width: 55%;
}

.list-contacts li span {
    display: inline-block;
    width: 70px;
}

.list-contacts li a {
    text-decoration: none;
}


/* ------------------------------------------------------------ *\
	List toggle
\* ------------------------------------------------------------ */

.list-toggle,
.domain-bar {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background: #e9e9e9;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
}

.list-toggle li,
.domain-bar li {
    width: 50%;
    text-align: center;
}

.list-toggle a,
.domain-bar a {
    font-size: 18px;
    color: #797979;
    font-weight: 500;
    text-decoration: none;
    text-transform: uppercase;
    padding: 13px 0;
    display: inline-block;
    display: block;
    border-radius: 3px;
    margin: 3px;
}

.list-toggle .current a:hover,
.list-toggle .current a,
.domain-bar .current a {
    background: #27b467;
    color: #fff;
}

.list-toggle a:hover,
.domain-bar a:hover {
    background: #f4f4f4;
    color: #282828
}


/* ------------------------------------------------------------ *\
	List bullets
\* ------------------------------------------------------------ */

.list-bullets li {
    padding-left: 4px;
    position: relative;
    font-size: 20px;
    font-weight: 300;
}

.list-bullets li+li {
    margin-top: 4.5px;
}

.list-bullets li:before {
    content: '';
    width: 4px;
    height: 4px;
    background: #000;
    display: inline-block;
    border-radius: 50%;
    position: relative;
    top: -4px;
    margin-right: 4px;
}


/* ------------------------------------------------------------ *\
	List info
\* ------------------------------------------------------------ */

.list-info {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.list-info li {
    width: 50%;
    padding-bottom: 10px;
    font-size: 18px;
    color: #293339;
}

.list-info i {
    margin-right: 10px;
}


/* ------------------------------------------------------------ *\
	list package features
\* ------------------------------------------------------------ */

.list-package-features li {
    font-size: 17px;
}

.list-package-features li+li {
    padding-top: 10px;
}

.list-package-features li span {
    color: #27b467;
    font-weight: 500;
}


/* ------------------------------------------------------------ *\
	List logos
\* ------------------------------------------------------------ */

.list-logos {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}


/* ------------------------------------------------------------ *\
	List checks
\* ------------------------------------------------------------ */

.list-checks li {
    padding-left: 26px;
    position: relative;
    font-size: 18px;
}

.list-checks li+li {
    margin-top: 15px;
}

.list-checks li:before {
    content: '';
    background: url(../css/images/temp/ico-check-green.png) no-repeat 0 0;
    width: 16px;
    height: 11px;
    display: inline-block;
    position: absolute;
    top: 5px;
    left: 0;
}


/* ------------------------------------------------------------ *\
	Login
\* ------------------------------------------------------------ */

.login h1 {
    text-align: center;
}

.login .login-head {
    margin-bottom: 44px;
}

.login .login-body h5 {
    text-align: center;
    color: #27b467;
    margin-bottom: 26px;
}

.login .login-body p {
    font-size: 18px;
    line-height: 1.44;
    font-weight: 300;
}

.login .login-actions {
    padding-top: 47px;
}

.login-toggle {
    display: none;
}

.login-toggle.active {
    display: block;
}


/* ------------------------------------------------------------ *\
	Logo
\* ------------------------------------------------------------ */

.logo {}


/* ------------------------------------------------------------ *\
	Map
\* ------------------------------------------------------------ */

.map {
    width: 644px;
    height: 473px;
    background: #ccc;
}


/* ------------------------------------------------------------ *\
	Nav
\* ------------------------------------------------------------ */

.nav {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: 'Lato', sans-serif;
    color: #293339;
}

.nav-white {
    color: #fff;
}

.nav ul {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0;
}

.nav li {
    margin-right: 26px;
}

.nav li a {
    font-size: 16px;
    line-height: 1;
    color: inherit;
    text-decoration: none;
    transition: opacity .3s;
}

.nav li a:hover {
    opacity: .8;
}


/* ------------------------------------------------------------ *\
	Nav Utilities
\* ------------------------------------------------------------ */

.nav-utilities {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 13px 0 19px;
    font-family: 'Lato', sans-serif;
    color: #30393f;
}

.nav-utilities-white {
    color: #fff;
}

.nav-utilities>ul {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0;
}

.nav-utilities>ul>li+li {
    margin-left: 16px;
}

.nav-utilities>ul>li a {
    font-size: 16px;
    line-height: 1.13em;
    display: block;
    text-decoration: none;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    transition: color .3s;
    color: inherit;
}

.nav-utilities>ul>li.current>a,
.nav-utilities>ul>li>a:hover {
    color: #27b467;
}

.nav-utilities>ul>li>a i {
    margin-right: 8px;
}

.nav-utilities>ul:last-child li:first-child {
    margin-top: 8px;
}


/* ------------------------------------------------------------ *\
	Packages
\* ------------------------------------------------------------ */

.packages {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    list-style: none;
}

.packages .package {
    width: 50%;
    border: 2px solid #eaeaea;
    text-align: center;
    padding: 59px 0;
    background: #fff;
}

.packages .package+.package {
    margin-left: 21px;
}

.packages h4 {
    position: relative;
    margin-bottom: 12px;
}

.packages h4:after {
    content: '';
    width: 66px;
    height: 2px;
    display: inline-block;
    position: absolute;
    bottom: -8px;
    left: 50%;
    margin-left: -33px;
    background: #e6e8ec;
}

.packages .package-price {
    position: relative;
}

.packages .package-price small {
    font-size: 20px;
    position: relative;
    top: -13px;
    font-weight: bold
}

.packages .package-price strong {
    font-size: 40px;
}

.packages .package-price p {
    position: relative;
    margin-top: -5px;
    font-size: 17px;
    color: #bfc2c4;
    font-weight: 300;
}

.packages .package-body {
    padding-top: 30px;
}

.packages .package-body p {
    font-weight: 300;
}

.packages .package-actions {
    padding-top: 56px;
}

.packages .package-actions .green-btn {
    min-width: 185px;
}

.packages .package-icon {
    height: 75px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.packages .package-highlight h4,
.packages .package-highlight .package-price strong,
.packages .package-highlight .package-price small,
.packages .package-highlight .btn-primary {
    color: #27b467;
    border-color: #27b467;
}

.packages .package .package-body {
    padding-top: 37px;
}

.packages-primary .package {
    padding: 28px 0 40px 0;
}

.packages-primary .package .package-body {
    padding-top: 18px;
}

.packages-primary .package .package-icon {
    padding-top: 30px;
    margin-bottom: 20px;
}

.packages-primary .package .package-actions {
    padding-left: 38px;
    padding-right: 38px;
}

.packages-primary .package .package-actions .btn {
    display: block;
    color: #27b467;
    border-color: #27b467;
}

.packages-primary .package .package-actions .btn:hover {
    color: #fff;
    border-color: #27b467;
    background: #27b467;
}

.packages-primary .package .package-actions {
    padding-top: 43px;
}

.packages-primary+.info {
    padding-top: 33px;
    padding-bottom: 65px;
}

.packages-primary+.info p {
    margin-top: 18px;
}


/* Packages secondary */

.packages .package-green h4 {
    color: #27b467;
}

.packages .package-blue h4 {
    color: #1373bd;
}

.packages .list-package-features {
    padding-top: 25px;
}

.packages-primary .list-package-features {
    padding-top: 28px;
}

.packages-secondary .package {
    padding: 25px 0 34px 0;
}

.packages-secondary .package-actions {
    padding-left: 38px;
    padding-right: 38px;
}

.packages-secondary .btn-primary {
    color: #27b467;
    border-color: #27b467;
    display: block;
}

.packages-secondary .btn-primary:hover {
    background: #27b467;
    color: #fff;
}

.packages-secondary h4 {
    margin-bottom: 15px;
}

.packages-secondary .package .package-body {
    padding-top: 16px;
}

.packages-secondary .package .package-actions {
    padding-top: 40px;
}

.packages-secondary .package .package-body p {
    font-size: 17px;
}


/* packages products */

.packages-products .package+.package {
    margin-left: 0;
    border-left: 2px solid #eaeaea;
}

.packages-products {
    border: 2px solid #eaeaea;
}

.packages-products .package {
    padding: 47px 10px;
    border: 0;
}

.packages-products .package h4 {
    color: #27b467;
    margin-bottom: 9px;
}

.packages-products .package .btn {
    color: #27b467;
    border-color: currentColor;
}

.packages-products .package .btn:hover {
    background: #27b467;
    color: #fff;
}

.packages-products .package-main {
    color: #fff;
    position: relative;
    background: none;
    z-index: 50;
}

.packages-products .package-main h4 {
    color: #fff;
}

.packages-products .package-main:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: #1fa45b;
    position: absolute;
    top: -10px;
    left: -10px;
    border: 10px solid #1fa45b;
    box-sizing: content-box;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
    z-index: -1;
}

.packages-products .package-main .btn {
    color: #fff;
}

.packages-products .package-actions {
    padding-top: 47px;
}


/* ------------------------------------------------------------ *\
	Progress
\* ------------------------------------------------------------ */

.progress ul {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.progress li {
    width: 20px;
    height: 20px;
    background: #27b467;
    position: relative;
}

.progress li.current {
    background: #27b467;
}

.progress li.current:before {
    content: '';
    background: url(../css/images/temp/ico-progress-indicator.png) no-repeat 0 0;
    width: 13px;
    height: 8px;
    display: inline-block;
    position: absolute;
    top: -17px;
    left: 50%;
    margin-left: -7px;
}

.progress li.current~li {
    background: #e3e3e3;
}

.progress li+li {
    margin-left: 6px;
}


/* ------------------------------------------------------------ *\
	Review
\* ------------------------------------------------------------ */

.review {
    background: #f9f9f9;
    border-radius: 6px;
    padding: 32px;
    position: relative;
}

.review h6 {
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 500;
    position: relative;
    top: -3px;
}

.review .review-head {
    position: relative;
}

.review .review-head p {
    font-size: 16px;
    color: #86939e;
}

.review .review-body p {
    font-size: 17px;
    line-height: 1.47;
}

.review .link-social {
    position: absolute;
    top: 0;
    right: 8px;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    color: #86939e;
    text-decoration: none;
}

.review .link-social:hover {
    color: #000;
}

.review .link-social i {
    margin-left: 8px;
}


/* ------------------------------------------------------------ *\
	Section-About
\* ------------------------------------------------------------ */

.section-about .section-head {
    min-height: 394px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.section-about .section-head-inner {
    color: #282828;
    max-width: 540px;
}

.section-about .section-head p,
.section-about .section-head h1 {
    color: inherit;
}

.section-about .section-head p {
    font-size: 20px;
    line-height: 1.3em;
    margin-bottom: 13px;
}

.section-about .section-head h1 {
    line-height: 1.16em;
    margin-bottom: 30px;
}


/* Sectopm about secondary */

.section-about-secondary {
    border-top: 2px solid #d0d2d3;
    border-bottom: 2px solid #d0d2d3;
    margin-top: 110px;
    padding-bottom: 80px;
}

.section-about-secondary h1 {
    font-size: 40px;
    font-weight: 400;
}

.section-about-secondary h4 {
    margin-bottom: 0;
    font-size: 35px;
    font-weight: 500;
}

.section-about-secondary .section-head-inner {
    max-width: 100%;
}

.section-about-secondary .section-head {
    min-height: 1px;
    padding-top: 85px;
    padding-bottom: 100px;
}

.section-about-secondary .box-head {
    margin-bottom: 22px;
    padding-left: 18px;
    border-left: 1px solid #d0d2d3;
}

.section-about-secondary .box-head p {
    font-size: 25px;
    color: #282828;
}

.section-about-secondary .box-row-reverse .box-content-inner {
    padding-left: 0;
    padding-right: 0;
}

.section-about-secondary .box-row {
    padding-bottom: 100px;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
}

.section-about-secondary .box-row .box-content-inner {
    padding-top: 0;
}

.section-about-primary {
    padding-bottom: 80px;
}

.section-about-primary .box-grid {
    overflow: visible;
}

.section-about-primary .box-row {
    border: 1px solid #dadada;
    border-radius: 4px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, .04);
}

.section-about-primary .box-image,
.section-about-primary .box-content {
    padding: 0;
}

.section-about-primary .box-row+.box-row {
    margin-top: 29px;
}

.section-about-primary .section-head {
    min-height: 354px;
}

.section-about-primary .section-head-inner {
    padding-top: 39px;
}

.section-about-primary .shell {
    width: 1190px;
}


/* ------------------------------------------------------------ *\
	Section Benefits
\* ------------------------------------------------------------ */

.section-benefits {
    background: #fff;
    padding: 62px 0 46px;
}

.section-benefits .shell {
    padding: 0 55px;
}

.section-benefits .section-head {
    margin-bottom: 52px;
}

.section-benefits .section-head p {
    line-height: 1.5;
    font-size: 20px;
    font-weight: 300;
    color: #293339;
    margin-bottom: 20px;
}


/* ------------------------------------------------------------ *\
	Section Features
\* ------------------------------------------------------------ */

.section-features {
    background: #293339;
    padding: 87px 0 20px;
}

.section-features .section-head {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    color: #fff;
    margin-bottom: 74px;
}

.section-features .section-head h1 {
    margin: 0;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.005em;
}

.section-features .section-head h1+p {
    margin-left: 50px;
}

.section-features .section-head p {
    margin-bottom: 7px;
}

.section-features .section-head a {
    font-size: 18px;
    font-weight: 500;
    text-decoration: underline;
}

.section-features-primary {
    padding: 73px 0 43px;
}

.section-features-primary h1 {
    text-align: center;
    padding-bottom: 21px;
    font-size: 40px;
}

.section-features-secondary {
    padding-bottom: 70px;
}

.section-features-secondary .section-head {
    text-align: center;
    display: block;
}

.section-features-secondary .section-head h1 {
    display: block;
}

.section-features-secondary .list-features-secondary li {
    width: 50%;
}

.section-features-secondary .section-actions {
    text-align: center;
    padding-top: 20px;
}

.section-features-secondary .section-actions .btn {
    min-width: 276px;
    margin-bottom: 9px;
}

.section-features-secondary .section-actions a {
    color: #fff;
    text-decoration: none;
}

.section-features-secondary .section-actions a:not(.btn):hover {
    text-decoration: underline;
}

.section-features-secondary+.section-question {
    border-bottom: 1px solid #aaadae;
    padding-bottom: 100px;
}

.section-features-secondary+.section-question a.btn.btn-medium.btn-green-alt {
    min-width: 200px;
    display: inline-block;
}


/* ------------------------------------------------------------ *\
	Section Features Alt
\* ------------------------------------------------------------ */

.section-features-alt {
    padding: 96px 0 85px;
    background: #fbfbfb;
    box-shadow: 0 3px 1px rgba(0, 0, 0, .05);
}

.section-features-more {
    background: #232c31;
    color: #fff;
    padding: 79px 0 100px 0;
    display: none;
}

.section-features-more .shell {
    position: relative;
}

.section-features-more .link-close-section {
    position: absolute;
    top: 19px;
    right: 14px;
}

.section-features-more h1 {
    font-weight: 300;
    margin-bottom: 51px;
}

.section-features-more h5 {
    font-size: 25px;
    font-weight: 300;
    border-bottom: 1px solid #394246;
    padding-bottom: 16px;
    margin-bottom: 34px;
}

.section-features-more .cols {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.section-features-more .cols .col-1of4 {
    width: 25%;
}


/* ------------------------------------------------------------ *\
	Section Question
\* ------------------------------------------------------------ */

.section-question {
    padding: 88px 0 120px;
}

.section-question .section-head {
    margin-bottom: 29px;
}

.section-question h1 {
    color: #293339;
    font-weight: 700;
    margin: 0 0 90px 0;
    letter-spacing: 0.005em;
}

.section-question h1 span {
    font-weight: 300;
}

.section-question .section-actions {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 40px;
}

.section-question .section-actions p {
    font-size: 18px;
    color: #545454;
    font-weight: 400;
    margin-bottom: 0;
}

.section-question .section-actions .btn+p {
    margin-left: 30px;
}

.section-question .section-actions .btn {
    padding: 0 50px;
}

.section-question .section-actions p a {
    font-weight: 500;
    color: inherit;
}

.section-question-secondary {
    padding-top: 74px;
    padding-bottom: 85px;
}

.section-question-secondary .section-head {
    text-align: center;
    padding-bottom: 38px;
}

.section-question-secondary .section-head h1 strong {
    color: #27b467;
}

.section-question-secondary .section-head h5 {
    font-weight: 500;
}

.section-question-secondary p {
    font-size: 18px;
    color: #293339;
    margin-bottom: 36px;
}

.section-question-secondary .section-body {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.section-question-secondary .section-content {
    max-width: 540px;
}

.section-question-secondary .section-content-fluid {
    max-width: none;
    width: 100%;
}

.section-question-secondary .section-content-inner {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    max-width: 950px;
    margin: 0 auto 91px;
}

.section-question-secondary .section-content-inner>p {
    width: 100%;
    margin-bottom: 31px;
    line-height: 1.28;
}

.section-question-secondary .section-content-inner [class^='list-'] {
    max-width: 585px;
}

.section-question-secondary .section-content-inner .section-actions {
    max-width: 365px;
    padding-top: 0;
}

.section-question-secondary .section-content-inner .section-actions p a {
    font-weight: 400;
}

.section-question-secondary .section-actions {
    padding-top: 16px;
}

.section-question-secondary .section-actions a:not(.btn) {
    text-decoration: none;
    color: #6d6d6d;
}


/* ------------------------------------------------------------ *\
	Section Careers
\* ------------------------------------------------------------ */

.section-careers {
    padding: 40px 0;
}

.section-careers .shell {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.section-careers .section-image,
.section-careers .section-content {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
}

.section-careers .section-image {
    padding-left: 15px;
}

.section-careers .section-image img {
    width: 100%;
    height: auto;
}

.section-careers .section-content {
    padding-right: 50px;
    padding-top: 44px;
}

.section-careers h2 {
    font-weight: 700;
    margin-bottom: 12px;
}

.section-careers p {
    font-size: 18px;
    line-height: 1.45em;
    font-weight: 300;
    margin-bottom: 9px;
}

.section-careers .link-more {
    display: inline-block;
    margin-top: 18px;
    color: #27b467;
    font-size: 18px;
    line-height: 1;
    font-weight: 500;
    text-decoration: underline;
}


/* ------------------------------------------------------------ *\
	Section List Careers
\* ------------------------------------------------------------ */

.section-list-careers {
    padding: 46px 0 60px;
}

.section-list-careers .section-head {
    padding-bottom: 2px;
}

.section-list-careers .section-head h3 {
    color: #27b467;
    font-weight: 700;
    margin: 0 0 20px;
}


/* ------------------------------------------------------------ *\
	Section Sbf
\* ------------------------------------------------------------ */

.section-sbf {
    padding: 66px 0 70px;
    background: #fff;
}

.section-sbf .shell {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.section-sbf h2 {
    color: #293339;
    line-height: 1.52em;
    font-weight: 400;
    margin: 0 0 30px;
}

.section-sbf p {
    font-size: 18px;
    line-height: 1.28em;
    color: #293339;
    margin-bottom: 20px;
}

.section-sbf .section-image,
.section-sbf .section-content {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
}

.section-sbf .section-content {
    padding-right: 30px;
}

.section-sbf .section-image {
    text-align: center;
    padding-top: 10px;
}

.section-sbf .section-image img {
    margin-bottom: 40px;
}

.section-sbf .image-caption {
    display: block;
    text-align: center;
    font-weight: 300;
    font-size: 17px;
    line-height: 1.33em;
    color: #293339;
}


/* ------------------------------------------------------------ *\
	Section video
\* ------------------------------------------------------------ */

.section-video .btn-play {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 50;
}

.section-video video {
    width: 100%;
}

.section-video .section-head {
    text-align: center;
    padding: 70px 0 54px 0;
}

.section-video h2 {
    font-weight: 400;
}


/* ------------------------------------------------------------ *\
	Section help
\* ------------------------------------------------------------ */

.section-help {
    background-repeat: no-repeat;
    background-position: right bottom;
    min-height: 468px;
    position: relative;
    z-index: 5;
    padding-bottom: 120px;
    pointer-events: none;
}

.section-help+.section-tabs {
    margin-top: -120px;
}

.section-help .section-head {
    width: 551px;
    font-size: 20px;
    padding-top: 108px;
}

.section-help .section-head h1 {
    font-size: 44px;
    margin-bottom: 20px;
}


/* ------------------------------------------------------------ *\
	Section-login
\* ------------------------------------------------------------ */

.section-login {
    padding: 106px 0 195px;
}

.section-login h1 {
    margin-bottom: 46px;
}

.section-login .login {
    max-width: 495px;
    margin: auto;
}


/* ------------------------------------------------------------ *\
	Section network
\* ------------------------------------------------------------ */

.section-network {
    padding: 95px 0 193px;
}

.section-network .section-head {
    text-align: center;
}

.section-network .section-head h1 {
    padding: 24px 0 21px 0;
}

.section-network .section-body {
    max-width: 650px;
    text-align: center;
    margin: auto;
    font-size: 20px;
}

.section-network .archives {
    padding-top: 97px;
}


/* ------------------------------------------------------------ *\
	Section privacy
\* ------------------------------------------------------------ */

.section-privacy {
    padding: 108px 0 51px 0;
}

.section-privacy .section-head {
    text-align: center;
    padding-bottom: 63px;
}

.section-privacy .section-head p {
    text-align: left;
    font-weight: 400;
}

.section-privacy h6 {
    font-size: 25px;
    color: #27b467;
    font-weight: 500;
    margin-bottom: 25px;
}

.section-privacy p {
    font-size: 20px;
    line-height: 1.3;
    font-weight: 300;
}

.section-privacy .list-privacy {
    padding-bottom: 75px;
}

.section-privacy .list-privacy li+li {
    padding-top: 43px;
}


/* ------------------------------------------------------------ *\
	Section terms
\* ------------------------------------------------------------ */

.section-terms {
    padding: 100px 0 100px 0;
}

.section-terms h1 {
    text-align: center;
}

.section-terms .section-head {
    max-width: 615px;
    margin: auto;
    text-align: center;
    padding-bottom: 82px;
}

.section-terms .section-head p {
    font-size: 20px;
    line-height: 1.3;
    font-weight: 400;
}

.section-terms .section-links {
    background: #f9f9f9;
    border-radius: 6px;
    padding: 54px 67px 70px;
    margin-left: -64px;
    margin-right: -64px;
    margin-bottom: 86px;
}

.section-terms .section-links a {
    font-size: 20px;
    color: #282828;
    font-weight: 500;
}

.section-terms .section-links .list-links {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.section-terms .section-links .list-links li {
    min-width: 33%;
    padding-top: 8px;
}

.section-terms .section-links .list-links a:hover {
    color: #27b467;
}

.section-terms h5 {
    font-size: 25px;
    color: #27b467;
    font-weight: 500;
    margin-bottom: 24px;
}

.section-terms h6 {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 25px;
}

.section-terms p {
    font-size: 20px;
    line-height: 1.3;
    font-weight: 300;
}

.section-terms p+h5 {
    padding-top: 7px;
}


/* ------------------------------------------------------------ *\
	Section reviews
\* ------------------------------------------------------------ */

.section-reviews {
    border-top: 2px solid #aaadae;
    padding-top: 70px;
}

.section-reviews .section-head .shell {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding-bottom: 40px;
}

.section-reviews .section-head h2 {
    margin-bottom: 0;
}

.section-reviews .section-head a {
    font-size: 18px;
}


/* ------------------------------------------------------------ *\
	Section products
\* ------------------------------------------------------------ */

.section-products {
    padding: 75px 96px 45px 96px;
    display: inline-block;
    width: 100%
}

.section-products h2 {
    text-align: center;
    color: #27b467;
    margin-bottom: 82px;
}


/* ------------------------------------------------------------ *\
	section logos
\* ------------------------------------------------------------ */

.section-logos {
    padding: 70px 96px 105px 96px;
}

.section-logos .list-logos {
    padding-left: 6px;
    padding-right: 12px;
}

.section-logos h2 {
    text-align: center;
    color: #27b467;
    margin-bottom: 25px;
}


/* ------------------------------------------------------------ *\
	Slider
\* ------------------------------------------------------------ */

.slider {}

.slider .slides {
    list-style: none outside none;
}

.slider-hero .slide {
    min-height: 596px;
    padding-top: 162px;
    background-size: cover;
    background-position: center center;
}

.slider-hero .shell {
    min-height: 394px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.slider-hero .shell.text-left {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.slider-hero .shell.text-center {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.slider-hero .slide-content {
    max-width: 600px;
    color: #fff;
    padding-top: 78px;
}

.slider-hero p,
.slider-hero h1 {
    color: inherit;
}

.slider-hero p {
    font-size: 20px;
    line-height: 1.55em;
    margin-bottom: 31px;
    font-weight: 300;
}

.slider-hero h2 {
    line-height: 1.16em;
    margin-bottom: 12px;
    font-weight: 400;
}

.slider-hero .slide-actions {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.slider-hero .slide-actions p {
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 0;
}

.slider-hero .slide-actions .btn+p {
    margin-left: 30px;
}

.slider-hero .slide-actions p a {
    font-weight: 700;
    text-decoration: none;
}

.slider-hero .slide-actions p a:hover {
    text-decoration: underline;
}


/* ------------------------------------------------------------ *\
	Slider Hero Nav
\* ------------------------------------------------------------ */

.slider-hero-nav {
    background: #1fa45b;
    text-align: center;
}

.slider-hero-nav .slick-track {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.slider-hero-nav .slick-slide {
    width: auto !important;
}

.slider-hero-nav li {
    font-size: 18px;
    line-height: 1;
    padding: 20px;
    color: #fff;
    font-weight: 300 !important;
    transition: opacity .3s;
    letter-spacing: .5px
}

.slider-hero-nav .slick-current {
    /*font-weight: 500;*/
    opacity: 1;
}


/* ------------------------------------------------------------ *\
	Slider review
\* ------------------------------------------------------------ */

.slider-reviews {
    padding-bottom: 90px;
}

.slider-reviews ul {
    list-style: none;
}

.slider-reviews li {
    width: 436px;
    margin-left: 26px;
}


/* ------------------------------------------------------------ *\
	Socials
\* ------------------------------------------------------------ */

.socials {}

.socials p {
    font-size: 18px;
    font-weight: 300;
    line-height: 1.67em;
    margin-bottom: 10px;
}

.socials ul {
    list-style: none;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.socials li+li {
    margin-left: 11px;
}

.socials a {
    opacity: 1;
}

.socials a:hover {
    opacity: .8;
}


/* ------------------------------------------------------------ *\
	Table
\* ------------------------------------------------------------ */

.table-primary tbody {
    border: 2px solid #eaeaea;
}

.table-primary th {
    font-size: 25px;
    color: #293339;
    padding-bottom: 14px;
    text-align: center !important;
}

.table-primary td {
    color: #293339;
    padding: 12px 22px 9px 22px;
    text-align: center;
}

.table-primary td+td {
    border-left: 2px solid #eaeaea;
    width: 245px;
}

.table-primary th:first-child {
    text-align: left !important;
    padding-left: 25px;
}

.table-primary td:first-child {
    text-align: left;
    font-size: 18px;
    font-weight: 300;
}

.table-primary tr:nth-child(even) {
    background: #fafafa;
}

.table-primary .ico-circle-none {
    width: 20px;
    height: 20px;
    display: inline-block;
    border: 1px solid #ddd;
    background: #fff;
    border-radius: 50%;
}

.table-primary .ico-circle-inclide {
    width: 20px;
    height: 20px;
    display: inline-block;
    border: 1px solid #27b467;
    background: #27b467;
    border-radius: 50%;
}

.table-primary p small {
    font-size: 15px;
    padding-left: 24px;
    display: block;
    font-weight: 300;
    color: #293339;
    padding-top: 18px;
}

.table-primary.table th {
    font-size: 18px;
}

.table-primary.table h5 {
    color: #27b467;
    white-space: nowrap;
    min-width: 118px;
}

.table-primary.table .btn-primary {
    background: #27b467;
    border-bottom: 0;
    display: block;
    padding-left: 0;
    padding-right: 0;
}

.table-primary.table .btn-primary:hover {
    background: #159851;
}

.table-primary.table td:last-child {
    min-width: 188px;
}

.table-primary.table td {
    padding: 11px 20px 13px 22px;
}


/* ------------------------------------------------------------ *\
	Tabs
\* ------------------------------------------------------------ */

.tabs {
    position: relative;
    min-height: 633px;
}

.tabs .tabs-head {
    background: #f9f9f9;
    height: 150px;
}

.tabs .tabs-nav {
    position: relative;
}

.tabs .tabs-nav ul {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 40px;
}

.tabs .tabs-nav li+li {
    padding-left: 57px;
}

.tabs .tabs-nav a {
    text-decoration: none;
}

.tabs .tabs-nav a.hover,
.tabs .tabs-nav a:hover {
    color: #2cb66a;
}

.tabs .tabs-nav a i {
    margin-right: 13px;
}

.tabs .tabs-nav:before {
    content: '';
    display: block;
    height: 120px;
    position: absolute;
    top: 0;
    left: -100%;
    background: #f9f9f9;
    width: 100%;
}

.tabs .tabs-body {
    margin: 76px 0 87px 0;
    position: relative;
}

.tabs .tabs-body .shell {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.tabs .tab-content {
    max-width: 585px;
    width: 100%;
}

.tabs .tab {
    display: none;
}

.tabs .tab.hover {
    display: block;
}

.tabs .tabs-inner .shell {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.tabs .tabs-inner .tabs-body {
    min-width: 585px;
}

.tabs .tabs-inner .tab-aside {
    padding: 76px 0 87px 0;
}

@media(max-width:1360px) {
    .tabs .tab-aside {
        margin-right: 0;
        padding-left: 30px;
    }
    .tabs .tab-aside .map {
        width: 550px;
    }
}

@media (max-width: 1200px) {
    .tabs .tabs-nav li+li {
        padding-left: 12px;
    }
}


/* ------------------------------------------------------------ *\
	Updates
\* ------------------------------------------------------------ */

.updates {
    list-style: none;
}

.update+.update {
    padding-top: 64px;
}

.update h5 {
    color: #27b467;
    font-weight: 500;
    margin-bottom: 25px;
}

.update p {
    font-size: 20px;
    line-height: 1.3;
}


/* ------------------------------------------------------------ *\
	Video
\* ------------------------------------------------------------ */

.video {}

.video .btn-play {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    transition: opacity .5s, -webkit-transform .5s;
    transition: opacity .5s, transform .5s;
    transition: opacity .5s, transform .5s, -webkit-transform .5s;
}

.video .btn-play span {
    font-size: 18px;
    line-height: 1;
    color: #fff;
}

.video-holder {
    position: relative;
}

.video-holder:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    transition: opacity .5s, visibility .5s;
}

.video-holder.video-playing:after {
    opacity: 0;
    visibility: hidden;
}

.video-holder.video-playing {
    overflow: hidden;
}

.video-holder.video-playing .btn-play {
    -webkit-transform: scale(10);
    -ms-transform: scale(10);
    transform: scale(10);
    opacity: 0;
}

.video-embed {
    position: relative;
    padding-top: 56.25%;
}

.video-embed:after {
    display: none;
}

.video-embed iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* ------------------------------------------------------------ *\
	Widget
\* ------------------------------------------------------------ */

.widgets {
    list-style: none outside none;
}


/**************** ssl certificate page *********************/

.ssl-banner .intro-content {
    max-width: 950px;
}

.packages .package-body ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.packages .package-body ul li {
    color: #282828;
    font-weight: 300;
    margin: 0 0 9px;
}

.packages .package-body ul li:last-child {
    margin: 0;
}

.packages .package-body ul li span {
    display: block;
    font-weight: 500;
    color: #2d2d2d;
}

.inner-packages .package-actions {
    padding-top: 42px;
}

.text-center {
    text-align: center;
}

.shell-text {
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    color: #2d2d2d;
    font-weight: 300;
    padding-top: 80px;
    padding-bottom: 95px;
}

.shell-text p:last-child {
    margin: 0;
}

.shell-text h3 {
    font-weight: 500;
    color: #2d2d2d;
    margin: 0 0 45px;
}

.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}


/******** wp-hosting page *******/

.section-wordpress-primary {
    padding: 80px 0 95px;
    border-bottom: 1px solid #e7e7e7;
}

.section-wordpress-primary:last-child {
    border: none;
}

.section-wordpress-primary h3 {
    margin: 0 0 2.4em;
}

.feature-primary-cols {
    display: -webkit-flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.features-col {
    width: 550px;
    padding: 0 15px;
}

.pull-left {
    float: left !important;
}

.pull-right {
    float: right !important;
}

.features-col ul {
    margin: 0;
    padding: 52px 0 0;
    list-style: none;
}

.features-col ul li {
    font-size: 18px;
    font-weight: 300;
    padding-left: 40px;
    line-height: 36px;
    background: url("images/temp/tick-mark.png") no-repeat left 7px;
}

.features-col2 ul {
    padding-top: 0;
}

.features-col2 ul li {
    padding-left: 0;
    padding-right: 40px;
    background: url("images/temp/tick-mark.png") no-repeat right 7px;
}

.section-services-primary {
    padding: 155px 0 125px;
    background: url("images/temp/migrate-bg.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}

.section-services-primary .shell {
    color: #fff;
}

.section-services-primary h3 {
    color: #fff;
}

.sitebuilder-intro .intro-content {
    max-width: 940px;
}

.sitebuilder-intro .btn-medium {
    padding: 0 29px;
    line-height: 52px;
    height: 52px;
}

.section-templates-primary ul.template-list {
    margin: 0;
    padding: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    list-style: none;
    flex-direction: row;
}

.section-templates-primary ul.template-list li {
    display: inline-block;
    width: 33%;
    padding: 0 1%;
}

.section-templates-primary ul.template-list:last-child {
    margin-top: 30px;
}

.section-templates-primary ul.template-list li label {
    font-size: 22px;
    line-height: 24px;
    margin: 30px 0 0;
    display: block;
    font-weight: 500;
}

.section-templates-primary ul.template-list li a {
    text-decoration: none;
    display: block;
}

.wordpress-image,
.protection-image,
.wordpress-content-logo,
.wordpress-logo,
.social-vocal-icon,
.product-icon,
.serch-iptimize-icon,
.guide-icon,
.cross-2,
.editor-icon,
.email-icon,
.keylock-icon,
.secure-icon,
.globe-icon,
.reliable-icon,
.dedicated-icon,
.support-icon,
.design-icon,
.function-icon {
    max-width: 100%;
    background-size: 100%;
    background-image: url('images/subpages-sprite.png');
}

.wordpress-image {
    background-position: 0 0%;
    background-size: 100%;
}

.protection-image {
    background-position: 0 23.571945%;
    background-size: 170.535714%;
}

.wordpress-content-logo {
    background-position: 0 39.041579%;
    background-size: 203.191489%;
}

.wordpress-logo {
    background-position: 0 48.378729%;
    background-size: 587.692308%;
}

.social-vocal-icon {
    background-position: 0 52.479073%;
    background-size: 626.229508%;
}

.product-icon {
    background-position: 0 56.177606%;
    background-size: 720.754717%;
}

.serch-iptimize-icon {
    background-position: 0 59.884095%;
    background-size: 720.754717%;
}

.guide-icon {
    background-position: 0 63.618802%;
    background-size: 734.615385%;
}

.cross-2 {
    background-position: 0 67.180475%;
    background-size: 764%;
}

.editor-icon {
    background-position: 0 70.332481%;
    background-size: 888.372093%;
}

.email-icon {
    background-position: 0 72.917991%;
    background-size: 888.372093%;
}

.keylock-icon {
    background-position: 0 76.205788%;
    background-size: 888.372093%;
}

.secure-icon {
    background-position: 0 79.347826%;
    background-size: 888.372093%;
}

.globe-icon {
    background-position: 0 82.300319%;
    background-size: 909.52381%;
}

.reliable-icon {
    background-position: 0 85.842986%;
    background-size: 909.52381%;
}

.dedicated-icon {
    background-position: 0 89.568577%;
    background-size: 1032.432432%;
}

.support-icon {
    background-position: 0 92.706334%;
    background-size: 1032.432432%;
}

.design-icon {
    background-position: 0 96.332046%;
    background-size: 1157.575758%;
}

.function-icon {
    background-position: 0 100%;
    background-size: 1193.75%;
}

.section-sub-features ul.list-features span {
    top: 0;
}

.shell-bottom-text h3 {
    font-size: 36px;
    line-height: 44px;
    margin: 0 0 1.3em;
}

.shell-bottom-text .btn {
    min-width: 220px;
}

.green-text {
    color: #2cbc72;
}

.domain-field-box {
    float: left;
    width: 100%;
}

.domain-intro {
    height: 530px;
    padding-top: 108px;
}

.domain-intro p {
    margin-bottom: 52px;
}

.intro+.domain-packages {
    margin: 0;
    background: #f8f8f8;
    padding: 85px 0;
}

.intro+.domain-packages h3 {
    margin-bottom: 70px;
}

.domain-packages .package-actions {
    padding-top: 46px;
}

.domain-packages .btn-transparent {
    min-width: 197px;
}

.domain-field,
.domain-field-section .btn {
    border: none;
    outline: none;
    font-weight: 500;
    font-size: 18px;
    width: 76%;
    float: left;
    line-height: 50px !important;
    height: 50px !important;
    border-radius: 4px;
    color: #ededed;
    text-align: center;
    box-shadow: 0 0 0 2px #ededed inset;
    margin: 0 !important;
}

.domain-field-section .btn {
    float: right;
    width: 18%;
    background: none;
    color: #fff;
    box-shadow: 0 0 0 2px #2cbc72 inset;
}

.domain-field-section .btn:hover {
    background: #2cbc72;
}

.domain-intro .intro-content {
    max-width: inherit;
    width: 1110px;
    display: inline-block;
}

.features-left-col {
    width: 35%;
}

.feature-domain-cols {
    display: -webkit-flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.features-right-col {
    width: 65%;
    font-size: 18px;
}

.features-right-col h3 {
    margin: 0 0 50px;
}

.features-right-col p span {
    font-size: 24px;
    color: #2d2d2d;
}

.section-tlds-primary {
    display: inline-block;
    width: 100%;
    padding: 85px 0;
}

.section-tlds-primary h3 {
    margin: 0 0 85px;
}

.section-tlds-primary ul.domain-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.section-tlds-primary ul.domain-list li {
    font-size: 36px;
    line-height: 172px;
    width: 172px;
    color: #fff;
    font-weight: 500;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    float: left;
    margin: 0 5% 0 0;
    background-color: #27b467;
}

.section-tlds-primary ul.domain-list li:last-child {
    margin: 0;
}

.domain-packages .section-actions {
    padding-top: 60px;
}

.domain-packages {
    background: #f8f8f8;
    padding: 80px 0;
}

.domain-packages:nth-child(2) {
    padding: 0 0 80px;
}

.domain-packages .section-actions a {
    font-size: 18px;
    text-decoration: none;
}

.domain-packages h4,
.domain-packages .package-price {
    color: #282828;
}

.domain-packages .link-close-section {
    top: -60px;
    width: 30px;
    height: 30px;
}

.ip-form-section {
    display: inline-block;
    width: 100%;
    margin: 25px 0 0;
}

.ip-form-section ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.ip-form-section ul li {
    float: left;
    width: 31.333%;
    margin-right: 3%;
    margin-bottom: 40px;
}

.ip-form-section ul li label {
    font-size: 16px;
    line-height: 24px;
    padding-left: 15px;
    font-weight: 400;
    color: #232323;
    display: block;
    text-align: left;
    margin: 0 0 3px;
}

.ip-form-section ul li:nth-child(3),
.ip-form-section ul li.comments {
    margin-right: 0;
}

.ip-form-section ul li.comments {
    width: 100%;
}

.ip-form-section ul li:last-child {
    margin: 0;
    width: 100%;
    text-align: center;
}

.ip-fields {
    border: none;
    outline: none;
    line-height: 46px;
    height: 46px;
    font-size: 16px;
    color: #dcdcdc;
    width: 100%;
    padding: 0 2%;
    box-shadow: 0 0 0 1px #dcdcdc inset;
}

.ip-form-section ul li.comments .ip-fields {
    min-height: 122px;
}

.signup-btn {
    border: 2px solid #27b467;
    border-radius: 3px;
    text-transform: none;
    font-size: 18px;
    padding: 12px 45px;
    font-weight: 500;
    color: #27b467;
    background: none;
}

.signup-btn:hover {
    background: #27b467;
    color: #fff;
}

.ip-dropdown-section {
    float: left;
    width: 31.3%;
    margin: 0 3% 0 0;
    padding: 35px 3% 25px;
    background: #022b48;
    min-height: 144px;
}

.ip-dropdown-section:nth-child(4) {
    margin: 0;
}

.ip-dropdown-box {
    background: #fff;
    padding: 2px;
    float: left;
    width: 100%;
}

.ip-dropdown-box label,
.ip-dropdown-box .number-field {
    float: left;
    width: 50%;
    font-size: 14px;
    color: #232323;
    line-height: 42px;
}

.ip-dropdown-box label {
    padding-left: 15px;
}

.ip-dropdown-box .number-field {
    background: url("css/images/temp/number-field-bg.png") no-repeat right top #e9ebee;
    border: none;
    outline: none;
    -webkit-appearance: none;
    text-align: center;
    -moz-appearance: none;
}

.ip-dropdown-section span {
    font-size: 14px;
    color: #fff;
    float: left;
    margin: 20px 0 0;
}

.section-dropdowns .section-head {
    margin-bottom: 80px;
}

.domain-head .list-toggle,
.domain-head .domain-bar {
    display: inline-block;
    width: 100%;
    text-align: center;
    border-top: 3px solid #27b467;
    background: #fff;
    box-shadow: none;
    border-bottom: 1px solid #e7e7e7;
}

.domain-head .list-toggle li,
.domain-head .domain-bar li {
    width: auto;
    margin: 0 10px;
    min-width: 160px;
    display: inline-block;
}

.domain-head .list-toggle li a,
.domain-head .domain-bar li a {
    border-radius: 0px;
    margin: 0;
    text-transform: capitalize;
    box-shadow: 0 -2px 0 0 #27b467 inset;
}

.domain-packages h3 {
    margin: 0 0 70px;
}

.domain-head .list-toggle li.current,
.domain-head .domain-bar li.current {
    position: relative;
}

.domain-head .list-toggle li.current:after,
.domain-head .domain-bar li.current:after {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -11px;
    width: 0;
    height: 0;
    content: "";
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-top: 11px solid #27b467;
}


/********* DATACENTER PAGE **************/

.section-sub-features {
    padding-top: 90px;
    padding-bottom: 40px;
}

.data-stable-icon,
.redunt-icon,
.topnotch-icon,
.map-marker-icon {
    max-width: 100%;
    background-size: 100%;
    background-image: url('images/datacenter-sprite.png');
}

.data-stable-icon {
    background-position: 0 0%;
    background-size: 100%;
}

.redunt-icon {
    background-position: 0 42.605634%;
    background-size: 100%;
}

.topnotch-icon {
    background-position: 0 85.211268%;
    background-size: 100%;
}

.map-marker-icon {
    background-position: 0 100%;
    background-size: 403.448276%;
}

.section-sub-features .section-head p {
    font-size: 18px;
}

.services-features {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 50px 0 0;
    padding: 0;
    list-style: none;
}

.services-features li {
    width: 33.3%;
    padding: 0 2%;
    font-size: 18px;
}

.services-features li span {
    margin: 0 0 30px;
    display: block;
}

.services-features li h5 {
    font-size: 24px;
}

.section-datacenter {
    padding: 95px 0;
    background: url("images/temp/datacenter-location-bg.jpg") no-repeat center top;
    background-size: cover;
    color: #fff;
}

.datacenter-map {
    margin: 120px 0 0;
    position: relative;
    display: inline-block;
    width: 100%;
}

.datacenter-map img {
    max-width: 100%;
    display: inline-block;
}

.box {
    width: 29px;
    height: 38px;
    background-image: url('images/temp/map-marker-icon.png');
    background-position: center top;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
}

#pin-1 {
    /* Phoenix, United States*/
    top: 36.7%;
    left: 22%;
}

#pin-2 {
    /* Chicago, United States */
    top: 30.7%;
    left: 27.3%;
}

#pin-3 {
    /* São Paulo, Brasilien */
    left: 35.5%;
    bottom: 24%;
}

#pin-4 {
    /* Amsterdam, Netherlands */
    top: 22.25%;
    left: 48%;
}

#pin-5 {
    /* Sofia */
    top: 16.25%;
    left: 49.7%;
}

#pin-1:hover::before,
#pin-2:hover::before,
#pin-3:hover::before {
    position: absolute;
    left: -21px;
    bottom: 0;
    margin-left: 0;
    width: 0;
    border-left: 20px solid #2cbc72;
    border-bottom: 20px solid transparent;
    border-top: 20px solid transparent;
    content: " ";
    font-size: 0;
    line-height: 0;
}

#pin-4:hover::before,
#pin-5:hover::before {
    position: absolute;
    right: -21px;
    bottom: -18px;
    margin-left: 0;
    width: 0;
    border-right: 20px solid #2cbc72;
    border-bottom: 20px solid transparent;
    border-top: 20px solid transparent;
    content: " ";
    font-size: 0;
    line-height: 0;
}

.pin-text {
    display: none;
    position: absolute;
    padding: 20px 25px 120px;
    background: #2cbc72;
    text-align: left;
    min-width: 318px;
    font-weight: 400;
}

.pin-text .sitemap ul li:last-child {
    margin-bottom: 0 !important;
}

#pin-1:hover>.pin-text,
#pin-2:hover>.pin-text,
#pin-3:hover>.pin-text,
#pin-4:hover>.pin-text,
#pin-5:hover>.pin-text {
    display: block;
}

#pin-1>.pin-text,
#pin-2>.pin-text,
#pin-3>.pin-text {
    top: -250%;
    left: auto;
    right: 50px;
}

#pin-4>.pin-text,
#pin-5>.pin-text {
    top: -250%;
    right: -565%;
    left: 49px;
}

.pin-text .sitemap {
    font-size: 14px;
    line-height: 20px;
}

.pin-text .sitemap h5 {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    margin: 0 0 14px;
}

.pin-text .sitemap p {
    margin: 0 0 13px;
}

.find_directions {
    background: #fff;
    width: 100%;
    padding: 18px 2%;
    font-size: 14px;
    float: left;
    margin: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    font-weight: 400;
    text-align: center;
}

.find_directions .green-btn {
    display: inline-block;
}

.data-price {
    font-size: 18px;
    color: #2cbc72;
    margin-right: 3%;
    display: inline-block;
}

.find_directions .green-btn a {
    display: block;
    font-size: 16px;
    line-height: 46px;
    border-radius: 6px;
    min-width: 144px;
    text-decoration: none;
    color: #2cbc72 !important;
    box-shadow: 0 0 0 2px #2cbc72 inset;
}

.find_directions .green-btn a:hover {
    background: #2cbc72;
    color: #fff !important;
}


/******* seo tools page ***********/

.seo-packages .packages .package {
    width: 32%;
}

.seo-packages .packages .package:last-child {
    width: 68%;
    text-align: left;
    padding-right: 5%;
    padding-left: 5%;
}

.seo-packages .packages .package:last-child h4:after {
    display: none;
}

.seo-packages .packages .package-actions {
    padding-top: 130px;
}


/* Generated by http://responsive-css.spritegen.com Responsive CSS Sprite Generator */

.seo-work-image1,
.seo-work-image2,
.seo-work-image3,
.seo-image1,
.seo-image3,
.seo-image4,
.seo-image2,
.seo-cycle-image,
.seo-gear,
.seo-user,
.seo-rank,
.seo-work-image4,
.seo-work-image5,
.seo-work-image6,
.seo-brain,
.seo-bulb {
    max-width: 100%;
    background-size: 100%;
    background-image: url('images/seo-page-sprite.png');
}

.seo-work-image1 {
    background-position: 0 0%;
    background-size: 100%;
}

.seo-work-image2 {
    background-position: 0 18.991965%;
    background-size: 100%;
}

.seo-work-image3 {
    background-position: 0 37.98393%;
    background-size: 100%;
}

.seo-image1 {
    background-position: 0 50.616483%;
    background-size: 464.285714%;
}

.seo-image3 {
    background-position: 0 56.036152%;
    background-size: 464.285714%;
}

.seo-image4 {
    background-position: 0 61.518494%;
    background-size: 464.285714%;
}

.seo-image2 {
    background-position: 0 67.229072%;
    background-size: 487.5%;
    height: 84px;
    width: 80px;
}

.seo-cycle-image {
    background-position: 0 71.501272%;
    background-size: 735.849057%;
}

.seo-gear {
    background-position: 0 75.127226%;
    background-size: 735.849057%;
}

.seo-user {
    background-position: 0 78.753181%;
    background-size: 735.849057%;
}

.seo-rank {
    background-position: 0 82.379135%;
    background-size: 764.705882%;
}

.seo-work-image4 {
    background-position: 0 85.84127%;
    background-size: 780%;
}

.seo-work-image5 {
    background-position: 0 89.269841%;
    background-size: 780%;
}

.seo-work-image6 {
    background-position: 0 92.698413%;
    background-size: 780%;
}

.seo-brain {
    background-position: 0 96.310433%;
    background-size: 1000%;
}

.seo-bulb {
    background-position: 0 100%;
    background-size: 1054.054054%;
}

.magnet-features {
    width: 50%;
}

.magnet-features figure {
    float: left;
}

.list-magnet {
    margin: 0 -15px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.seo-tools-text {
    float: right;
    width: 71%;
    padding: 0 7%;
}

.seo-tools-text h4 {
    font-size: 16px;
    line-height: 20px;
    margin: 0 0 16px;
}

.magnet-features {
    float: left;
    margin-top: 65px;
}

.seo-work-image {
    display: table;
    margin: -70px auto 0;
    width: 134px;
    height: 134px;
    background: #fff;
    border-radius: 100%;
    position: relative;
}

.seo-work-image span {
    display: table-cell;
    vertical-align: middle;
}

.seo-work-box {
    display: flex;
    display: -webkit-flex;
    text-align: center;
    padding: 0;
}

.seo-work-smallbox {
    font-size: 16px;
    line-height: 20px;
    color: #333;
    margin: 0 12px;
    flex: 1;
    -webkit-flex: 1;
    box-shadow: 0px 0px 0 2px #e6e6e6 inset;
}

.seo-work-smallbox h3 {
    font-size: 24px;
    position: relative;
    line-height: 26px;
    margin: -24px 0 28px !important;
    z-index: 2;
}

.inner-seo-box {
    padding: 0 0 85px;
}

.inner-seo-box p {
    padding: 0 20px;
    margin: 0;
}

.seo-big-image img {
    width: 100%;
}

.seo-text-inner {
    color: #131313;
    font-size: 16px;
    line-height: 20px;
    margin: 55px 0 100px;
    padding: 0;
}

.seo-text-inner h3 {
    margin: 0 0 85px;
}

.seo-text-inner p {
    margin: 0 0 43px;
}

.seo-text-inner p span {
    display: block;
    font-size: 18px;
    margin: 0 0 16px;
    line-height: 20px;
    font-weight: 500;
}

.seo-text-inner p:last-child {
    margin: 0;
}

.seo-content-section {
    padding: 80px 0;
    background: #f8f8fb;
    box-shadow: 0 0 0 2px #f0f0f3 inset;
}

.seo-content-box {
    padding: 80px 10%;
    background: #fff;
    width: 100%;
    text-align: center;
}

.seo-content-box .seo-text-inner {
    margin: 0 !important;
}

.num-box {
    top: 36px;
    right: 10%;
    position: absolute;
}

.num-box a {
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    display: inline-block;
    background: #39bef1;
    padding: 13px 23px;
    border-radius: 6px;
}

.num-box:before {
    position: absolute;
    top: -26px;
    right: 20px;
    content: '';
    width: 33px;
    height: 27px;
    background: url("../images/banner-arrow.png") no-repeat left top;
}

.num-box a i {
    font-size: 24px;
    margin-right: 13px;
}

.num-box a:hover {
    text-decoration: none;
}

.section-seo-work {
    text-align: center;
}

.section-seo-work h3 {
    margin: 0 0 74px;
}

.section-geeks-body .list-features li {
    width: 50%;
    padding-left: 105px;
    padding-right: 40px;
    margin-bottom: 93px;
}

.list-features li span {
    top: 0;
}

.section-geeks-body .list-features h5 {
    font-size: 18px;
}


/*********** security page **********/

.security-packages {
    padding-bottom: 70px;
}

.security-packages .package {
    position: relative;
}

.security-packages-list1 .package .package-body {
    min-height: 97px;
}

.small-size h4 {
    font-size: 26px;
}

.security-packages .package-price {
    min-height: 117px;
}

.security-packages .package:first-child .package-actions {
    padding-top: 50px;
}


/********* r1 soft page **********/

.subpages-content-box {
    padding: 85px 0;
    font-size: 16px;
    color: #131313;
    line-height: 20px;
}

.subpages-box-holder {
    display: flex;
    display: -webkit-flex;
}

.subpages-content-box h1 {
    margin: 0;
    font-size: 36px;
    line-height: 38px;
    color: #131313;
}

.subpages-small-box {
    padding: 0 2%;
    flex: 1;
    -webkit-flex: 1;
}

.text-center {
    text-align: center;
}

.subpages-small-box h3 {
    font-size: 18px;
    margin: 0 0 24px;
    font-weight: 500;
    line-height: 20px;
}

.subpages-small-box figure {
    margin: 0 0 50px;
}

.subpages-content-box p {
    margin: 55px 0 0;
}

.subpages-content-box .spacer {
    height: 67px;
}

.subpages-small-box p {
    margin: 0;
}

.black-price-section {
    padding: 60px 0;
    position: relative;
    background: #293339;
    text-align: center;
    color: #fff;
    font-size: 40px;
    line-height: 40px;
}

.black-price-section small {
    font-size: 16px;
    line-height: 16px;
    color: #c6c9cb;
}

.black-price-section span {
    color: #27b467;
}

.black-price-section .btn1 {
    display: inline-block;
    width: 100%;
    margin: 26px 0 0;
}

.black-price-section .btn1 a {
    display: block;
    width: 198px;
    font-size: 16px;
    line-height: 16px;
    padding: 16px 0px;
    border-radius: 6px;
    margin: 0 auto;
    text-decoration: none;
    box-shadow: 0 0 0 2px #fff inset;
}

.black-price-section .btn1 a:hover {
    background: #fff;
    color: #27b467;
}

.sub-small-text-box {
    float: left;
    width: 100%;
    padding: 55px 0;
    border-bottom: 2px dotted #c4c4c4;
}

.sub-small-text-box:first-child {
    padding-top: 0;
}

.sub-small-text-box:last-child {
    padding-bottom: 0;
    border-bottom: none;
}

.contact-form-section {
    background-image: url("images/contact-form-bg.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    color: #fff;
    text-align: center;
}

.contact-form-section ul {
    width: 70%;
    padding: 0;
    list-style: none;
    margin: 0;
    display: inline-block;
}

.contact-form-section ul li {
    color: #fff;
    margin: 0 0 20px;
    text-align: left;
}

.contact-form-section ul li.text-area,
.contact-form-section ul li:last-child {
    width: 100%;
}

.contact-form-section ul li:last-child {
    text-align: center;
    margin: 0;
}

.contact-form-section ul li label {
    color: #fff;
    display: block;
    font-size: 16px;
    margin: 0 0 12px;
}

.contact-form-section .subpages-content-box,
.contact-form-section .subpages-content-box h1 {
    color: #fff;
}

.contact-form-section ul li .contact-fields {
    height: 40px;
    border-radius: 2px;
    background: #fff;
    padding: 0 2%;
    width: 100%;
    border: none;
    outline: none;
    color: rgba(0, 0, 0, 0.3);
}

.separater {
    float: left;
    width: 100%;
    height: 48px;
}

.contact-form-section ul li .submit {
    font-size: 18px;
    line-height: 18px;
    min-width: 198px;
    padding: 15px 0;
    display: inline-block;
    border-radius: 3px;
    color: #fff;
    border: none;
    outline: none;
    text-decoration: none;
    background: none;
    margin: 12px 0 0;
    box-shadow: 0 0 0 2px #fff inset;
}

.contact-form-section ul li .submit:hover {
    background: #fff;
    color: #333;
}

.contact-form-section ul li textarea.contact-fields {
    height: 80px;
    padding-top: 20px;
}

.security-text-section {
    background: #fff;
}

.security-text-section .list-features li {
    width: 50%;
    padding: 0 5%;
    color: #2d2d2d;
    text-align: center;
}

.security-text-section .list-features li h5 {
    font-size: 18px;
    font-weight: 500;
}

.ticket-section {
    padding: 60px 0px;
    background: #fff;
    text-align: center;
}

.ticket-section h1,
.security-text-section h1 {
    text-align: center;
    color: #282828;
    width: 100%;
    ;
}

.ticket-section .btn1 {
    display: inline-block;
}

.ticket-section .btn1 a {
    display: block;
    font-size: 16px;
    line-height: 16px;
    color: #fff;
    background: #0fa558;
    border-radius: 3px;
    padding: 15px 40px;
    text-transform: uppercase;
    text-decoration: none;
}

.ticket-section .btn1 a:hover {
    opacity: 0.8;
}

.green-price-section span {
    color: #293339;
}

.green-price-section {
    background: #2cbc72;
}

.subpages-small-box figure {
    transition: all ease-in-out 0.6s;
}

.subpages-small-box:hover figure {
    transform: translateY(10px);
}

.bitninja-body .list-features li {
    width: 33.3%;
    padding: 0 2%;
}


/****************** client page ************/

.clients-section {
    padding-top: 100px;
    padding-bottom: 100px;
    background: #f8f8f8;
}

.clients-boxes {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    list-style: none;
}

.clients-inner {
    background-color: #fff;
    box-shadow: 0 0 0 1px #e2e2e2 inset, 2px 2px 0 #e9e9e9;
    float: left;
    flex: 1;
    -webkit-flex: 1;
    /*	font-family: 'HelveticaNeue';
	font-size: 15px;
	font-weight: 300;
*/
    line-height: 28px;
    margin: 0px 1%;
    min-height: 202px;
    padding: 38px 2%;
    text-align: center;
}

.client-smallbox figure {
    margin: 0 auto 20px;
    min-height: 60px;
    display: table;
}

.client-smallbox figure span {
    display: table-cell;
    vertical-align: middle;
}

.section-templates-primary {
    padding-bottom: 80px;
}

.mobile-menu {
    display: none;
}


/***************************/


/* Generated by http://responsive-css.spritegen.com Responsive CSS Sprite Generator */

.client-logo,
.client-logo4,
.client-logo5,
.client-logo2,
.client-logo3,
.client-logo6 {
    max-width: 100%;
    background-size: 100%;
    background-image: url('images/clients-logo.png');
}

.client-logo {
    background-position: 0 0%;
    background-size: 100%;
}

.client-logo4 {
    background-position: 0 28.576132%;
    background-size: 144%;
}

.client-logo5 {
    background-position: 0 39.123967%;
    background-size: 142%;
}

.client-logo2 {
    background-position: 0 51.271186%;
    background-size: 165.929204%;
}

.client-logo3 {
    background-position: 0 79.258621%;
    background-size: 354.142857%;
}

.client-logo6 {
    background-position: 0 100%;
    background-size: 513.69863%;
}


/* Generated by http://responsive-css.spritegen.com Responsive CSS Sprite Generator */

.cherry-logo,
.poker-logo {
    max-width: 100%;
    background-size: 100%;
    background-image: url('images/clients-logos.png');
}

.cherry-logo {
    background-position: 0 0%;
    background-size: 100%;
}

.poker-logo {
    background-position: 0 100%;
    background-size: 156.725146%;
}


/******************* Affiliates page ***************************/

.affiliates-banner .slide-content {
    width: 100%;
    max-width: 100%;
}

.affiliates-banner .slide-content h1 {
    font-size: 36px;
    font-weight: 400;
    margin-bottom: 12px;
}

.affiliates-banner .slide-content>p {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 120px;
}

.affiliates-banner .slide-content .slide-actions p a {
    font-weight: normal;
}

.affiliates-banner .slide-content .btn-green.btn-medium {
    font-size: 18px;
    font-weight: 400;
}

.section-benefits .list-benefits h5 {
    font-size: 18px;
    font-weight: 500;
}

.section-benefits .list-benefits small {
    font-size: 16px;
    color: #2d2d2d;
    margin-top: 3px;
}


/* Generated by http://responsive-css.spritegen.com Responsive CSS Sprite Generator */

.affiliate-image1,
.affiliate-image2 {
    max-width: 100%;
    background-size: 100%;
    background-image: url('images/affiliate-sprite-image.png');
}

.affiliate-image1 {
    background-position: 0 0%;
    background-size: 100%;
}

.affiliate-image2 {
    background-position: 0 100%;
    background-size: 100%;
}

.section-benefits .list-benefits img {
    height: 66px;
}

.list-benefits span {
    height: auto;
    margin-bottom: 27px;
}

.section-benefits .list-benefits {
    display: inline-block;
    width: 100%;
}

.section-benefits .list-benefits li {
    display: inline-block;
    width: 24.5%;
    vertical-align: top;
}

.slider-hero-nav li {
    font-size: 18px;
}


/************ SEO TOOLS PAGE **********/

.stacktable.large-only {
    display: table;
}

.stacktable.small-only {
    display: none;
}

.package-table-holder {
    display: flex;
    display: -webkit-flex;
    text-align: center;
}

.package-table>thead>tr>th {
    font-size: 30px;
    line-height: 30px;
    background: #fff;
    color: #2d2d2d;
    padding: 62px 0;
    width: 30%;
    text-align: center;
    border-bottom: none;
    vertical-align: middle;
    font-weight: 500;
    border-bottom: none;
    position: relative;
    background: none;
    border-right: 2px solid #ededed;
}

.package-table>thead>tr>th:last-child {
    border: none;
}

.package-table>thead>tr>th small {
    font-size: 18px;
    display: block;
    padding-left: 0;
}

.package-table>thead>tr>th span {}

.package-table>thead>tr>th:first-child {
    width: 34%;
    font-size: 36px;
    line-height: 44px;
    padding: 0 5%;
}

.package-table {
    border: 2px solid #dedede;
    background: #fff;
}

.package-table>tbody>tr>td {
    padding: 13px 3%;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    color: #131313;
    vertical-align: middle;
    border: none;
    border-right: 2px solid #dedede;
}

.package-table>tbody>tr>td:first-child {
    padding: 13px 2%;
    font-size: 14px;
    text-align: left;
    border-left: 2px solid #dedede;
}

.package-table>tbody>tr:nth-child(odd)>td {
    background-color: #f8f8fb;
}

.package-table>tbody>tr>td .black_btn {
    display: inline-block;
    float: none;
    font-size: 18px;
    padding: 12px 0px;
    min-width: 198px;
    border-radius: 5px;
    background: none;
    color: #2e3a41;
    font-weight: 500;
    border: 2px solid #2e3a41;
}

.package-table>tbody>tr:last-child>td {
    padding-top: 40px;
    background: #fff;
    border-top: 2px solid #ededed;
    padding-bottom: 50px;
}

.package-table-holder .package-price {
    margin-top: 9px;
    background: url('images/price-line.png') no-repeat center top;
}

.package-table-holder .package-price small {
    font-size: 20px;
    position: relative;
    top: -13px;
    display: inline-block;
}

.package-table-holder .package-price strong {
    font-size: 40px;
}

.package-table-holder .package-price p {
    position: relative;
    margin-top: -5px;
    font-size: 17px;
    color: #bfc2c4;
    font-weight: 300;
}

.green-arrow-image {
    position: absolute;
    width: 24px;
    height: 48px;
    content: '';
    left: 0s;
    top: 40%;
    background: url("images/price-green-arrow.png") no-repeat;
}

.package-table>tbody>tr>td .black_btn:hover {
    color: #27b467;
    border-color: #27b467;
}

.seo-packages-new .packages .package,
.seo-packages .packages .package:last-child {
    width: 100%;
    border: none;
    padding-right: 0%;
    padding-left: 0%;
    text-align: center;
}

.seo-packages-new .magnet-features {
    width: 25%;
    padding: 0 2%;
}

.seo-packages-new .magnet-features figure {
    display: inline-block;
    margin: 0 auto 30px;
    float: none;
}

.seo-packages-new .seo-tools-text {
    width: 100%;
    padding: 0;
}

.seo-packages-new h2 {
    font-size: 36px;
    line-height: 40px;
}

.seo-packages-new {
    padding-top: 65px;
}

.package-main .green-btn {
    color: #fff !important;
    border-color: #fff;
}

.domain-field-section .green-btn {
    background: #27b467;
    color: #fff;
    margin-left: 5px;
    float: right !important;
}

.domain-field-section .green-btn:hover {
    background: rgb(71, 191, 126);
}

.update p.green-text {
    color: #27b467;
}

.header-static .top-promotion-box {
    position: relative !important;
}


/*********************************************************************************/


/*********************************************************************************/


/****************************Domain Pricing Page**********************************/


/*********************************************************************************/


/*********************************************************************************/

.compare_planchart {
    width: 100%;
}

.compare_planchart th {
    background: #e0e6ea none repeat scroll 0 0;
    color: #1a1a1a;
    font-size: 18px;
    padding: 10px 20px;
    text-align: left;
}

.compare_planchart td {
    border-bottom: 1px solid #e0e6ea;
    color: #333;
    font-size: 14px;
    line-height: 18px;
    padding: 12px 0;
    text-align: center;
}

.compare_planchart td a {
    color: #4dc2f1;
}

.compare_planchart td:first-child {
    text-align: left;
}

.blue {
    color: #38bdf0;
}

figure.tickmark {
    margin: 0;
}

.style2 {
    color: #1a1a1a;
    font-size: 26px;
}

.compare_planchart td.table_heading {
    background: #27b467 none repeat scroll 0 0;
    border-right: 1px solid #fff;
    color: #fff;
    font-size: 20px;
    line-height: 20px;
    padding: 20px 10px;
}

.compare_planchart tr:last-child td {
    border: medium none;
}

.stacktable {
    width: 100%;
}

.st-head-row {
    padding-top: 1em;
}

.st-head-row.st-head-row-main {
    font-size: 1.5em;
    padding-top: 0;
}

.st-key {
    width: 49%;
    text-align: right;
    padding-right: 1%;
}

.st-val {
    width: 49%;
    padding-left: 1%;
}

.promotion-banner h1 {
    letter-spacing: 7px;
}

.promotion-banner p {
    font-size: 30px;
    line-height: 38px;
    margin-bottom: 46px;
}

.promotion-banner .btn,
.asia-banner .btn {
    border: 1px solid #fff;
    min-width: 306px !important;
    margin: 0 11px;
    transition: all ease-in-out 0.6s;
}

.asia-banner .btn {
    background: #1fa45b;
    border-color: #1fa45b;
    min-width: 220px !important;
}

.promotion-banner .btn:first-child:hover {
    background: #2cbc72;
    color: #fff;
    border-color: #2cbc72;
}

.asia-banner .btn:hover {
    background: #2cbc72;
    color: #fff;
    border-color: #2cbc72;
}


/**************/

.asia-banner h1 {
    margin: 0 0 40px;
}

.asia-banner h1 span {
    display: block;
    font-size: 30px;
    font-weight: 300;
    margin: 14px 0 0;
}

.coupen-code {
    font-size: 24px;
    line-height: 28px;
    margin: 0 0 36px;
}

.coupen-code span {
    color: #1fa45b;
}

.asia-banner p {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 23px;
}

.asia-banner .intro-content {
    max-width: 1170px;
}

.asia-banner p a {
    text-decoration: none;
}

.footer .email {
    font-weight: 500;
    font-size: 24px;
    color: #fff;
    line-height: 1;
    margin-bottom: 18px;
}

.footer .email a {
    text-decoration: none;
}

.ico-email-large {
    background: url(images/footer-envelope-icon.png) no-repeat left top;
    width: 38px;
    height: 38px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.contact-section {
    display: inline-block;
    width: 100%;
    text-align: center;
    border-top: 2px solid #f0f0f0;
}

.contact-section h2 {
    color: #1fa45b;
}

.contact-section h2 span {
    font-size: 16px;
    line-height: 24px;
    color: #2e3a41;
    display: block;
    margin: 40px 0 0;
    font-weight: 300;
}

.contact-box ul li {
    float: left;
    width: 33.3%;
    padding: 0 15px;
}

.contact-box ul li:last-child {
    width: 100%;
}

.contact-box ul li label {
    padding: 0 0 0 25px;
    margin: 0 0 20px;
    float: left;
    width: 100%;
    font-size: 16px;
    text-align: left;
    color: #333;
}

.contact-fields,
.contact_comment {
    float: left;
    width: 100%;
    font-size: 16px;
    padding: 0 25px;
    color: #333;
    line-height: 46px;
    text-align: left;
    height: 46px;
    border: 2px solid #f0f0f0;
    box-shadow: none;
}

.contact-box ul li.textarea {
    margin: 45px 0 0;
    width: 100%;
}

.contact_comment {
    padding-top: 20px;
    line-height: 24px;
    height: auto;
    min-height: 148px;
}

.submit {
    margin: 40px 0 0;
    border: none;
    outline: none;
    color: #fff;
    display: inline-block;
    width: 220px;
    background: #1fa45b;
    font-size: 18px;
    line-height: 50px;
    padding: 0px;
    border-radius: 4px;
    text-transform: uppercase;
    transition: all ease-in-out 0.6s;
}

.submit:hover {
    background: rgb(71, 191, 126);
}

.form-success {
    color: #19a937;
    float: left;
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 15px;
    text-align: center;
    width: 100%;
}

span.error {
    display: none !important;
    color: #f90303;
    padding: 0 15px;
}

.contact-fields::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #333;
}

.contact-fields::-moz-placeholder {
    /* Firefox 19+ */
    color: #333;
}

.contact-fields:-ms-input-placeholder {
    /* IE 10+ */
    color: #333;
}

.contact-fields:-moz-placeholder {
    /* Firefox 18- */
    color: #333;
}

.contact_comment::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #333;
}

.contact_comment::-moz-placeholder {
    /* Firefox 19+ */
    color: #333;
}

.contact_comment:-ms-input-placeholder {
    /* IE 10+ */
    color: #333;
}

.contact_comment:-moz-placeholder {
    /* Firefox 18- */
    color: #333;
}

.contact-section .section-head {
    margin: 0 0 59px;
}

.promotion-banner .intro-content {
    min-width: 1024px;
}

.new-banner h1 {
    position: relative;
}

.new-banner h1 img {
    position: absolute;
    right: 12%;
    top: -16px;
}

.new-banner p {
    font-size: 24px;
}

.new-banner .intro-actions a {
    text-transform: capitalize !important;
}

.discount-box {
    font-size: 24px;
    font-weight: 300;
    margin-bottom: 50px;
}

.discount-box span {
    color: #2cbc72;
}

.main-page-plans .packages-products .package {
    position: relative;
}

.main-page-plans .green-percentage-tag {
    width: 40px;
    height: 40px;
    position: absolute;
    left: 0;
    right: 0;
    top: -30px;
    margin: 0 auto;
    background: url("images/green-percentage.png") no-repeat center top;
}

.off-plan-price,
.orignal-price {
    display: inline-block;
    vertical-align: top;
    font-weight: bold;
}

.off-plan-price {
    font-size: 24px;
    text-decoration: line-through;
}

.webhosting-banner {
    height: 657px;
}

.webhosting-banner p {
    font-size: 24px;
    margin-bottom: 23px;
}

.webhosting-banner .discount-box {
    margin-bottom: 0;
}

.webhosting-banner .intro-content {
    max-width: 810px;
}

.new-banner .intro-content .btn {
    border: 1px solid #fff;
    margin-left: 19px;
}

.new-banner .intro-content .btn:hover {
    background: #1fa45b;
    color: #fff;
    border: 1px solid #1fa45b;
}

.new-banner .intro-content .btn+.btn {
    border: none;
}

.new-banner .intro-content .btn+.btn:hover {
    opacity: 0.9;
    color: #fff;
    background: #1fa45b;
}

.orignal-price {
    color: #1fa45b;
}

.webhosting-banner h1 {
    position: relative;
}

.webhosting-banner h1 img {
    position: absolute;
    right: 21%;
    top: -10px;
}

.new-banner .intro-content {
    max-width: 850px;
}


/* RESPONSIVE EXAMPLE */

.main-page-plans .packages .package-body p {
    min-height: 120px;
}

.stacktable.large-only {
    display: table;
}

.stacktable.small-only {
    display: none;
}


/****************/


/************** NEW AFFILIATE BANNER **************/

.new-affiliate-banner .slide-content {
    max-width: auto;
    min-width: 750px;
    font-size: 18px;
    line-height: 22px;
    position: relative;
    padding-top: 115px;
}

.new-affiliate-banner .slide-content>p {
    line-height: 22px;
}

.new-affiliate-banner .slide-content h1 {
    font-size: 36px;
    line-height: 42px;
    margin: 0 0 38px;
}

.new-affiliate-banner .slide-content .btn-green.btn-medium {
    font-size: 18px;
    text-transform: capitalize;
    font-weight: 400;
    min-width: 187px;
    line-height: 50px;
    height: 50px;
}

.new-affiliate-banner .slide-content p a {
    /*font-weight: 300;*/
}

.new-affiliate-banner .shell {
    min-height: 405px;
}

.new-affiliate-banner .slide-actions .btn+p {
    margin-left: 42px;
}

.new-affiliate-banner .slide-content .slide-actions {
    position: absolute;
    left: 0;
    bottom: 0;
}

.new-affiliate-banner .slide {
    min-height: 645px;
}

.slider-hero-nav .slick-current {
    font-weight: 400;
}

.affiliate-benefits .list-benefits small {
    line-height: 30px;
}

.affiliate-benefits {
    padding: 72px 0;
}

.affiliate-benefits .list-benefits li {
    margin-bottom: 0;
}

.affiliate-benefits .list-benefits span {
    margin-bottom: 47px;
}

.affiliate-benefits h5 {
    margin-bottom: 6px;
}

.affiliate-benefits .section-head {
    margin-bottom: 82px;
}

.list-features h5 {
    margin-bottom: 30px;
}

.nav-utilities>ul>li.top-login {
    margin: 0 !important;
}

.affiliate-benefits .list-benefits li a {
    display: inline-block;
}

.nav-utilities>ul>li.top-login a {
    display: block;
    line-height: 34px;
    box-shadow: 0 0 0 2px #fff inset;
    text-align: center;
    min-width: 90px;
    border-radius: 32px;
    transition: all ease-in-out 0.6s;
}

.nav-utilities>ul>li.top-login a:hover {
    background: #1fa45b;
    color: #fff;
    box-shadow: 0 0 0 2px #1fa45b inset;
}

.new-affiliate-banner .slide-content>p {
    font-size: 18px;
}

.new-affiliate-banner .slide-content>p a {
    color: #1fa45b;
    font-weight: 300;
    text-decoration: none;
}

.section-question h3 {
    margin-bottom: 20px;
}


/******** DOMAIN PROMOTION SLIDE ***********/

.domains-promotion-banner h1 {
    position: relative;
    font-size: 60px;
    line-height: 70px;
}

.domains-promotion-banner h1 span {
    display: block;
    font-size: 24px;
    line-height: 28px;
    font-weight: lighter;
    margin: 0 0 34px;
}

.domains-promotion-banner img {
    position: absolute;
    right: -29%;
    top: -20px;
}

.domains-promotion-banner p {
    font-size: 24px;
    line-height: 26px;
    margin: 5px 0 45px;
}

.domains-promotion-banner p span {
    color: #fff;
    text-decoration: line-through;
    font-size: 24px;
}

.domains-promotion-banner p b {
    color: #1fa45b;
}

.domains-promotion-banner .intro-content .btn {
    font-size: 18px;
    text-transform: capitalize;
    width: 206px;
    line-height: 50px;
    height: 50px;
    padding: 0;
    margin: 0 20px !important;
    box-shadow: 0 0 0 2px #fff inset;
}

.domains-promotion-banner .intro-content .btn:first-child:hover {
    background: #fff;
    color: #1fa45b;
}

.domains-promotion-banner .intro-content .btn+.btn {
    border: none;
    box-shadow: none;
}


/************** Spring banner ************/

.spring-banner h1 {
    margin-bottom: 55px;
}

.spring-banner p {
    margin-bottom: 47px;
    font-weight: lighter;
}

.spring-banner .discount-box {
    margin-bottom: 45px;
}

.contact-formbox {
    float: none;
    display: inline-block !important;
}


/******* new header style ************/

.nav-utilities>ul>li a {
    font-weight: 300;
}

.nav-utilities>ul.left-list>li:last-child {
    margin-left: 33px;
}

.nav-utilities {
    font-weight: 300;
}

.nav-utilities>ul>li.top-login a {
    font-weight: 400;
}

.nav-utilities>ul.right-list>li {
    /*margin-right: 16px;*/
}

.nav li {
    margin-right: 36px;
}

.nav .btn-medium {
    padding: 0 31px;
}


/*********** spain-banner ***********/


/*.spain-banner{
	padding-top: 150px;
}*/

.spain-banner h1 {
    margin: 0 0 28px;
}

.spain-banner h2 span {
    color: #1fa45b;
    font-weight: bold;
}

.spain-banner p {
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 46px;
}

.spain-banner .intro-content {
    max-width: 850px;
}

.spain-banner .intro-content .btn {
    font-size: 18px;
    min-width: 188px;
}

.spain-banner .intro-content .btn:hover {
    color: #fff;
    opacity: 0.9;
}

.spain-banner .discount-box {
    margin-bottom: 43px;
}

.spain-banner h2 {
    font-size: 24px;
    line-height: 36px;
    margin: 0 0 32px;
    font-weight: 300;
}

.spain-banner h2 span {
    font-weight: 500;
}

.nav-utilities {
    padding: 14px 0;
}

.desktop-menu {
    position: relative;
    width: 100%;
    float: left;
}

.top-promotion-box2 {
    position: relative !important;
    z-index: 99 !important;
}

.static-desktop-menu {
    position: inherit;
    float: inherit;
    width: auto;
}

.top-promotion-box {
    background: #1fa45b;
    float: left;
    width: 100%;
    text-align: center;
    color: #fff;
    padding: 15px 3%;
    font-size: 16px;
    line-height: 18px;
}

.top-promotion-box p {
    margin: 0 auto;
    display: inline-block;
    vertical-align: top;
}

.new-banner .intro-actions a {
    font-size: 18px;
    text-transform: inherit !important;
}

.intro-actions {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 130px;
}

.intro-home {
    position: relative;
}

.owl-carousel .owl-wrapper-outer {
    border-bottom: 16px solid #1fa45b;
    margin-bottom: 0;
}

.intro .intro-content {
    padding-bottom: 55px;
}


/*************************/

.packages .package .package-body {
    padding: 15px 20px 0;
}

.main-page-plans .packages .package-body p {
    min-height: 120px;
}

.packages-products .package h4 {
    color: #282828;
}

.off-text {
    margin-bottom: 14px;
}

.packages .package-price p {
    margin-top: 8px;
}

.packages .package-actions .green-btn {
    min-width: 190px;
    padding: 0;
    line-height: 50px;
    height: 50px;
    display: inline-block;
}

.packages .package-price strong,
.packages .package-price small {
    color: #1fa45b;
}

.main-page-plans {
    padding-bottom: 90px;
}

.package-main .package-price strong,
.package-main .package-price small,
.package-main .off-text,
.package-main .package-price p {
    color: #fff !important;
}

.section-logos .list-logos {
    padding-top: 91px;
}

.packages-products .package-actions {
    padding-top: 20px;
}

.packages-products .package-main h4 {
    color: #fff !important;
}

@media (max-width: 800px) {
    .stacktable.large-only {
        display: none;
    }
}

.btn-medium i img {
    margin-top: -3px;
}


/*************christmas banner**********/

.christmas-01 {
    padding-top: 96px;
}

.christmas-01 p {
    margin-bottom: 20px;
    position: relative;
}

.christmas-01 p img {
    right: -110px;
    top: -18px;
    position: absolute;
}

.christmas-01 h1 {
    font-size: 72px;
    margin-bottom: 25px;
}

.christmas-01 .intro-actions .btn {
    margin-left: 0;
    min-width: 187px;
}

.christmas-01 .intro-actions .btn.btn-green {
    margin-left: 40px;
}


/************* SITELOCK NEW PAGE ****************/

.sitelock-new-banner .intro-content {
    position: relative
}

.sitelock-new-image {
    position: absolute;
    right: 0;
    top: 40%;
}

.sitelock-new-banner .intro-content {
    width: 1170px;
    max-width: inherit
}

.sitelock-section {
    padding: 90px 0;
    background-image: url("images/sitelock-new-bg.jpg");
    background-size: cover;
}

.sitelock-section h2 {
    font-size: 36px;
    line-height: 40px;
    margin: 0 0 70px;
}

.small-red-box {
    display: inline-block;
    margin: 0 1.5% 30px 0;
    background: #e12236;
    padding: 50px;
    width: 31.5%;
    vertical-align: top;
    color: #fff;
    font-size: 18px;
    line-height: 28px;
    text-align: left;
    min-height: 494px;
}

.small-red-box:nth-child(4) {
    margin-right: 0px;
}

.small-red-box h3 {
    font-size: 30px;
    line-height: 36px;
    margin: 0 0 34px;
}

.small-red-box p {
    margin: 0;
}

.sitelock-box-holder {
    margin: 0 0 80px;
}

.sitelock-box-holder .smallbox figure {
    margin-bottom: 30px;
}

.smallbox h4 {
    margin: 0 0 32px;
}

.sitelock-news-box {
    background: url(images/sitelock-news-image.jpg) no-repeat center top;
    background-attachment: fixed;
    background-size: cover;
}

.gradiant-text {
    display: table;
    width: 100%;
    color: #fff;
    height: 620px;
}

.v-align {
    display: table-cell;
    vertical-align: middle;
}

.gradiant-text h2 span {
    display: block;
    font-size: 18px;
    line-height: 24px;
    margin: 0 0 44px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.gradiant-text h2 {
    margin-top: 0;
}

.select-box {
    display: inline-block;
    width: 80%;
    margin: 15px 0 37px;
}

.select-box select {
    border: none;
    box-shadow: 0 0 0 1px #dedede inset;
    line-height: 39px;
    height: 39px;
    padding: 0 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url(images/arrow-down.png) no-repeat 95% 15px #fff;
    border-radius: 0;
    border-bottom: 2px solid #00b67a;
    outline: none;
}

.onetime-box {
    width: 80%;
    text-align: left;
    padding: 0 5%;
    line-height: 39px;
    height: 39px;
    background: #ededed;
    margin: 15px auto 35px;
    box-shadow: 0 0 0 #e1e0e0 inset;
}

.sitelock-new-plans .package-head h4 {
    margin-bottom: 30px
}

.package-main .package-body ul li {
    color: #fff
}

.sitelock-new-plans .package-head p {
    min-height: 40px
}

.sitelock-new-plans .package {
    padding: 47px 10px 150px
}

.sitelock-new-plans .package .package-actions {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 50px
}


/************* Domain Extension Box ****************/

.domain_ext_box.packages .package-actions .green-btn {
    min-width: 125px;
    line-height: 46px;
    height: 46px;
}
.customer-review-banner{
    height: 180px;
}
.customer-reviews h1{
    margin-bottom: 35px;
}
.customer-reviews a{
    color:  #2cbc72;
}
.customer-reviews h2{
	font-size: 30px;
}