@font-face {

    font-family: 'OpenSansBold';

    src: url('../fonts/OpenSans-Bold.eot'); /* IE9 Compat Modes */

    src: url('../fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

    url('../fonts/OpenSans-Bold.woff2') format('woff2'), /* Super Modern Browsers */

    url('../fonts/OpenSans-Bold.woff') format('woff'), /* Pretty Modern Browsers */

    url('../fonts/OpenSans-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */

    url('../fonts/OpenSans-Bold.svg#svgOpenSansBold') format('svg'); /* Legacy iOS */

}

@font-face {

    font-family: 'OpenSansLight';

    src: url('../fonts/OpenSans-Light.eot');

    src: url('../fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'),

    url('../fonts/OpenSans-Light.woff2') format('woff2'),

    url('../fonts/OpenSans-Light.woff') format('woff'),

    url('../fonts/OpenSans-Light.ttf')  format('truetype'),

    url('../fonts/OpenSans-Light.svg#svgOpenSansLight') format('svg');

}

@font-face {

    font-family: 'OpenSansRegular';

    src: url('../fonts/OpenSans-Regular.eot');

    src: url('../fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),

    url('../fonts/OpenSans-Regular.woff2') format('woff2'),

    url('../fonts/OpenSans-Regular.woff') format('woff'),

    url('../fonts/OpenSans-Regular.ttf')  format('truetype'),

    url('../fonts/OpenSans-Regular.svg#svgOpenSansLight') format('svg');

}



/* reset */

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed,

figure, figcaption, footer, header,

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

    margin: 0;

    padding: 0;

    border: 0;

    font-size: 100%;

    vertical-align: baseline;

    font-family: 'OpenSansRegular';

}

h1, .h1, h2, .h2, h3, .h3 {

     margin-top: 0!important;

     margin-bottom: 0!important;

}

article, aside, details, figcaption, figure,

footer, header, menu, nav, section {

    display: block;

}

html {}

body {

    line-height: 1;

    ;

}

ol, ul {

    list-style: none;

}

blockquote, q {

    quotes: none;

}

a:focus, button:focus, a:active {

    outline: none!important;

}

table {

    border-collapse: collapse;

    border-spacing: 0;

}

.center {text-align: center;}

.leftalign {text-align: left;}

.rightalign {text-align: right;}

.strong {font-weight: bold;}

section img {max-width: 100%;}

html{

    min-height: 100%;

    position: relative;

}

section {overflow: hidden;}

/* header */

header {background-color: #2c323c; color: #fff;}

.logo-brand { text-align: center; width: 100%; text-transform: uppercase; margin: 40px 0 20px 0; font-size: 14px;}

.logo-brand img {display: inline; margin-right: 30px;}

.logo-brand span {font-family: 'OpenSansLight';}

.navbar-default {background-color: transparent!important; border: 0!important; margin-bottom: 0!important; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; }

.navbar-nav {display: table; text-align: justify; width: 90%; float: none!important; margin: 0 auto!important; overflow: hidden;}

.navbar-nav.mobile-menu {display: none!important;}

.navbar-nav li {

    display: table-cell!important;

    text-align: center;

    float: none!important;

    -webkit-transition: ease-in-out 0.6s;

    -moz-transition: ease-in-out 0.6s;

    -o-transition: ease-in-out 0.6s;

    transition: ease-in-out 0.6s;

}

/*.navbar-nav li:hover a {border-bottom: 1px solid rgba(255, 255, 255, .2);}*/

.navbar-nav li a {

    color: #fff!important;

    text-transform: uppercase;

    font-family: 'OpenSansBold';

    font-size: 18px;

    padding: 0!important;

    margin: 0 auto;

}

header .navbar-nav li a:before {

    content: "";

    position: absolute;

    width: 73%;

    height: 1px;

    bottom: 0;

    left: 0;

    right: 0;

    margin: 0 auto;

    background-color: #fff;

    visibility: hidden;

    -webkit-transform: scaleX(0);

    transform: scaleX(0);

    -webkit-transition: all 0.3s ease-in-out 0s;

    transition: all 0.3s ease-in-out 0s;

}

.navbar-nav li a:hover:before {

    visibility: visible;

    -webkit-transform: scaleX(1);

    transform: scaleX(1);

}



/* content */

[class^='section-block'] .container {padding: 20px 0;}

.btn {

    border-radius: 222px!important;

    -webkit-border-radius: 222px!important;

    -moz-border-radius: 222px!important;

    background-color: #8cc152;

    color: #332715;

    font-family: 'OpenSansBold';

    text-transform: uppercase;

}

.section-block1 .section-title {font-family: 'OpenSansRegular'; font-size: 24px; margin-top: 6%;}

.section-block1 .section-title span {font-family: 'OpenSansBold'; font-size: 48px; }

.section-block1 .section-title span.green {color: #8cc152;}

.section-block1 .buttons-block .btn {margin: 40px 10px 40px 0; min-width: 234px;  text-align: left;}

.buttons-block .price-btn {background-image: url('../images/price.png'); background-position: 93% -29%; background-repeat: no-repeat; padding: 11px 35px;-webkit-transition: ease-in-out 0.3s;

    -moz-transition: ease-in-out 0.3s;

    -o-transition: ease-in-out 0.3s;

    transition: ease-in-out 0.3s;}

.buttons-block .demo-btn {background-image: url('../images/eye3.png'); background-position: 93% -45%; background-repeat: no-repeat; padding: 11px 49px;-webkit-transition: ease-in-out 0.3s;

    -moz-transition: ease-in-out 0.3s;

    -o-transition: ease-in-out 0.3s;

    transition: ease-in-out 0.3s;}

.buttons-block .price-btn:hover, .buttons-block .price-btn:active {background-position: 93% 134%; }

.buttons-block .demo-btn:hover, .buttons-block .demo-btn:active {background-position: 93% 148%;}

.buttons-block .price-btn:hover, .buttons-block .price-btn:active, .buttons-block .demo-btn:hover, .buttons-block .demo-btn:active {background-color: #1d2229;color: #8cc554;-webkit-transition: ease-in-out 0.3s;

    -moz-transition: ease-in-out 0.3s;

    -o-transition: ease-in-out 0.3s;

    transition: ease-in-out 0.3s;}

.section-block1 form {

    background-color: #8cc554;

    text-align: center;

    padding: 20px;

    border-radius: 12px;

    -webkit-border-radius: 12px;

    -moz-border-radius: 12px;

}

.section-block1 form .form-title {font-size: 14px; color: #000; font-family: 'OpenSansBold'; text-transform: uppercase; margin-bottom: 20px;}

.section-block1 form .form-title span {color: #fff; font-size: 18px;}

.section-block1 form .form-group:nth-child(2), .section-block7 form .form-group:nth-child(1) {padding-right: 2%;}

.section-block1 form .form-group:nth-child(2), .section-block1 form .form-group:nth-child(3),

.section-block7 form .form-group:nth-child(1), .section-block7 form .form-group:nth-child(2){width: 50%; max-width: 50%; float: left;}

.section-block1 form .form-group input, .section-block7 form .form-group input, .section-block7 form .form-group textarea {

    padding: 13.5px 12px;

    border-radius: 12px;

    -webkit-border-radius: 12px;

    -moz-border-radius: 12px;

    width: 100%;

    border: 0;

    color: #000;

    text-shadow: 0 0 0 #000;

    font-family: 'OpenSansLight';

}

form .form-group input:focus, form .form-group textarea:focus {outline: none; border: 1px solid #000;}

form .form-group input::-webkit-input-placeholder, form .form-group textarea::-webkit-input-placeholder {color: #000; text-shadow: 0 0 0 #000;}

form .form-group input::-moz-placeholder, form .form-group textarea::-moz-placeholder {color: #000; text-shadow: 0 0 0 #000;}

form .form-group input:-moz-placeholder, form .form-group textarea:-moz-placeholder {color: #000; text-shadow: 0 0 0 #000;}

form .form-group input:-ms-input-placeholder, form .form-group textarea:-ms-input-placeholder {color: #000; text-shadow: 0 0 0 #000;}



.section-block1 form .btn {

    background-color: #1d2229;

    color: #8cc152;

    padding: 11px 22px;

}

.section-block1 form p {color :#fff; margin-top: 20px;}

.section-block1 form p a {font-family: 'OpenSansBold'; color :#fff; text-transform: uppercase; text-decoration: underline;}

.section-block2 {background-color: #434a54; color: #fff;}

.section-block2 .section-title, .section-block4 .section-title, .section-block6 .section-title, .section-block7 .section-title, .reviews .section-title {text-align: center; font-size: 36px; padding: 40px 0;}

.feature-block {text-align: center; padding: 0 20px; margin-bottom: 40px;}

.feature-block .feature-title {font-family: 'OpenSansBold'; text-transform: uppercase; min-height: 40px; font-size: 15px; }

.feature-block .feature-text {color: #92969a; text-align: left; min-height: 80px; }

.feature-block .feature-text .full-text {display: none;}

.feature-block .feature-text .full-text.change-display {display: inline!important;}

.arrow-down {

    width: 31px;

    height: 31px;

    margin: 8px auto;

    display: block;

}

.feature-block .arrow-down {

    cursor: pointer;

    background-image: url('../images/arrow-down-img.png');

    -webkit-transition: ease-in-out 0.3s;

    -moz-transition: ease-in-out 0.3s;

    -o-transition: ease-in-out 0.3s;

    transition: ease-in-out 0.3s;

}

.feature-block .arrow-down.change-arrow-down {

    transform: rotate(180deg);

    -webkit-transform: rotate(180deg);

    -moz-transform: rotate(180deg);

    -o-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

}

.section-block3 .title-block {color: #8cc152; font-size: 48px; font-family: 'OpenSansBold'; margin-top: 70%!important;}

.section-block3 .title-block img {margin-left: 28%; display: block; }

.package-block {

    border: 1px solid #000;

    padding: 30px 18px;

    border-radius: 12px;

    -webkit-border-radius: 12px;

    -moz-border-radius: 12px;

    max-width: 404px;

    float: right;

    text-align: center;

    margin-bottom: 30px;

}

.package-block div {padding: 0!important;}

.package-block .package-title, .package-block .packageprice-block {font-size: 24px; font-family: 'OpenSansBold'; text-transform: uppercase;}

.package-block .package-title span {font-family: 'OpenSansRegular'; font-size: 18px;}

.package-block .package-title {text-align: left; line-height: 1em;}

.package-block .package-disc {text-align: center; padding: 18px!important; min-height: 200px;}

.package-block a, .package-block a:hover, .package-block a:focus {text-decoration: none;}

.package-block button.btn {min-width: 168px; margin: 0 auto; text-align: center; height: 42px; margin-bottom: 20px; -webkit-transition: ease-in-out 0.3s;

    -moz-transition: ease-in-out 0.3s;

    -o-transition: ease-in-out 0.3s;

    transition: ease-in-out 0.3s;}

.package-block button.btn:hover, .package-block button.btn:active, .section-block6 .btn:hover, .section-block6 .btn:active {background: #1d2229;color: #8cc554;}



.section-block4 {background-color: #8cc554; color: #000; text-align: center;}

.section-block4 .video-block {text-align: left; margin-bottom: 15px;}

.section-block4 .video-block.hidden-block, .section-block4 .title-video-block {display: none;}

.section-block4 p {font-family: 'OpenSansBold'; text-transform: uppercase; }

.section-block4 .video-block img {width:100%;}

.section-block4 .btn {background-color: #6d9e3c; margin: 35px auto; text-align: center;}



.section-block5 {background-color: #6d9e3c; color: #000; text-align: center;}

.howtoinstall-block {padding: 30px 80px;}

.section-block5 .block-title {font-family: 'OpenSansBold'; text-transform: uppercase; font-size: 17px; line-height: 1em; margin-bottom: 20px;}

.section-block5 .block-text {text-align: left; text-shadow: 0 0 0 #000; /*min-height: 210px;*/}

.section-block5 .block-text .full-text {display: none;}

.section-block5 .arrow-down {cursor: pointer; background-image: url('../images/arrow-down-img2.png'); -webkit-transition: ease-in-out 0.3s;

    -moz-transition: ease-in-out 0.3s;

    -o-transition: ease-in-out 0.3s;

    transition: ease-in-out 0.3s;}

.section-block5 .arrow-down.change-arrow-down {

    transform: rotate(180deg);

    -webkit-transform: rotate(180deg);

    -moz-transform: rotate(180deg);

    -o-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

}



.section-block6#calc-mobile  {display: none;}

.section-block6 .section-title, .section-block6 p {color: #000;}

.section-block6 p {text-align: justify; text-shadow: 0 0 0 #000; line-height: 1.3em; padding-right: 40px;}

.section-block6 .calc {

    border: 1px solid #428bca;

    border-radius: 6px;

    -webkit-border-radius: 6px;

    -moz-border-radius: 6px;

    overflow: hidden;

}

.calc .block-title {

    padding: 12px;

    background-color: #428bca;

    color: #fff;

    margin-bottom: 20px;

}

.calc label {float: right;}

.calc input[type=number], .calc select {

    width: 100%;

    border: 1px solid #ccc;

    border-radius: 6px;

    -webkit-border-radius: 6px;

    -moz-border-radius: 6px;

    padding: 4px 8px;

    margin-bottom: 16px;

}

.calc input[type=submit] {

    background-color: #5cb85c;

    border: 0;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    color: #fff;

    margin-bottom: 16px;

    padding: 8px 16px;

}

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

.section-block6 .btn {margin: 40px auto; text-align: center; min-width: 168px; -webkit-transition: ease-in-out 0.3s;

    -moz-transition: ease-in-out 0.3s;

    -o-transition: ease-in-out 0.3s;

    transition: ease-in-out 0.3s;}

.reviews, .section-block3 {padding-top: 40px; margin-top: -40px;}

.reviews .carousel-caption {bottom: auto!important; padding-top: 60px; }

.reviews .carousel-inner > .item {min-height: 300px; background-image: url('../images/top-review.png'); background-repeat: no-repeat; background-position: center 7%;}

.reviews .carousel-inner > .item div, .reviews .carousel-inner > .item p {color: #000; text-shadow: 0 0 0 #000; bottom: auto!important; }

.carousel-indicators {bottom: 0!important;}

.carousel-indicators li {background-color: rgba(140, 197, 84, .5)!important; border: 0!important; width: 12px!important; height: 12px!important; margin: 0 2px!important;}

.carousel-indicators li.active {background-color: rgba(140, 197, 84, 1)!important; border: 0;}



.section-block7 {background-color: #222b36; color: #fff; text-align: center;}

.section-block7 .row{width: 40%; margin: 0 auto 60px auto; }

.section-block7 .block-title {text-transform: uppercase; font-family: 'OpenSansBold';}

.section-block7 .block-text a, .section-block7 .contact-form-block a {color: #8cc554; font-family: 'OpenSansBold';}

.section-block7 .contact-form-block, .section-block7 .contact-form-block {display: none;}

.error {border: 1px solid #ff0000!important;}

.section-download .title-block {text-align: center; font-size: 30px; padding: 120px 0 200px 0;}

.section-download .title-block a {color: #8cc554; text-decoration: underline;}



/* Modal Popup */

.modal-dialog .close {

    color: transparent;

    background-image: url(../images/close.png);

    background-size: 12px 12px;

    width: 12px;

    background-repeat: no-repeat;

    opacity: 1;

}

.modal-open .modal {background-color :rgba(0, 0, 0, .6);}

.modal-dialog {margin: 10px;}

.modal-dialog .close span {text-indent: -999px!important; opacity: 0;}

.modal-content {background-color: transparent!important; box-shadow: none!important; -webkit-box-shadow: none!important; -moz-box-shadow: none!important; border: 0!important;}

.modal-header {border-bottom: 0!important;}





/* footer */

footer {

    background-color: #383e47;

    color: #687078;

    width: 100%;

    position: relative;

    /*position: absolute;*/

    /*bottom: 0;*/

    /*left: 0;*/

    /*right: 0;*/

}

footer .socialbtns a {width: 25%; float: left; margin: 40px 0;}

footer .copyright {color: #aaa; text-align: center; margin: 4.5% auto; font-size: 10px; text-transform: uppercase; font-family: 'OpenSansBold';}

footer .socialbtns > a > img {width: 48px; height: 48px;}

footer .copyright a, footer .copyright a:active, footer .copyright a:focus, footer .copyright a:visited, footer .copyright a:hover {color: #8cc554; padding: 0 3px;}



/* mobile */



@media all and (max-width: 1199px) {

    .navbar-nav {width: 100%;}

    .navbar-collapse {padding-right: 0!important; padding-left: 0!important;}

    header .navbar-nav li a:before {width: 80%!important;}

    .section-block3 .title-block {margin-top: 100%!important; }

}

@media all and (max-width: 991px) and (min-width: 768px)  {

    .container-fluid, .collapse.navbar-collapse {padding: 0!important;}

    .navbar-nav {width: 100%!important; }

    .navbar-nav > li > a {font-size: 14px;}

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

    .section-block3 .title-block img {margin-left: 0; display: inline; margin-right: 4px;}

    .section-block3 .title-block {margin-top: 0!important; }

    .package-block {margin: 30px auto; float: none;}

    .section-block6 p {padding-right: 15px; padding-left: 15px;}

    .section-block6 .calc {margin-left: 0; margin-right: 0;}

    footer .socialbtns a {text-align :center;}

    footer .copyright {margin: 17.5% auto 4.5% auto;}

    .section-block5 .block-text {min-height: 154px;}

    .feature-block .feature-text {min-height: 40px!important;}

}

@media all and (min-width: 768px) {

    .feature-block .feature-text, .package-block .package-disc, .package-block button.btn, .video-block iframe, .section-block5 .block-text {display: block!important;}

    .navbar-default.fixed {position: fixed; top: 0; left: 0; right: 0; width: 100%; background-color: #2c323c!important; z-index: 999; padding-top: 15px; }

    .navbar-default.fixed .container-fluid {width: 100%; max-width: 1140px; margin: 0 auto;}

}

@media all and (max-width: 767px) {

    body { padding-top: 88px;}

    section {overflow-x: hidden;}

    header {background-color: #1a212b; position: fixed; top: 0; left: 0; right: 0; z-index: 111;}

    header .container {padding: 0!important;}

    .navbar-nav.desktop-menu {display: none!important;}

    .navbar-nav.mobile-menu {display: table!important;}

    .navbar-nav li, .navbar-default .navbar-toggle, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color: transparent!important; border: 0; float: left; }

    .navbar-default .navbar-toggle {margin: 8px 15px!important; position: absolute;}

    .navbar-nav li {display :block!important; text-align: left; padding: 14.5px; border-bottom: 1px solid rgba(0, 0, 0, .2);}

    .dropdown-menu li {padding: 4px 0; border-bottom: 0;}

    .dropdown-menu li a {font-size: 14px; text-transform: capitalize; font-family: 'OpenSansRegular';}

    .dropdown-menu li a:hover {font-family: 'OpenSansBold';}

    .navbar-default .navbar-toggle .icon-bar {background-color: #fff!important; }

    .sr-only {position: relative!important; float: left; padding-left: 24px!important; margin-top: -3px!important; width: auto!important; height: auto!important; font-family: 'OpenSansBold';}

    .navbar-toggle .icon-bar {width: 18px!important;}

    .navbar {margin-top: -78px; margin-bottom: 14px!important;}

    .container-fluid {padding: 0!important;}

    .navbar-nav {width: 100%; }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {border: 0!important; border-color: transparent!important; box-shadow: none; position: absolute; width: 100%; z-index: 999; background-color: #fff; margin: 0!important; padding: 0!important;}

    .navbar-default .navbar-collapse {top: 64px;}

    .navbar-nav li a {color: #000!important;}

    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {background-color: transparent!important;}

    .navbar-nav .dropdown .fa {float: right; color: #8cc554;}

    .navbar-nav .dropdown.open .fa {

        transform: rotate(180deg);

        -webkit-transform: rotate(180deg);

        -moz-transform: rotate(180deg);

        -o-transform: rotate(180deg);

        -ms-transform: rotate(180deg);

    }

    .logo-brand {margin: 13px auto 25px auto; height: 55px;}

    .logo-brand span {display: none;}

    .logo-brand img {margin-right: 0; height: 50px;}

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

    .section-block1 .section-title {font-size: 14px; margin-top: 0; }

    .section-block1 .section-title span {font-size: 24px; }

    .section-block1 .buttons-block {margin: 20px auto;}

    .section-block1 .buttons-block .btn {margin: 9px auto;}

    .feature-block .arrow-down, .feature-block .feature-text .points, .section-block5 .block-text .points {display: none;}

    .section-block2 .section-title, .section-block4 .section-title, .section-block6 .section-title, .section-block7 .section-title, .reviews .section-title {margin: 10px 0;}

    .feature-block {padding: 0 15px; min-height: 50px; margin-bottom: 0; border-top: 1px solid rgba(255, 255, 255, .2); background-image: url('../images/arrow-down-img.png'); background-repeat: no-repeat; background-position: 94% 9px;}

    .feature-block.change-feature-bg {background-color: #656d78; background-image: url('../images/close3.png'); background-repeat: no-repeat; background-position: 94% 9px;}

    .section-block2 [class^='col-']:last-child .feature-block {border-bottom: 1px solid rgba(255, 255, 255, .2);}

    .feature-block .feature-title {text-align: left; padding: 15px 0; position: absolute; width: 100%; cursor: pointer;}

    .feature-block .feature-text {display: none; padding: 54px 0 20px 0;}

    .feature-block .feature-text.showtext {display: block!important;}

    .feature-block .feature-text .full-text, .section-block5 .block-text .full-text {display: block;}

    .feature-block.change-feature-bg .feature-text {color: #fff;}

    .section-block3.change-section-bg, .section-block3.change-section-bg .package-block {background-color: #a3a3a3;}

    .section-block3 .container {padding: 20px;}

    .section-block3 .title-block {text-align: center; color: #000; padding: 10px 0 22px 0!important; margin: 0!important; font-size: 36px; font-family: 'OpenSansRegular';}

    .package-block {border-width: 2px; width: 100%; display: block; margin-bottom: 30px; float: none; margin-left: auto; margin-right: auto; background-image: url('../images/arrow-down-img3.png'); background-repeat: no-repeat; background-position: 94% 22px;}

    .package-block.change-package-bg {background-color: #fff!important; background-image: url('../images/close2.png'); background-repeat: no-repeat; background-position: 94% 28px;}

    .package-block .package-title {font-family: 'OpenSansRegular'; cursor: pointer;}

    .package-block .packageprice-block {margin-top: -5px; margin-left: -5px; cursor: pointer;}

    .package-block .package-title span, .package-block .package-disc, .package-block button.btn, .section-block5 .block-text, .section-block5 .arrow-down {display: none;}

    .section-block5 .block-text {padding: 30px;}

    .section-block4 .container {padding-bottom:0!important;}

    .section-block4 .section-title span {display: none;}

    .section-block4 .video-block, .howtoinstall-block {border-top: 1px solid rgba(0, 0, 0, .2); min-height: 60px; margin-bottom: 0;}

    .section-block4 .video-block.hidden-block, .section-block4 .title-video-block {display: block;}

    .section-block4 .title-video-block {text-transform: uppercase; font-family: 'OpenSansBold'; padding: 22px 8px; background-image: url('../images/eye.png'); background-position: 96% 42%; background-repeat: no-repeat; cursor: pointer;}

    .section-block4 .title-video-block.open-video-block {background-image: url('../images/close.png'); color: #8cc554;}

    .section-block5 .block-title.open-howtoinstall-block {background-image: url('../images/close.png'); }

    .section-block4 .video-block img, .section-block4 .video-block iframe, .section-block4 .video-block p, .section-block4 .btn {display: none; padding: 0 30px;}

    .section-block4 .video-block img, .section-block4 .video-block iframe {margin-bottom: 10px;}

    .section-block4 .video-block p {color: #fff; font-family: 'OpenSansLight'; text-align: center; left: 0; right: 0;}

    .section-block5 {background-color: #8cc554;}

    .section-block5 .container {padding-top: 0; padding-bottom: 40px;}

    .howtoinstall-block {padding: 0;}

    .section-block5 [class^='col-']:last-child .howtoinstall-block {border-bottom: 1px solid rgba(0, 0, 0, .2);}

    .howtoinstall-block.change-bg {background-color: #6b9b3a;}

    .section-block5 .block-title {text-transform: uppercase; font-family: 'OpenSansBold'; padding: 19px 8px; background-image: url('../images/eye2.png'); background-position: 96% 52%; background-repeat: no-repeat; margin: 0; font-size: 24px; text-align: left; cursor: pointer;}

    .section-block6#calc-desktop {display: none;}

    .section-block6#calc-mobile {display: block; text-align: center; background-color: #434a54; position: relative;}

    .section-block6#calc-mobile .section-title, .section-block6#calc-mobile .section-title span {color: #fff; font-family: 'OpenSansBold'; font-size: 24px;}

    .section-block6#calc-mobile .section-title span {color: #8cc554;}

    .section-block6#calc-mobile p {text-align: center; color: #fff; padding: 0 15px; line-height: 1.8em;}

    .section-block6#calc-mobile form {text-align: left; background-color: #fff; padding: 45px 25px; margin: 0 15px; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; }

    .section-block6#calc-mobile form .close {width: 12px ;height: 12px; position: absolute; background-image: url('../images/close2.png'); background-repeat: no-repeat; right: 32px; opacity: 1; margin-top: -24px;}

    .section-block6#calc-mobile .calc-form {display: none;}

    .section-block6#calc-mobile .form-title {color: #8cc554; text-transform: uppercase; font-family: 'OpenSansBold'; font-size: 18px; padding: 20px 0;}

    .section-block6#calc-mobile form label {width: 100%; display: block; font-family: 'OpenSansBold'; color: #000;}

    .section-block6#calc-mobile form input {border: 1px solid rgba(0, 0, 0, .2); border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; padding: 6px 20px; width: 100%; }

    .section-block6#calc-mobile form input[type=checkbox] {width: auto; }

    .section-block6#calc-mobile form .form-group-title {text-transform: uppercase; color: #2a5981; margin: 10px 0; font-family: 'OpenSansBold';}

    .section-block6#calc-mobile form .btn {width: auto; background-color: #8cc554; border: 0; color: #000;}

    .section-block6#calc-mobile form .form-group:last-child {text-align: center; margin-bottom: -15px;}

    .section-block6 .btn, .section-block6 .btn:hover, .section-block6 .btn:focus, .section-block6 .btn:active, .section-block6 .btn:visited {background-color: transparent; border: 1px solid #8cc554; color: #8cc554; margin: 16px auto; width: 302px; padding: 10px 12px;}

    .section-block7 {background-color: #1d2229;}

    .section-block7 .row {width: 100%;margin: 0!important;}

    .contact-block .block-text {display: none;}

    .contact-block .block-title, .section-block7 form .btn {color: #000; background-color: #8cc152; padding: 6px 12px; border-radius: 222px; -webkit-border-radius: 222px; -moz-border-radius: 222px; width: 185px; margin: 0 auto 20px auto; cursor: pointer;}

    .contact-block .block-title.open-contact-form {background-color: transparent; color: #fff; width: 100%; background-image: url('../images/close.png'); background-repeat: no-repeat; background-position: 99% 50%; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0;}

    footer .socialbtns a {text-align: center;}

    footer .copyright {padding-top: 116px; color: #000; padding-bottom: 50px;}

    .reviews .carousel-caption {right: 0; left: 0;}

    .reviews .carousel-inner > .item {min-height: 280px;}

    .section-block7 .block-text {display: none;}

    .section-block7 form .form-group textarea {min-height: 380px;}

    .section-block7 form .btn {margin-top: -116px; padding-top: 8px; padding-bottom: 8px;}

    footer .nav .dropdown.open a, footer .nav .dropdown a:hover, footer .nav .dropdown.open a:hover, footer .nav .dropdown a:focus, footer .nav .dropdown.open a:focus {background-color: transparent!important;}

    footer .navbar-nav li.dropdown > a {color: #fff!important; font-family: 'OpenSansRegular';}

    footer .navbar-nav li.dropdown {border-bottom: 0; margin: 10px 0; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; background-color: #656d78!important; padding: 7px 14.5px; }

    footer .socialbtns {z-index: 111;}

    .section-block1 .form-block form {border-radius: 0!important; -webkit-border-radius: 0!important; -moz-border-radius: 0!important; margin-bottom: -20px;}

    .section-block2 .section-title, .section-block4 .section-title, .section-block6 .section-title {padding: 20px 0;}

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

    .reviews .section-title {padding: 28px 0 0 0;}

    .section-block3 .title-block img {margin-left: 0; display: inline; margin-right: 4px;}

    .section-block2, .section-block3, .section-block4, .reviews, .section-block6, .section-block7 {padding-top: 55px; margin-top: -50px;}

    .section-block3 {padding-bottom: 40px;}

}

@media all and (max-width: 612px) {

    .reviews .carousel-inner > .item {min-height: 340px;}

    .section-block4 .title-video-block, .section-block5 .block-title {font-size: 15.5px; }

}

@media all and (max-width: 465px) {.copyright > span {display: inline-block; width: 100%;}}

@media all and (max-width: 407px) {

    .feature-block .feature-title, .package-block .package-title span {font-size: 12px;}

    .package-block .package-title, .package-block .packageprice-block {font-size: 17px;}

    .section-block4 .title-video-block, .section-block5 .block-title {font-size: 11.5px;}

    .section-block1 form .form-group:nth-child(2), .section-block1 form .form-group:nth-child(3) {width: 100%; max-width: 100%; float: none; padding-right: 0!important;}

    .package-block {padding: 30px 18px 30px 2px;}

    .reviews .carousel-inner > .item {min-height: 400px;}

}



.section-phone {

    font-size: 2em;

    text-align: center;

    padding: 40px 0;

}



@media all and (min-width: 768px) {

.package-block {min-height: 430px;}

}

@media all and (min-width: 991px)

{

.package-block {min-height: 400px;}

}



.package-block .package-title {

padding-bottom: 10px;

}

.package-block .packageprice-block, .package-block .packageprice-text{

text-align: left !important;

}



/*recaptcha custom style*/

	.g-recaptcha div{

		width: initial !important;

	}

/*recaptcha custom style*/


.form-group input[type="file"]{
    position: absolute;
  width: 100%;
  height: 100%;
  cursor: pointer;
  top: 0;
  right: 0;
  opacity: 0;
}

.form-group.file-load {
    position: relative;
    display: inline-block;
  }

  .file-load{
    margin-top: 10px;
  }

  #file-chosen{
    margin-left: 20px;
  }

  #batch-sending {
    display: flex;
    justify-content: center;
  }

  #batch-sending form .form-group {
    width: 100%;
    max-width: 100%;
    padding-right: 0;
}