/*
	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 --------------------------------------
	     06. Button -----------------------------------
	         Button Block -----------------------------
	         Button play ------------------------------
	         Btn burger -------------------------------
	     07. Form Elements ----------------------------
	     08. Form -------------------------------------
	     09. FOrm contact -----------------------------
	     10. Info -------------------------------------
	     11. Info Box ---------------------------------
	     12. Intro ------------------------------------
	     13. List -------------------------------------
	     14. List Links -------------------------------
	     15. List Benefits ----------------------------
	     16. List Features ----------------------------
	     17. List Question ----------------------------
	     18. List updates -----------------------------
	     19. List contacts ----------------------------
	     20. List toggle ------------------------------
	     21. List bullets -----------------------------
	     22. List info --------------------------------
	     23. list package features --------------------
	     24. List logos -------------------------------
	     25. List checks ------------------------------
	     26. Login ------------------------------------
	     27. Logo -------------------------------------
	     28. Map --------------------------------------
	     29. Nav --------------------------------------
	     30. Nav Utilities ----------------------------
	     31. Packages ---------------------------------
	         Packages secondary -----------------------
	     32. Progress ---------------------------------
	     33. Review -----------------------------------
	     34. Section-About ----------------------------
	         Sectopm about secondary ------------------
	     35. Section Benefits -------------------------
	     36. Section Features -------------------------
	     37. Section Features Alt ---------------------
	     38. Section Question -------------------------
	     39. Section Careers --------------------------
	     40. Section List Careers ---------------------
	     41. Section Sbf ------------------------------
	     42. Section video ----------------------------
	     43. Section help -----------------------------
	     44. Section-login ----------------------------
	     45. Section network --------------------------
	     46. Section privacy --------------------------
	     47. Section terms ----------------------------
	     48. Section reviews --------------------------
	     49. Section products -------------------------
	     50. section logos ----------------------------
	     51. Section Features Alt ---------------------
	     52. Slider -----------------------------------
	     53. Slider Hero Nav --------------------------
	     54. Slider review ----------------------------
	     55. Socials ----------------------------------
	     56. Table ------------------------------------
	     57. Tabs -------------------------------------
	     58. Updates ----------------------------------
	     59. Video ------------------------------------
	     60. Widget -----------------------------------
 */

.desktop-menu {
    display: none;
}

.desktop-menu,
.mobile-menu {
    float: left;
    width: 100%;
}

.ico-arrow-down {
    background-image: url(images/sprite-mobile.png);
    background-position: 96.48760330578511% 79.46210268948656%;
    background-size: 2520% 1673.076923076923%;
    width: 20px;
    height: 26px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-arrow-left-list {
    background-image: url(images/sprite-mobile.png);
    background-position: 100% 53.5377358490566%;
    background-size: 7200% 3954.5454545454545%;
    width: 7px;
    height: 11px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-arrow-right-large {
    background-image: url(images/sprite-mobile.png);
    background-position: 100% 40.68627450980392%;
    background-size: 1362.162162162162% 1611.111111111111%;
    width: 37px;
    height: 27px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-arrow-right {
    background-image: url(images/sprite-mobile.png);
    background-position: 99.79674796747967% 85.33653846153845%;
    background-size: 4200% 2289.4736842105262%;
    width: 12px;
    height: 19px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-arrow-up {
    background-image: url(images/sprite-mobile.png);
    background-position: 96.48760330578511% 86.79706601466992%;
    background-size: 2520% 1673.076923076923%;
    width: 20px;
    height: 26px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-availability-large {
    background-image: url(images/sprite-mobile.png);
    background-position: 80.6896551724138% 20.273972602739725%;
    background-size: 730.4347826086956% 621.4285714285714%;
    width: 69px;
    height: 70px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-billing {
    background-image: url(images/sprite-mobile.png);
    background-position: 91.20171673819742% 87.6574307304786%;
    background-size: 1326.3157894736842% 1144.7368421052631%;
    width: 38px;
    height: 38px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-billing-hover,
a:hover .ico-billing,
button:hover .ico-billing,
a.hover .ico-billing,
button.hover .ico-billing,
.ico-billing.hover {
    background-image: url(images/sprite-mobile.png);
    background-position: 29.184549356223176% 98.74055415617129%;
    background-size: 1326.3157894736842% 1144.7368421052631%;
    width: 38px;
    height: 38px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-builder-large {
    background-image: url(images/sprite-mobile.png);
    background-position: 65.80086580086581% 86.60049627791562%;
    background-size: 1200% 1359.375%;
    width: 42px;
    height: 32px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-calendar {
    background-image: url(images/sprite-mobile.png);
    background-position: 43.42105263157895% 87.68844221105527%;
    background-size: 1050% 1175.6756756756756%;
    width: 48px;
    height: 37px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-chart-large {
    background-image: url(images/sprite-mobile.png);
    background-position: 100% 21.608040201005025%;
    background-size: 1362.162162162162% 1175.6756756756756%;
    width: 37px;
    height: 37px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-check-large {
    background-image: url(images/sprite-mobile.png);
    background-position: 99.36170212765958% 48.16625916870416%;
    background-size: 1482.3529411764707% 1673.076923076923%;
    width: 34px;
    height: 26px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-cloud {
    background-image: url(images/sprite-mobile.png);
    background-position: 97.9035639412998% 64.86486486486487%;
    background-size: 1866.6666666666667% 1553.5714285714287%;
    width: 27px;
    height: 28px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-commission {
    background-image: url(images/sprite-mobile.png);
    background-position: 97.69874476987448% 56.46766169154229%;
    background-size: 1938.4615384615383% 1318.1818181818182%;
    width: 26px;
    height: 33px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-cpanel {
    background-image: url(images/sprite-mobile.png);
    background-position: 75.92190889370933% 85.74938574938575%;
    background-size: 1172.093023255814% 1553.5714285714287%;
    width: 43px;
    height: 28px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

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

.ico-disk-3-small {
    background-image: url(images/sprite-mobile.png);
    background-position: 77.48344370860927% 71.64556962025317%;
    background-size: 988.2352941176471% 1087.5%;
    width: 51px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

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

.ico-disk-1 {
    background-image: url(images/sprite-mobile.png);
    background-position: 56.86274509803921% 48.529411764705884%;
    background-size: 525% 1611.111111111111%;
    width: 96px;
    height: 27px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-dollars {
    background-image: url(images/sprite-mobile.png);
    background-position: 55.06607929515418% 86.81592039800995%;
    background-size: 1008% 1318.1818181818182%;
    width: 50px;
    height: 33px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-enterprise-large {
    background-image: url(images/sprite-mobile.png);
    background-position: 47.21030042918455% 97.51243781094527%;
    background-size: 1326.3157894736842% 1318.1818181818182%;
    width: 38px;
    height: 33px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-facebook-small {
    background-image: url(images/sprite-mobile.png);
    background-position: 99.79674796747967% 78.3132530120482%;
    background-size: 4200% 2175%;
    width: 12px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-facebook {
    background-image: url(images/sprite-mobile.png);
    background-position: 66.16379310344827% 58.734177215189874%;
    background-size: 1260% 1087.5%;
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-file-large {
    background-image: url(images/sprite-mobile.png);
    background-position: 91.00642398286938% 29.792746113989637%;
    background-size: 1362.162162162162% 887.7551020408163%;
    width: 37px;
    height: 49px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-google-small {
    background-image: url(images/sprite-mobile.png);
    background-position: 97.69874476987448% 91.8854415274463%;
    background-size: 1938.4615384615383% 2718.75%;
    width: 26px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-gplus {
    background-image: url(images/sprite-mobile.png);
    background-position: 19.82758620689655% 99.24050632911391%;
    background-size: 1260% 1087.5%;
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-handshake {
    background-image: url(images/sprite-mobile.png);
    background-position: 31.41592920353982% 87.90931989924434%;
    background-size: 969.2307692307692% 1144.7368421052631%;
    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-mobile.png);
    background-position: 19.02654867256637% 87.90931989924434%;
    background-size: 969.2307692307692% 1144.7368421052631%;
    width: 52px;
    height: 38px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-industry-large {
    background-image: url(images/sprite-mobile.png);
    background-position: 100% 31.75%;
    background-size: 1362.162162162162% 1242.857142857143%;
    width: 37px;
    height: 35px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-info {
    background-image: url(images/sprite-mobile.png);
    background-position: 78.17371937639199% 58.839050131926115%;
    background-size: 916.3636363636364% 776.7857142857143%;
    width: 55px;
    height: 56px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-locations-large {
    background-image: url(images/sprite-mobile.png);
    background-position: 90.8119658119658% 14.960629921259844%;
    background-size: 1400% 805.5555555555555%;
    width: 36px;
    height: 54px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-login-dark {
    background-image: url(images/sprite-mobile.png);
    background-position: 96.48760330578511% 97.12230215827337%;
    background-size: 2520% 2416.666666666667%;
    width: 20px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-login {
    background-image: url(images/sprite-mobile.png);
    background-position: 72.52066115702479% 78.41726618705036%;
    background-size: 2520% 2416.666666666667%;
    width: 20px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-message-large {
    background-image: url(images/sprite-mobile.png);
    background-position: 56.22317596566524% 96.79012345679013%;
    background-size: 1326.3157894736842% 1450%;
    width: 38px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-performace-large {
    background-image: url(images/sprite-mobile.png);
    background-position: 80.87557603686636% 0%;
    background-size: 720% 621.4285714285714%;
    width: 70px;
    height: 70px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

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

.ico-phone-large {
    background-image: url(images/sprite-mobile.png);
    background-position: 91.20171673819742% 66.49874055415617%;
    background-size: 1326.3157894736842% 1144.7368421052631%;
    width: 38px;
    height: 38px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

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

.ico-premium-large {
    background-image: url(images/sprite-mobile.png);
    background-position: 91.20171673819742% 77.07808564231739%;
    background-size: 1326.3157894736842% 1144.7368421052631%;
    width: 38px;
    height: 38px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-r-1-large {
    background-image: url(images/sprite-mobile.png);
    background-position: 0% 100%;
    background-size: 1172.093023255814% 1011.6279069767442%;
    width: 43px;
    height: 43px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-server-large {
    background-image: url(images/sprite-mobile.png);
    background-position: 38.197424892703864% 98.74055415617129%;
    background-size: 1326.3157894736842% 1144.7368421052631%;
    width: 38px;
    height: 38px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-ssd {
    background-image: url(images/sprite-mobile.png);
    background-position: 91.20171673819742% 0%;
    background-size: 1326.3157894736842% 820.7547169811321%;
    width: 38px;
    height: 53px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-storage-large {
    background-image: url(images/sprite-mobile.png);
    background-position: 79.41176470588235% 40.65934065934066%;
    background-size: 812.9032258064516% 612.6760563380282%;
    width: 62px;
    height: 71px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-support-large {
    background-image: url(images/sprite-mobile.png);
    background-position: 90.8119658119658% 42.74809160305343%;
    background-size: 1400% 1035.7142857142858%;
    width: 36px;
    height: 42px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-support {
    background-image: url(images/sprite-mobile.png);
    background-position: 100% 10.85858585858586%;
    background-size: 1362.162162162162% 1115.3846153846152%;
    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-mobile.png);
    background-position: 100% 0%;
    background-size: 1362.162162162162% 1115.3846153846152%;
    width: 37px;
    height: 39px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-thunder-large {
    background-image: url(images/sprite-mobile.png);
    background-position: 90.04237288135593% 55.012853470437015%;
    background-size: 1575% 945.6521739130435%;
    width: 32px;
    height: 46px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-twitter-small {
    background-image: url(images/sprite-mobile.png);
    background-position: 77.47933884297521% 78.22966507177034%;
    background-size: 2520% 2558.823529411765%;
    width: 20px;
    height: 17px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-twitter {
    background-image: url(images/sprite-mobile.png);
    background-position: 10.151187904967603% 99.24050632911391%;
    background-size: 1229.2682926829268% 1087.5%;
    width: 41px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-x {
    background-image: url(images/sprite-mobile.png);
    background-position: 97.4947807933194% 72.1951219512195%;
    background-size: 2016% 1739.9999999999998%;
    width: 25px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.logo-drupal {
    background-image: url(images/sprite-mobile.png);
    background-position: 57.47422680412371% 73.13432835820896%;
    background-size: 434.48275862068965% 1318.1818181818182%;
    width: 116px;
    height: 33px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.logo-joomla {
    background-image: url(images/sprite-mobile.png);
    background-position: 0% 61.53846153846154%;
    background-size: 327.2727272727273% 750%;
    width: 154px;
    height: 58px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.logo-magento {
    background-image: url(images/sprite-mobile.png);
    background-position: 25.97402597402597% 73.68421052631578%;
    background-size: 423.5294117647059% 1208.3333333333335%;
    width: 119px;
    height: 36px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.logo-php {
    background-image: url(images/sprite-mobile.png);
    background-position: 0% 88.13131313131312%;
    background-size: 614.6341463414634% 1115.3846153846152%;
    width: 82px;
    height: 39px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.logo-wordpress {
    background-image: url(images/sprite-mobile.png);
    background-position: 44.01114206128134% 59.9483204134367%;
    background-size: 347.5862068965517% 906.25%;
    width: 145px;
    height: 48px;
    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/sprite2x-mobile.png);
        background-position: 99.73333333333333% 22.97734627831715%;
        background-size: 1113.5135135135135% 1244.4444444444446%;
        width: 37px;
        height: 27px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-availability-large {
        background-image: url(images/sprite2x-mobile.png);
        background-position: 63.84839650145773% 27.819548872180448%;
        background-size: 597.1014492753623% 480%;
        width: 69px;
        height: 70px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-billing {
        background-image: url(images/sprite2x-mobile.png);
        background-position: 46.79144385026738% 99.32885906040269%;
        background-size: 1084.2105263157896% 884.2105263157896%;
        width: 38px;
        height: 38px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-billing-hover,
    a:hover .ico-billing,
    button:hover .ico-billing,
    a.hover .ico-billing,
    button.hover .ico-billing,
    .ico-billing.hover {
        background-image: url(images/sprite2x-mobile.png);
        background-position: 58.02139037433155% 99.32885906040269%;
        background-size: 1084.2105263157896% 884.2105263157896%;
        width: 38px;
        height: 38px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-builder-large {
        background-image: url(images/sprite2x-mobile.png);
        background-position: 27.297297297297295% 81.9078947368421%;
        background-size: 980.952380952381% 1050%;
        width: 42px;
        height: 32px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-calendar {
        background-image: url(images/sprite2x-mobile.png);
        background-position: 61.26373626373627% 58.19397993311036%;
        background-size: 858.3333333333334% 908.1081081081081%;
        width: 48px;
        height: 37px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-chart-large {
        background-image: url(images/sprite2x-mobile.png);
        background-position: 88.8% 49.83277591973244%;
        background-size: 1113.5135135135135% 908.1081081081081%;
        width: 37px;
        height: 37px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-check-large {
        background-image: url(images/sprite2x-mobile.png);
        background-position: 98.94179894179894% 32.903225806451616%;
        background-size: 1211.764705882353% 1292.3076923076924%;
        width: 34px;
        height: 26px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-cloud {
        background-image: url(images/sprite2x-mobile.png);
        background-position: 97.14285714285714% 54.87012987012987%;
        background-size: 1525.9259259259259% 1200%;
        width: 27px;
        height: 28px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-commission {
        background-image: url(images/sprite2x-mobile.png);
        background-position: 96.89119170984456% 43.56435643564357%;
        background-size: 1584.6153846153848% 1018.1818181818181%;
        width: 26px;
        height: 33px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-cpanel {
        background-image: url(images/sprite2x-mobile.png);
        background-position: 39.83739837398374% 80.84415584415584%;
        background-size: 958.1395348837209% 1200%;
        width: 43px;
        height: 28px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-disk-2 {
        background-image: url(images/sprite2x-mobile.png);
        background-position: 0% 41.75438596491228%;
        background-size: 429.1666666666667% 658.8235294117646%;
        width: 96px;
        height: 51px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-disk-3-small {
        background-image: url(images/sprite2x-mobile.png);
        background-position: 27.70083102493075% 40.2027027027027%;
        background-size: 807.8431372549019% 840%;
        width: 51px;
        height: 40px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-disk-3 {
        background-image: url(images/sprite2x-mobile.png);
        background-position: 37.65822784810127% 0%;
        background-size: 429.1666666666667% 448.00000000000006%;
        width: 96px;
        height: 75px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-disk-1 {
        background-image: url(images/sprite2x-mobile.png);
        background-position: 37.65822784810127% 25.5663430420712%;
        background-size: 429.1666666666667% 1244.4444444444446%;
        width: 96px;
        height: 27px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-dollars {
        background-image: url(images/sprite2x-mobile.png);
        background-position: 12.98342541436464% 82.17821782178217%;
        background-size: 824% 1018.1818181818181%;
        width: 50px;
        height: 33px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-enterprise-large {
        background-image: url(images/sprite2x-mobile.png);
        background-position: 100% 0%;
        background-size: 1084.2105263157896% 1018.1818181818181%;
        width: 38px;
        height: 33px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-facebook {
        background-image: url(images/sprite2x-mobile.png);
        background-position: 23.9247311827957% 100%;
        background-size: 1030% 840%;
        width: 40px;
        height: 40px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-file-large {
        background-image: url(images/sprite2x-mobile.png);
        background-position: 88.8% 0%;
        background-size: 1113.5135135135135% 685.7142857142857%;
        width: 37px;
        height: 49px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-gplus {
        background-image: url(images/sprite2x-mobile.png);
        background-position: 12.096774193548388% 100%;
        background-size: 1030% 840%;
        width: 40px;
        height: 40px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-handshake {
        background-image: url(images/sprite2x-mobile.png);
        background-position: 46.38888888888889% 58.38926174496645%;
        background-size: 792.3076923076924% 884.2105263157896%;
        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/sprite2x-mobile.png);
        background-position: 43.05555555555556% 39.93288590604027%;
        background-size: 792.3076923076924% 884.2105263157896%;
        width: 52px;
        height: 38px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-industry-large {
        background-image: url(images/sprite2x-mobile.png);
        background-position: 88.8% 63.12292358803987%;
        background-size: 1113.5135135135135% 960%;
        width: 37px;
        height: 35px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-info {
        background-image: url(images/sprite2x-mobile.png);
        background-position: 18.487394957983195% 62.142857142857146%;
        background-size: 749.0909090909091% 600%;
        width: 55px;
        height: 56px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-locations-large {
        background-image: url(images/sprite2x-mobile.png);
        background-position: 77.92553191489363% 0%;
        background-size: 1144.4444444444446% 622.2222222222223%;
        width: 36px;
        height: 54px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-login-dark {
        background-image: url(images/sprite2x-mobile.png);
        background-position: 95.40816326530613% 70.12578616352201%;
        background-size: 2060% 1866.6666666666667%;
        width: 20px;
        height: 18px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-login {
        background-image: url(images/sprite2x-mobile.png);
        background-position: 95.40816326530613% 63.20754716981132%;
        background-size: 2060% 1866.6666666666667%;
        width: 20px;
        height: 18px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-message-large {
        background-image: url(images/sprite2x-mobile.png);
        background-position: 100% 12.091503267973856%;
        background-size: 1084.2105263157896% 1120%;
        width: 38px;
        height: 30px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-performace-large {
        background-image: url(images/sprite2x-mobile.png);
        background-position: 64.03508771929825% 0%;
        background-size: 588.5714285714287% 480%;
        width: 70px;
        height: 70px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-phone-large {
        background-image: url(images/sprite2x-mobile.png);
        background-position: 35.56149732620321% 99.32885906040269%;
        background-size: 1084.2105263157896% 884.2105263157896%;
        width: 38px;
        height: 38px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-play-large {
        background-image: url(images/sprite2x-mobile.png);
        background-position: 0% 0%;
        background-size: 358.26086956521743% 292.17391304347825%;
        width: 115px;
        height: 115px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-premium-large {
        background-image: url(images/sprite2x-mobile.png);
        background-position: 80.4812834224599% 99.32885906040269%;
        background-size: 1084.2105263157896% 884.2105263157896%;
        width: 38px;
        height: 38px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-r-1-large {
        background-image: url(images/sprite2x-mobile.png);
        background-position: 0% 84.98293515358361%;
        background-size: 958.1395348837209% 781.3953488372092%;
        width: 43px;
        height: 43px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-server-large {
        background-image: url(images/sprite2x-mobile.png);
        background-position: 69.25133689839572% 99.32885906040269%;
        background-size: 1084.2105263157896% 884.2105263157896%;
        width: 38px;
        height: 38px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-ssd {
        background-image: url(images/sprite2x-mobile.png);
        background-position: 33.42245989304813% 61.48409893992933%;
        background-size: 1084.2105263157896% 633.9622641509434%;
        width: 38px;
        height: 53px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-storage-large {
        background-image: url(images/sprite2x-mobile.png);
        background-position: 0% 65.66037735849056%;
        background-size: 664.516129032258% 473.2394366197183%;
        width: 62px;
        height: 71px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-support-large {
        background-image: url(images/sprite2x-mobile.png);
        background-position: 88.56382978723404% 18.027210884353742%;
        background-size: 1144.4444444444446% 800%;
        width: 36px;
        height: 42px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-thunder-large {
        background-image: url(images/sprite2x-mobile.png);
        background-position: 87.63157894736841% 34.13793103448276%;
        background-size: 1287.5% 730.4347826086956%;
        width: 32px;
        height: 46px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
    .ico-twitter {
        background-image: url(images/sprite2x-mobile.png);
        background-position: 0% 100%;
        background-size: 1004.8780487804878% 840%;
        width: 41px;
        height: 40px;
        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;
}

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;
}

body.nav-show {
    overflow: hidden;
}

body:after {
    content: '';
    background: rgba(0, 0, 0, 0.8);
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s .3s, visibility .5s .3s;
    z-index: 50;
}

body.nav-show:after {
    opacity: 1;
    visibility: visible;
}

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

a:hover {
    text-decoration: none;
}

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

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

h1 {
    font-size: 27px;
}

h2 {
    font-size: 27px;
}

h3 {
    font-size: 28px;
}

h4 {
    font-size: 22px;
}

h5 {
    font-size: 22px;
}

h6 {
    font-size: 17px;
}

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;
}


/* ------------------------------------------------------------ *\
	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
\* ------------------------------------------------------------ */

@media screen and (max-width: 800px) {}

.footer .phone {
    font-weight: 500;
    font-size: 32px;
    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: 50px 0 50px;
}

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

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

.footer-cols .footer-col+.footer-col {
    padding-top: 50px;
}

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

.footer-bar .copyright {
    font-size: 12px;
    line-height: 1.88em;
    font-weight: 300;
    margin-bottom: 0;
    color: #b0b3b5;
    text-align: center;
}

.footer-nav ul {
    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;
}

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

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

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


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

.header {
    float: left;
    width: 100%;
    padding: 0 4%;
    max-width: 100%;
    margin-bottom: 0px;
    box-shadow: none;
}

.header .logo {
    float: left;
    margin-top: 13px;
    width: 188px;
    height: 36.5px;
    transition: opacity .5s .2s;
}

.header .header-inner {
    position: fixed;
    top: 0;
    right: -200%;
    width: 100%;
    width: 283px;
    background: #293339;
    height: 100%;
    overflow: auto;
    z-index: 100;
    transition: right .5s;
    padding-top: 40px;
    z-index: 51;
}

.header .header-inner a {
    color: #fff;
}

.header .btn.btn-medium.btn-green-alt {
    display: block;
    margin-top: 52px;
}

.header.header-absolute {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 51;
    width: 100%;
    box-shadow: none;
}

.header.header-absolute .btn-burger span:after,
.header.header-absolute .btn-burger span:before {
    background: #fff;
}

.header.nav-show .header-inner {
    right: 0;
}

.header.nav-show .logo {
    opacity: 0;
}

.header .btn-medium {
    border-radius: 0;
    font-size: 25px;
    padding-top: 18px;
    padding-bottom: 18px;
    height: auto;
    display: block;
    font-weight: 700;
}


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

.main {}


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

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

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

@media (max-width: 374px) {
    .shell {
        padding-left: 10px;
        padding-right: 10px;
    }
}


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

.sidebar {}


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


/* ------------------------------------------------------------ *\
	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: 100%;
    font-weight: 700;
}

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

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

.accordion-body-inner {
    padding: 23px 21px 22px 22px;
    border: 1px solid #eaeaea;
    background: #fbfbfb;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    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: 100%;
    position: relative;
    padding-bottom: 30px;
}

.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 {
    position: relative;
}

.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;
}

.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;
    display: none;
}

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

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

.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 {
    list-style: none;
}

.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;
}

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

.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 {
    max-width: 288px;
    margin: 0 auto 40px;
}


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

.bar .bar-inner {
    padding: 23px 18px 30px 18px;
    border-radius: 3px;
    text-align: center;
}

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

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

.bar-green .btn-medium-alt {
    padding: 18px 23px;
    display: block;
    line-height: 1;
    height: auto;
}


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

.bar-cta {}

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


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

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

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

.box-row {
    margin: 0 -10px;
}

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

.box-row h4 {
    font-weight: 700;
    color: #27b467;
    margin-bottom: 16px;
    padding-left: 32px;
}

.box-row .box-content-inner {
    padding: 18px 32px;
}


/* ------------------------------------------------------------ *\
	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: rgb(71, 191, 126);
}

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

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

.btn-green:hover {
    background: rgb(65, 178, 116);
}

.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: 17px;
    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 .ico-play-large {
    width: 75px;
    height: 75px;
}

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


/* btn primary */

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


/* btn transparent */

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

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


/*  Btn burger  */

.btn-burger {
    float: right;
    margin-top: 30px;
    width: 32px;
    height: 27px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.btn-burger span:after,
.btn-burger span:before {
    content: '';
    height: 100%;
    width: 50%;
    position: absolute;
    top: 0;
    left: 0;
    background: #293339;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
}

.btn-burger span:after {
    left: 50%;
}

.btn-burger span:first-child {
    top: 0;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.btn-burger span {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    display: block;
    height: 3px;
    opacity: 1;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: top .5s, opacity .5s .3s, -webkit-transform .5s;
    transition: top .5s, transform .5s, opacity .5s .3s;
    transition: top .5s, transform .5s, opacity .5s .3s, -webkit-transform .5s;
}

.btn-burger span:last-child {
    top: 100%;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
}

.btn-burger span:first-child:before {
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
}

.btn-burger span:first-child:after {
    -webkit-transform-origin: 0 center;
    -ms-transform-origin: 0 center;
    transform-origin: 0 center;
}

.btn-burger span:last-child:before {
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
}

.btn-burger span:last-child:after {
    -webkit-transform-origin: 0 center;
    -ms-transform-origin: 0 center;
    transform-origin: 0 center;
}

.btn-burger span:nth-child(2):before {
    width: 45%;
    left: 3px;
}

.btn-burger.btn-burger-open span:first-child {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.btn-burger.btn-burger-open span:nth-child(2) {
    opacity: 0;
}

.btn-burger.btn-burger-open span:last-child {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.btn-burger.btn-burger-open span:before,
.btn-burger.btn-burger-open span:after {
    transition: left .5s .5s, -webkit-transform .5s .5s;
    transition: transform .5s .5s, left .5s .5s;
    transition: transform .5s .5s, left .5s .5s, -webkit-transform .5s .5s;
}

.btn-burger.btn-burger-open span:last-child:before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.btn-burger.btn-burger-open span:last-child:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.btn-burger.btn-burger-open span:first-child:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.btn-burger.btn-burger-open span:first-child:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}


/* ------------------------------------------------------------ *\
	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: 15px;
}

.checkbox input {
    display: none;
}

.checkbox label {
    padding-left: 40px;
    line-height: 19px;
}

.checkbox input+label {
    padding-left: 41px;
    position: relative;
    font-weight: 400;
    display: block;
}

.checkbox input+label:before {
    content: '';
    width: 25px;
    height: 25px;
    background: #27b467;
    display: inline-block;
    position: absolute;
    top: 2px;
    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: 15px;
    height: 11px;
    position: absolute;
    top: 9px;
    left: 5px;
    background-size: cover;
}


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

.form-login input.field {
    width: 100%;
    border: 1px solid #ddd;
    padding: 11px 0 11px 18px;
    font-size: 17px;
    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: 15px;
    font-weight: 300;
}

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

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

.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 .checkbox input+label {
    position: relative;
    line-height: 28px;
}

.form-login .link-reset {
    line-height: 26px;
}


/* ------------------------------------------------------------ *\
	FOrm contact
\* ------------------------------------------------------------ */

.form-contact .textarea,
.form-contact .select,
.form-contact .field {
    width: 100%;
    border: 1px solid #ddd;
    padding: 15px 0 15px 16px;
    font-size: 17px;
    color: #b1b1b1;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.form-contact .textarea {
    height: 147px;
}

.form-contact .form-row+.form-row {
    margin-top: 16px;
}

.form-contact .select {
    background: url(../css/images/temp/select-arrow.png) no-repeat 97% center;
}

.form-contact select::-ms-expand {
    display: none;
}

.form-contact .btn-primary {
    width: 100%;
    border: 0;
}

.form-contact .form-actions {
    padding-top: 24px;
}

.form-contact .checkbox label {
    max-width: 242px;
}


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

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

.info .ico-info {
    margin-bottom: 4px;
}

.info p {
    margin-top: 15px;
    font-size: 17px;
    line-height: 1.34;
    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;
    margin-bottom: 32px;
}

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

.info-box-legend-green,
.info-box-legend-dark {
    position: relative;
    padding-left: 26px;
    font-size: 14px;
    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: 100%;
}

.info-box-col+.info-box-col {
    margin-top: 30px;
}

.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: 12px;
    font-size: 18px;
    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 {
    margin-bottom: 15px;
    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% - 100px);
    margin-right: 10px;
    background-color: currentColor;
}

.info-box-bars-green>span {
    width: 90px;
    font-size: 14px;
    text-align: left;
}


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

.intro {
    min-height: 330px;
    padding-top: 175px;
    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: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.intro .intro-content {
    max-width: 650px;
    color: #fff;
    padding-bottom: 50px;
    padding-left: 32px;
    padding-right: 32px;
}

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

.intro p {
    font-weight: 300;
    font-size: 17px;
    line-height: 1.29;
    margin-bottom: 20px;
}

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

.intro-home {
    border-bottom: 8px solid #1fa45b;
}

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

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

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

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

.intro-home .intro-content .btn-medium {
    padding-left: 0;
    padding-right: 0;
}

.intro-home .intro-actions {
    margin-left: -20px;
    margin-right: -20px;
    padding-top: 15px;
}


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

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


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

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

.list-links li+li {
    padding-top: 7px;
}

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


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

.list-benefits li {
    margin-bottom: 20px;
    text-align: center;
    position: relative;
    text-align: left;
    padding-left: 90px;
}

.list-benefits li span {
    position: absolute;
    top: 50%;
    left: 36px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.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 h5 {
    margin-bottom: 6px;
    font-size: 17px;
}

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

.list-benefits-primary li+li {
    margin-top: 55px;
}

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


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

.list-features {
    color: #fff;
}

.list-features li {
    padding: 0 15px 0 58px;
    margin-bottom: 43px;
    position: relative;
}

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

.list-features span {
    position: absolute;
    left: 0;
    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;
    font-size: 20px;
}

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


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

.list-questions {
    color: #293339;
}

.list-questions li {
    margin: 3px 0 22px 0;
}

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

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


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

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

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

.list-updates a {
    font-size: 17px;
    color: #27b467;
    white-space: nowrap;
}


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

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

.list-contacts li+li {
    padding-top: 20px;
}

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

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


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

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

.list-toggle li {
    text-align: center;
}

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

.list-toggle li:last-child {
    -webkit-flex-grow: 10;
    -ms-flex-positive: 10;
    flex-grow: 10;
}

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


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

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

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

.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;
    margin-bottom: 30px;
}

.list-info li {
    width: 100%;
    padding-bottom: 7px;
    color: #293339;
}

.list-info i {
    margin-right: 15px;
    margin-left: 6px;
}


/* ------------------------------------------------------------ *\
	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: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.list-logos li {
    padding: 0 12px;
}


/* ------------------------------------------------------------ *\
	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: 35px;
}

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

.login .login-body p {
    font-size: 17px;
    line-height: 1.44;
    font-weight: 300;
    text-align: center;
}

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

.login-toggle {
    display: none;
}

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


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

.logo {}


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

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


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

.nav {
    font-family: 'Lato', sans-serif;
    color: #293339;
}

.nav-white {
    color: #fff;
}

.nav ul {
    margin-bottom: 0;
    margin-left: 28px;
    margin-right: 28px;
}

.nav li {
    margin-right: 28px;
    display: block;
}

.nav li+li {
    padding-top: 18px;
}

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

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

.nav .link-back {
    text-decoration: none;
    text-transform: uppercase;
    margin-bottom: 40px;
    display: block;
    margin-left: 28px;
}

.nav .link-back i {
    margin-left: 8px;
}

.nav ul+ul {
    padding-top: 26px;
    margin-top: 28px;
    border-top: 1px solid #3f484d;
}

.nav ul+ul li+li {
    padding-top: 22px;
}

.nav ul+ul a {
    font-size: 18px;
}


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

.nav-utilities {
    padding: 18px 0 17px;
    font-family: 'Lato', sans-serif;
    color: #30393f;
}

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

.nav-utilities ul {
    margin-bottom: 0;
    padding-top: 10px;
}

.nav-utilities li+li {
    margin-left: 0;
    padding-top: 10px;
}

.nav-utilities a {
    font-size: 17px;
    line-height: 1.13em;
    display: block;
    text-decoration: none;
    text-transform: capitalize;
    transition: color .3s;
    color: inherit;
}

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

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


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

.packages {
    list-style: none;
}

.packages .package {
    border: 2px solid #eaeaea;
    text-align: center;
    padding: 50px;
    background: #fff;
    box-shadow: 0 -7px 12px rgba(0, 0, 0, .05);
}

.packages .package+.package {
    margin-top: 23px;
    border-top: 2px solid #eaeaea;
}

.packages h4 {
    position: relative;
}

.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: 18px;
    position: relative;
    top: -7px;
}

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

.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: 35px;
}

.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: 20px;
}

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

.packages-primary .package .package-icon {
    padding-top: 20px;
    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+.info {
    padding-top: 20px;
    padding-bottom: 60px;
}


/* Packages secondary */

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

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

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

.packages-secondary .package {
    padding: 25px 2% 30px;
}

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

.packages-secondary .package-actions {
    padding-left: 29px;
    padding-right: 29px;
    padding-top: 32px;
}

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

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

.packages-secondary .package-price p {
    padding-bottom: 3px;
    padding-top: 2px;
}

.packages-secondary .btn-primary {
    text-transform: uppercase;
}


/* packages products */

.packages-products .package+.package {
    margin-left: 0;
}

.packages-products {
    border: none;
    padding-right: 2%;
    padding-left: 2%
}

.packages-products .package h4 {
    color: #27b467;
    font-size: 27px;
}

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

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

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

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

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

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

.packages-products .package .btn {
    display: block;
    text-transform: uppercase;
}

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

.packages-products .package-actions {
    padding-left: 19px;
    padding-right: 19px;
}


/*  packages web hosting  */

.packages-web-hosting .package {
    padding-top: 25px;
    padding-bottom: 30px;
}

.packages-web-hosting .package .package-body {
    padding-top: 24px;
}

.packages-web-hosting .package h4 {
    font-size: 27px;
    margin-bottom: 15px;
}

.packages-web-hosting .package .btn {
    display: block;
    text-transform: uppercase;
}

.packages-web-hosting .package-actions {
    padding-left: 28px;
    padding-right: 28px;
    padding-top: 28px;
}

.packages-web-hosting .package+.package {
    margin-top: 25px;
}


/* ------------------------------------------------------------ *\
	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: 15px;
    position: relative;
}

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

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

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

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

.review .link-social {
    position: absolute;
    top: 4px;
    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: 5px;
}


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

.section-about {
    padding-bottom: 120px;
}

.section-about .box-row+.box-row {
    padding-top: 16px;
}

.section-about .section-head-inner {
    color: #282828;
    padding-left: 32px;
    padding-right: 32px;
}

.section-about .section-body {
    padding-top: 16px;
}

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

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

.section-about .section-head h1 {
    line-height: 1.16em;
    margin-bottom: 7px;
    font-size: 27px;
}


/* Sectopm about secondary */

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

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

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

.section-about-secondary .section-head-inner {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
}

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

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

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

.section-about-secondary .box-head p {
    font-size: 14px;
    color: #282828;
    padding-top: 4px;
}

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

.section-about-secondary .box-row {
    padding-bottom: 10px;
}

.section-about-secondary .box-content p {
    font-size: 14px;
}

.section-about-secondary .box-image {
    padding-top: 25px;
}

.section-about-secondary .box-head~p {
    padding-left: 5px;
    line-height: 1.18;
}


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

.section-benefits {
    background: #fff;
    padding: 28px 0 39px;
}

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

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

.section-benefits .section-body {
    padding-left: 4px;
}


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

.section-features {
    background: #293339;
    padding: 52px 0 47px;
}

.section-features h1 {
    font-size: 22px;
    margin-bottom: 10px;
}

.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: 47px;
}

.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 .section-actions a {
    color: #fff;
}

.section-features-primary {
    padding: 38px 0 54px;
}

.section-features-primary h1 {
    text-align: center;
    padding-bottom: 6px;
}

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

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

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

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

.section-features-secondary .section-actions .btn {
    min-width: 100%;
    margin-bottom: 19px;
}

.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: 50px;
}

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


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

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


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

.section-question {
    padding: 42px 0 58px;
    text-align: center;
}

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

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

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

.section-question .section-content-inner {
    margin-bottom: 30px;
}

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

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

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

.section-question .section-actions .btn {
    padding: 0 30px;
    display: block;
    margin-bottom: 17px;
    text-transform: uppercase;
}

.section-question .section-actions p a {
    font-weight: 500;
    color: inherit;
    font-size: 17px;
    color: #000;
}

.section-question-secondary {
    padding-top: 42px;
    padding-bottom: 75px;
    text-align: left;
}

.section-question-secondary .section-head {
    text-align: center;
    padding-bottom: 25px;
    margin-bottom: 0;
    text-align: left;
}

.section-question-secondary .section-head h1 {
    font-size: 22px;
    margin-bottom: 13px;
}

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

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

.section-question-secondary p {
    color: #293339;
    line-height: 1.34;
}

.section-question-secondary .section-aside {
    box-sizing: content-box;
    margin-left: -32px;
    margin-right: -32px;
    margin-bottom: 30px;
}

.section-question-secondary .section-aside img {
    width: 100%;
}

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

.section-question-secondary .section-actions p {
    text-align: center;
}

.section-question-secondary .section-actions a {
    font-size: 17px;
}

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

@media (max-width: 374px) {
    .section-question-secondary .section-aside {
        margin-left: -10px;
        margin-right: -10px;
    }
}


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

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

.section-careers .section-image {
    margin-bottom: 30px;
}

.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: 36px 0 36px;
    background: #fff;
}

.section-sbf h2 {
    color: #293339;
    line-height: 1.52em;
    font-weight: 400;
    margin: 0 0 18px;
    text-align: center;
    font-size: 22px;
}

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

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

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

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

.section-sbf .image-caption br {
    display: none;
}


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

.section-video .video-holder {
    position: relative;
    margin-left: -32px;
    margin-right: -32px;
    margin-bottom: 30px;
}

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

.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: 41px 0 17px 0;
}

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

@media (max-width: 374px) {
    .section-video .video-holder {
        margin-left: -10px;
        margin-right: -10px;
    }
}


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

.section-help {
    background-repeat: no-repeat;
    background-position: right bottom;
    position: relative;
    z-index: 5;
    padding-bottom: 324px;
}

.section-help .section-head {
    font-size: 17px;
    text-align: center;
    margin-top: 63px
}

.section-help .section-head h1 {
    font-size: 27px;
    margin-bottom: 11px;
}


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

.section-login {
    padding: 15px 0 62px;
}

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


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

.section-network {
    padding: 50px 0 57px;
}

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

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

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

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


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

.section-privacy {
    padding: 20px 0 40px 0;
}

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

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

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

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

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

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

.section-privacy p a {
    word-break: break-all;
}


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

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

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

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

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

.section-terms .section-links {
    background: #f9f9f9;
    border-radius: 6px;
    padding: 25px 32px 25px;
    margin-left: -32px;
    margin-right: -32px;
    margin-bottom: 43px;
}

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

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

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

@media (max-width: 374px) {
    .section-terms .section-links {
        margin-left: -10px;
        margin-right: -10px;
    }
}

.section-terms h5 {
    font-size: 22px;
    color: #27b467;
    font-weight: 500;
}

.section-terms h6 {
    font-size: 17px;
    font-weight: 400;
}

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


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

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

.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: 26px;
}

.section-reviews .section-head h2 {
    margin-bottom: 0;
    font-size: 22px;
}

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

.section-reviews .section-actions {
    padding-left: 32px;
}


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

.section-products {
    padding: 30px 0;
}

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


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

.section-logos {
    padding: 13px 0 40px 0;
}

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


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

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

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

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

.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 .col-1of4 {
    width: 100%;
    padding-bottom: 30px;
}


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

.slider {}

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

.slider-hero .slide {
    padding-top: 160px;
    padding-bottom: 55px;
    background-size: cover;
    background-position: center center;
    text-align: center;
}

.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 {
    color: #fff;
}

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

.slider-hero p {
    font-size: 17px;
    line-height: 1.26;
    margin-bottom: 31px;
    font-weight: 300;
}

.slider-hero h2 {
    line-height: 1.23;
    margin-bottom: 19px;
    font-weight: 400;
}

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

.slider-hero .slide-actions .btn {
    display: block;
    margin-bottom: 12px;
}

.slider-hero .slide-actions .btn+p {
    font-size: 17px;
}

.slider-hero .slide-actions p a {
    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;
}

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

.slider-hero-nav li {
    font-size: 17px;
    line-height: 1;
    padding: 16px;
    color: #fff;
    opacity: .75;
    transition: opacity .3s;
}

.slider-hero-nav .slick-current {
    /*font-weight: 500;*/
    opacity: 1;
    text-shadow: 1px 0 0 #fff;
}


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

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

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

.slider-reviews li {
    width: 313px;
    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;
    transition: opacity .3s;
}

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


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

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

.table-primary th {
    font-size: 25px;
    color: #293339;
    padding-bottom: 13px;
}

.table-primary td {
    color: #293339;
    padding: 1px 22px 1px 22px;
    text-align: center;
    white-space: nowrap;
}

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

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

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

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

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

.table-secondary .ico-circle-inclide {
    width: 16px;
    height: 16px;
    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: 10px;
}

.table-primary.table th {
    font-size: 17px;
    padding-bottom: 5px;
}

.table-primary.table td {
    font-size: 17px;
    padding: 4px 22px 5px 22px;
}

.table-primary.table .btn-primary {
    padding: 8px 26px;
}

.table-primary.table h5 {
    color: #27b467;
    font-size: 17px;
    white-space: nowrap;
    min-width: 85px;
    padding-left: 9px;
}

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

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

.table-outer {
    overflow: auto;
    padding-bottom: 11px;
}

.table-outer::-webkit-scrollbar {
    height: 10px;
}

.table-outer::-webkit-scrollbar-track {
    border: 2px solid #efefef;
}

.table-outer::-webkit-scrollbar-thumb {
    background-color: #27b467;
    outline: 1px solid 27b467;
}

.table-secondary {
    padding-left: 28px;
    padding-right: 30px;
}

.table-secondary th {
    text-align: left;
    padding-bottom: 14px;
}

.table-secondary td {
    color: #000;
    font-size: 14px;
    color: #b3b3b3;
    padding-bottom: 8px;
}

.table-secondary td+td,
.table-secondary th+th {
    text-align: right;
    color: #000;
}


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

.tabs .tabs-head {
    background: #f9f9f9;
    padding-bottom: 28px;
}

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

.tabs .tabs-nav ul {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 30px;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.tabs .tabs-nav li {
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
    line-height: 1.2;
}

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

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

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

.tabs .tabs-nav a i {
    margin-right: 13px;
    display: block;
    margin: auto;
    margin-bottom: 15px;
}

.tabs .tabs-body {
    margin: 30px 0 67px 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 {
    width: 100%;
}

.tabs .tab-aside {
    margin-right: -114px;
}

.tabs .tab {
    display: none;
}

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

.tabs-secondary .tabs-head {
    background: #27b467;
    margin-bottom: 40px;
    padding-bottom: 14px;
}

.tabs-secondary .tabs-nav ul {
    padding-top: 18px;
}

.tabs-secondary .tabs-body {
    padding-bottom: 0;
    margin-bottom: 0;
}

.tabs-secondary .tabs-head a {
    color: #fff;
    font-weight: 300;
    position: relative;
}

.tabs-secondary .tabs-head a.hover {
    color: #fff;
    font-weight: 700;
}

.tabs-secondary .tabs-head a:hover {
    color: #fff;
}

.tabs-secondary .tabs-head a.hover:before {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #27b467 transparent transparent transparent;
    position: absolute;
    bottom: -24px;
    left: 50%;
    margin-left: -10px;
}

@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;
    }
	.customer-reviews a{
		color:  #2cbc72;
	}

}

@media (max-width: 374px) {
    .tabs .tabs-nav li+li {
        padding-left: 9px;
    }
    .tabs .tabs-nav li {
        padding-right: 9px;
    }
}


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

.updates {
    list-style: none;
}

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

.update h5 {
    color: #27b467;
    font-weight: 500;
}

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

.update .btn-primary {
    display: block;
    text-align: center;
}


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

.video {}

.video .btn-play {}

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

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

.video-embed:after {
    display: none;
    opacity: 0;
    visibility: hidden;
}

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


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

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


/* ----------------------------------------------------- *\
		CUSTOM STYLE
\* ----------------------------------------------------- */


/**************** 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: #bfc2c4;
    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;
}

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

.shell-text h3 {
    font-weight: 500;
    color: #2d2d2d;
    line-height: 32px;
    margin: 0 0 25px;
}

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

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

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


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

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

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

.section-wordpress-primary h1 {
    margin: 0 0 1em;
}

.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 {
    padding: 0 15px;
    width: 100%;
    margin: 15px 0 0;
}

.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;
    background: url("images/temp/tick-mark.png") no-repeat right 7px;
}

.section-services-primary {
    padding: 60px 0 45px;
    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: inline-block;
    text-align: center;
    width: 100%;
}

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

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

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

.shell-bottom-text h1 {
    font-size: 24px;
}

.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-mobile.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: 26px;
    line-height: 28px;
    margin: 0;
}

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

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

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

.domain-intro {
    height: 450px;
    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: 14px;
    width: 100%;
    float: left;
    line-height: 50px;
    height: 50px;
    border-radius: 4px;
    color: #ededed;
    text-align: center;
    box-shadow: 0 0 0 2px #ededed inset;
}

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

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

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

.features-left-col {
    width: 100%;
    text-align: center;
    margin: 0 0 20px
}

.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: 100%;
    text-align: center;
    font-size: 18px;
}

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

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

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

.section-tlds-primary h {
    margin: 0 0 40px;
}

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

.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%;
    display: block;
    margin: 0 auto 20px !important;
    background-color: #27b467;
}

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

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

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

.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;
}

.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 {
    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: 100%;
    margin: 0 0 20px;
    padding: 35px 3% 25px;
    background: #022b48;
}

.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;
    padding: 0 0 20px;
}

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

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

.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 {
    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 {
    width: auto;
    margin: 0 10px;
    min-width: 130px;
    display: inline-block;
}

.domain-head .list-toggle li a {
    border-radius: 0px;
    margin: 0;
    padding: 8px 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 {
    position: relative;
}

.domain-head .list-toggle 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;
}

.sitebuilder .intro-content {
    padding-bottom: 80px;
}


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

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

.data-stable-icon,
.redunt-icon,
.topnotch-icon,
.map-marker-icon {
    max-width: 100%;
    background-size: 100%;
    background-image: url('images/datacenter-sprite-mobile.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: 100%;
    padding: 0 2%;
    font-size: 18px;
    margin: 0 0 20px;
}

.services-features li:last-child {
    margin: 0;
}

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

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

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

.datacenter-map {
    margin: 40px 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/map-marker-icon.png');
    background-position: center top;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
}

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

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

#pin-3 {
    /* São Paulo, Brasilien */
    left: 30.5%;
    bottom: 24%;
}

#pin-4 {
    /* Amsterdam, Netherlands */
    top: 17.25%;
    left: 45%;
}

#pin-5 {
    /* Sofia */
    top: 11.25%;
    left: 48.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 !important;
    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;
}

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

.section-datacenter .datacenter-map {
    max-width: 560px;
    width: 100%;
}

.section-reviews .section-head h2,
.section-reviews .section-head a,
.section-features .section-head h3,
.section-features .section-head a {
    width: 100%;
    text-align: center;
    display: inline-block;
}

.section-features .section-head h3 {
    font-size: 26px;
}

.section-reviews .section-head .shell,
.section-features .section-head {
    display: inline-block;
}

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

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

.section-features .section-head h3 {
    font-size: 24px;
}

.section-help {
    padding-top: 91px;
    height: 330px;
    padding-bottom: 0;
}

.mobile-menu {
    position: relative;
    z-index: 51;
}

.tabs .tab-aside .map {
    width: 100%;
}

.section-tabs .tabs .tab-aside {
    padding-left: 0;
}


/****************** client page ************/

.clients-section {
    padding-top: 40px;
    padding-bottom: 40px;
    background: #f8f8f8;
}

.clients-boxes {
    display: inline-block;
}

.clients-inner {
    background-color: #fff;
    box-shadow: 0 0 0 1px #e2e2e2 inset, 2px 2px 0 #e9e9e9;
    display: inline-block;
    /*
        font-family: 'HelveticaNeue';
        font-size: 15px;
        font-weight: 300;
    */
    line-height: 28px;
    margin: 0px 1% 15px;
    padding: 38px 2%;
    width: 98%;
    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;
}


/* 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%;
}

.section-question h1 {
    color: #293339;
    font-weight: 700;
    margin: 0 0 30px 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: 14px;
    color: #545454;
    font-weight: 400;
    margin-bottom: 0;
}


/* 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-mobile.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%;
}

.seo-text-inner {
    color: #131313;
    font-size: 14px;
    line-height: 20px;
    margin: 0px;
    padding: 0;
}

.seo-text-inner p span {
    display: block;
    font-size: 16px;
    margin: 0 0 16px;
    line-height: 20px;
    font-weight: 500;
}

.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-smallbox {
    margin: 0 0 30px;
}

.seo-work-smallbox:last-child {
    margin-bottom: 0;
}

.magnet-features {
    margin-top: 30px;
    padding: 0 2%;
}

.seo-work-smallbox h4:after {
    display: none;
}

.magnet-features figure {
    margin-bottom: 20px;
}


/* 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;
}

.stacktable.large-only {
    display: none;
}

.stacktable.small-only {
    display: table;
}

.ssl_tablebox table thead th,
.st-head-row,
.package-table>tbody>tr>td {
    width: 50% !important;
    padding: 20px 2% !important;
    vertical-align: middle;
}

.ssl_tablebox table thead th br,
.st-head-row br,
.package-table>tbody>tr>td br {
    display: none;
}

.package-table-holder {
    background: #fff;
}

.package-table-holder table thead th,
.st-head-row {
    background: #2d2d2d;
    color: #fff;
    font-size: 16px;
    line-height: 16px;
    padding: 18px;
    text-align: center;
}

.package-table {
    border: 2px solid #ededed;
}

.package-table-holder table thead th,
.st-head-row,
.package-table>tbody>tr>td {
    border-right: 2px solid #ededed;
    padding: 0 3%;
}

.package-table-holder table thead th:last-child,
.st-head-row,
.package-table>tbody>tr>td:last-of-type {
    border-right: none;
}

.package-table>tbody>tr>td .black_btn {
    display: inline-block;
    float: none;
    font-size: 15px;
    padding: 12px 0px;
    min-width: inherit;
    width: 100%;
    border-radius: 5px;
    background: none;
    color: #2e3a41;
    font-weight: 500;
    border: 2px solid #2e3a41;
}

.package-table>tbody>tr>td .black_btn:hover {
    color: #27b467;
    border-color: #27b467;
}

.package-table>tbody>tr:nth-child(odd) {
    background: #f8f8fb;
}

.package-main .green-btn {
    color: #fff !important;
    border-color: #fff;
}

.package-main2 .green-btn2 {
    color: #fff !important;
    border-color: #fff;
}

.header.header-absolute {
    padding: 0;
}

.mobile_mini_header {
    padding: 0 3%;
}

.promotion-banner p {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 30px;
}

.promotion-banner .btn {
    border: 1px solid #fff;
    min-width: 306px !important;
    margin: 0 11px;
    transition: all ease-in-out 0.6s;
}

.promotion-banner p span {
    color: #2cbc72;
}

.asia-banner h1 {
    margin: 0 0 20px;
}

.asia-banner h1 span {
    display: block;
    font-size: 22px;
    font-weight: 300;
    margin: 8px 0 0;
}

.coupen-code {
    font-size: 24px;
    line-height: 28px;
    margin: 0 0 20px;
}

.coupen-code span,
.asia-banner p span {
    color: #1fa45b;
}

.asia-banner .btn {
    background: #1fa45b;
    border-color: #1fa45b;
    min-width: 220px !important;
}

.asia-banner .btn:hover {
    background: #2cbc72;
    color: #fff;
    border-color: #2cbc72;
}

.asia-banner p a {
    text-decoration: none;
}

.footer .email {
    font-weight: 500;
    font-size: 20px;
    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: 20px 0 0;
    font-weight: 300;
}

.contact-box ul li {
    float: left;
    width: 100%;
    padding: 0 15px;
    margin: 0 0 20px;
}

.contact-box ul li:last-child {
    margin-bottom: 0;
}

.contact-box ul li label {
    padding: 0 0 0 15px;
    margin: 0 0 10px;
    float: left;
    width: 100%;
    font-size: 16px;
    text-align: left;
    color: #333;
}

.contact-fields,
.contact_comment {
    float: left;
    width: 100%;
    font-size: 14px;
    padding: 0 15px;
    color: #333;
    line-height: 50px;
    text-align: left;
    height: 50px;
    box-shadow: 0 0 0 2px #f0f0f0 inset;
    border: none;
}

.contact_comment {
    padding-top: 20px;
    line-height: 24px;
    height: auto;
    min-height: 90px;
}

.submit {
    margin: 20px 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 29px;
}

.section-question .section-actions {
    display: inline-block;
}

.nav-utilities ul {
    float: left;
}

.nav-utilities ul li {
    float: left;
    padding-top: 0;
    margin: 0 10px 0 0;
}

.nav-utilities ul li a {
    color: #fff;
    line-height: 30px;
    font-size: 14px;
}

.nav-utilities ul li:last-child {
    margin-right: 0;
}

.nav-utilities ul:last-child {
    float: right;
}

.bar .shell {
    padding-right: 5px;
    padding-left: 5px;
}

.transparent-bar .nav-utilities ul li a {
    color: #30393f;
}

.spain-banner h2 {
    font-size: 20px;
    line-height: 24px;
    font-weight: 300;
}

.spain-banner h2 span {
    color: #1fa45b;
    font-weight: bold;
}

.spain-banner .intro-content .btn {
    min-width: 200px;
}

.top-promotion-box {
    background: #1fa45b;
    width: 100%;
    text-align: left;
    color: #fff;
    padding: 15px 3%;
    font-size: 14px;
    line-height: 18px;
    position: relative;
    z-index: 999;
}

.top-promotion-box p {
    margin: 0 auto;
    display: inline-block;
    vertical-align: top;
    width: 94%;
    text-align: left;
}

@media (max-width: 800px) {
    .stacktable.large-only {
        display: none;
    }
    .stacktable.small-only {
        display: block;
    }
}

.compare_planchart table thead th,
.compare_planchart .st-head-row {
    border-bottom: 1px solid #fff;
}

.compare_planchart td {
    text-align: left;
    padding: 10px 2%;
    border-bottom: 1px solid #e8e8e8;
}

.compare_planchart th {
    padding: 10px 2% !important;
}

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

.new-banner .discount-box {
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 20px;
}

.new-banner .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: -12px;
    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;
}

.orignal-price {
    color: #1fa45b;
}

.off-plan-price {
    font-size: 24px;
    text-decoration: line-through;
}

.webhosting-banner .discount-box {
    margin-bottom: 15px;
}

.new-banner h1 {
    position: relative;
}

.new-banner h1 img,
.webhosting-banner h1 img {
    display: block;
    margin: 5px auto 0;
}

.new-banner .intro-content .btn {
    border: 1px solid #fff;
    margin-left: 10px;
    text-transform: capitalize !important;
}

.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;
}

.new-banner p span,
.webhosting-banner p span,
.discount-box span {
    color: #1fa45b;
}

.promotion-banner2 h1 {
    margin: 0 0 20px;
}

.promotion-banner2 h1 span {
    font-weight: 300;
    display: block;
    font-size: 20px;
    margin: 0 0 10px;
}

.promotion-banner2 p {
    font-size: 20px;
}

.promotion-banner2 p small {
    text-decoration: line-through;
    font-size: 20px;
}

.new-banner .intro-content .btn {
    padding: 0 10px;
    font-size: 15px;
    margin: 0 !important;
}

.spain-banner h2 {
    font-size: 20px;
    line-height: 24px;
}

.spain-banner h2 span {
    color: #1fa45b;
    font-weight: bold;
}

.spain-banner .intro-content .btn {
    min-width: 200px;
}

.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: #fff;
}

.new-affiliate-banner .slide-content .btn-green.btn-medium {
    text-transform: capitalize;
    font-weight: 400;
}

.new-affiliate-banner .slide-content p a {
    font-weight: 400;
}

.slider-hero p br,
.slider-hero h1 br {
    display: none;
}

.slider-hero .slide {
    height: 535px;
}


/******** DOMAIN PROMOTION SLIDE ***********/

.domains-promotion-banner h1 {
    font-size: 30px;
}

.domains-promotion-banner h1 span {
    display: block;
    font-size: 22px;
    line-height: 28px;
    font-weight: lighter;
}

.domains-promotion-banner img {
    display: block;
    margin: 20px auto;
}

.domains-promotion-banner p span {
    color: #fff;
    text-decoration: line-through;
    font-size: 17px;
}

.domains-promotion-banner p b {
    color: #1fa45b;
}

.domains-promotion-banner .intro-content .btn {
    font-size: 16px;
    text-transform: capitalize;
    width: 170px;
    line-height: 50px;
    height: 50px;
    padding: 0;
    margin: 0 5px !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;
}

.main-page-plans {
    float: left;
}

.nav-utilities>ul>li.top-login2 a {
    box-shadow: 0 0 0 2px #333 inset;
}

.intro-home .intro-content .btn {
    line-height: 40px;
    height: 40px;
}

.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;
    text-decoration: none;
}

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

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

.domain-head .domain-bar li.current a {
    background: #27b467;
    padding: 10px 0;
    display: block;
    color: #fff;
}

.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;
}

.domain-field-section .green-btn {
    width: 100% !important;
    margin: 15px 0 0;
}


/************* 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 0 30px 0;
    background: #e12236;
    padding: 50px;
    vertical-align: top;
    color: #fff;
    font-size: 18px;
    line-height: 28px;
    text-align: left;
}

.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
}

.sitelock-news-box,
.section-products {
    display: inline-block;
    width: 100%
}

.smallbox {
    margin-bottom: 50px;
    text-align: center
}

.gradiant-text {
    height: auto;
    padding: 50px 0
}

.sitelock-new-image {
    position: relative;
    top: auto
}
@media screen and (max-width: 991px) {
	.customer-reviews h2{
		font-size: 23px;
	}
	.customer-reviews .shell{
		text-align: left;
	}
}
@media screen and (max-width: 720px) {
    .promotion-banner .btn {
        display: block;
        margin: 0;
    }
    .promotion-banner .intro-content .btn+.btn {
        margin: 10px 0 0;
    }
    .promotion-banner p {
        font-size: 17px;
        line-height: 1.29;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 600px) {
    .asia-banner p br {
        display: none;
    }
    .asia-banner h1 {
        font-size: 20px;
    }
    .coupen-code {
        font-size: 18px;
        line-height: 19px;
        margin: 0 0 10px;
    }
    .asia-banner h1 span {
        font-size: 18px;
        line-height: 20px;
        margin: 5px 0 0;
    }
    .tabs .tabs-nav ul {
        display: inline-block;
        width: 100%;
    }
    .tabs .tabs-nav li {
        margin: 0 0 20px;
    }
    .tabs .tabs-nav li:last-child {
        margin: 0;
    }
	.customer-reviews h2{
		font-size: 20px;
	}
}

@media screen and (max-width: 420px) {
    .list-updates {
        display: inline-block;
    }
    .list-updates li {
        float: left;
        padding: 0 5px;
    }
    .domains-promotion-banner .intro-content .btn {
        width: 100%;
        margin: 10px 0 0 !important;
    }
    /*************christmas banner**********/
    .christmas-01 p {
        font-size: 15px;
    }
}