/* Table of Content
==================================================
	#Font-Face
	#Site Styles
	#Media Queries */

/* #Font-Face
================================================== */
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,400i,500,500i,700,700i,900,900i');

/* #Site Styles
================================================== */

/* ### general ### */
* { margin: 0; padding: 0; box-sizing: border-box; }
html, body { font-family: 'Roboto', sans-serif; font-size: 16px; color: #3b404f; }
body { background: #fff; }
input, select, textarea { font-family: 'Roboto', sans-serif; font-size: 14px; color: #3b404f; -webkit-appearance: none; border-radius: 0px; }
img { border: 0; display: block; }
ul, li { list-style: none; }
:focus { outline: none!important; border: none; }
fieldset { border: none; }
a:hover { text-decoration: underline!important; }

/* ### global classes ### */
.clear { clear: both; visibility: hidden; line-height: 0; height: 0; }
.center { margin: 0 auto; position: relative; max-width: 1200px; }
.centered { padding-right: calc((100% - 1200px) / 2); padding-left: calc((100% - 1200px) / 2); }
h1,h2,h3,h4,h5,h6, button {font-family: 'Montserrat', sans-serif;}
.button, button { padding: 8px 25px; text-align: center; font-size: 14px; color: #fff; font-weight: 700; border-radius: 38px; text-transform: uppercase; text-decoration: none; cursor: pointer; background: #f6a90c; display: inline-block; border: none; }

.button:hover, button:hover { background: #f6851b!important; }
.button.gray, button.gray { background: #d0d0d0; }
.button.gray:hover, button.gray:hover { color: #fff!important; background: #7a7a7a!important; }

.textarea, textarea { height: 160px; resize: none; margin-bottom: 33px; padding: 12px 15px; width: 100%; background: #f5f5f5; border: 1px solid #dddddd;  font-family: 'Montserrat', sans-serif; font-weight: 300;  font-size: 12px; color: #3b404f; }
input[type="text"], input[type="email"], input[type="password"], input[type="tel"] {
    margin-bottom: 17px;
    padding: 8px 15px;
    width: 100%;
    background: #f5f5f5;
    border: 1px solid #dddddd;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    font-size: 14px;
    color: #3b404f;
    /*text-transform: uppercase;*/
}

textarea { height: 96px; resize: none; margin-bottom: 17px; padding: 12px 15px; width: 100%; background: #f5f5f5; border: 1px solid #dddddd;  font-family: 'Montserrat', sans-serif; font-weight: 300; font-size: 12px; color: #3b404f;  }

    input[type="text"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
        opacity: 1;
        color: #969595;
    }

    input[type="text"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, textarea::-moz-placeholder {
        opacity: 1;
        color: #969595;
    }

    input[type="text"]::-ms-input-placeholder, input[type="email"]::-ms-input-placeholder, input[type="password"]::-ms-input-placeholder, input[type="tel"]::-ms-input-placeholder, textarea::-ms-input-placeholder {
        opacity: 1;
        color: #969595;
    }

    input[type="text"]::placeholder, input[type="email"]::placeholder, input[type="password"]::placeholder, input[type="tel"]::placeholder, textarea::placeholder {
        opacity: 1;
        color: #969595;
    }
    input[type="text"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
        opacity: 1;
        color: #969595;
        text-transform: uppercase;
    }
    input[type="text"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, textarea::-moz-placeholder {
        color: #969595;
        opacity: 1;
    }
    input[type="text"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, textarea:-ms-input-placeholder {
        color: #969595;
        opacity: 1;
    }

/* ### wrapper ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; }

/* ### main container ### */
#mainCntr { width: 100%; padding-top: 160px; }

/* ### header container ### */
#headerCntr { position: fixed; top: 0; left: 0; width: 100%; z-index: 100; background: #fff; }
#headerCntr .logo { float: left; }
#headerCntr .logo img { max-width: 100%; }
#headerCntr .mobileMenu { position: absolute; right: 5px; top: 3px; display: none; cursor: pointer; z-index: 15; width: 40px; height: 40px; transition: 0.2s; overflow: hidden; }
#headerCntr .mobileMenu span { display: block; height: 4px; text-indent: -9999px; border-radius: 5px; background: #f6a90c; position: absolute; top: 50%; right: 20%; left: 20%; transition: 0.2s; }
#headerCntr .mobileMenu span:before,
#headerCntr .mobileMenu span:after { display: block; width: 100%; height: 4px; content: ''; border-radius: 5px; background-color: #f6a90c; transition-duration: 0.2s,0.2s; position: absolute; left: 0; }
#headerCntr .mobileMenu span:before { top: -7px; }
#headerCntr .mobileMenu span:after { bottom: -7px; }
.mm-opened #headerCntr .mobileMenu span { background: none; }
.mm-opened #headerCntr .mobileMenu.is-active span:before,
.mm-opened #headerCntr .mobileMenu.is-active span:after { transition-delay: 0s, 0.2s; }
.mm-opened #headerCntr .mobileMenu span:before { top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.mm-opened #headerCntr .mobileMenu span:after { bottom: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

	/* ### topMenu box ### */
	.topMenuBox { width: 100%; overflow: hidden; background: #f5f5f5; }
	.topMenuBox ul { margin: 0px; padding: 18px 0px 15px 0px;  list-style: none; float: right; }
	.topMenuBox li { margin-left: 44px; padding-left: 28px; float: left; position: relative; }
	.topMenuBox li a { font-size: 14px; color: #3b404f; text-decoration: none; }
	.topMenuBox li a:hover {color: #f6a90c;}
	.topMenuBox li:before { width: 16px; height: 16px; content:''; display: block; position: absolute; left: 0px; top: 0px; background: url(../img/user.svg) left top no-repeat; background-size: 100%; }
	.topMenuBox li.phone:before { width: 18px;  height: 18px; background: url(../img/phone.svg) left top no-repeat; background-size: 100%; }

	/* ### menu box ### */
.menuBox:not(.mm-menu) {
    position: relative;
    padding-top: 15px;
    padding-bottom: 11px;
    width: 100%;
    box-shadow: 0 0 42px 0 rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 0 42px 0 rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 0 0 42px 0 rgba(0, 0, 0, 0.08);
    -o-box-shadow: 0 0 42px 0 rgba(0, 0, 0, 0.08);
}
	.menuBox:not(.mm-menu) ul { padding-top: 30px; overflow: hidden; }
	.menuBox:not(.mm-menu) li { padding-right: 26px; float: left; }
	.menuBox:not(.mm-menu) li:last-child { padding-right: 0; }
	.menuBox:not(.mm-menu) li a { font-size: 14px; color: #3b404f; text-decoration: none; text-transform: uppercase; font-weight: 500; }
	.menuBox:not(.mm-menu) li a:hover, .menuBox:not(.mm-menu) li.is-active a { color: #f6a90c; text-decoration: none!important; }
	.menuBox:not(.mm-menu) .navbar { padding: 0px; background: #fff; }
	.menuBox .search { position: absolute; right: 0px; width: 16px; height: 16px; margin-top: 30px; background:url(../img/search.svg) left top no-repeat; background-size: 100%;  }
	.menuBox:not(.mm-menu) nav { float: right; }
	.menuBox .searchBlock { display: none; position: absolute; right: 0px; top: 50px; background: #fff; padding: 10px; width: 310px; z-index: 2; }
	.menuBox .searchBlock input[type="text"] { padding: 12px 15px; width: 100%; background: #f5f5f5; border: 1px solid #dddddd;  font-family: 'Montserrat', sans-serif; font-weight: 300;  font-size: 12px; color: #969595; text-transform: uppercase; }
	.mm-listview > li.is-active a {color: #f6a90c; }

/* ### banner box ### */
/*.bannerBox { width: 100%; height: 700px; overflow: hidden; background: url(../img/banner.jpg) center top no-repeat; background-size: cover; }*/
.bannerBox .left {  padding-top: 48px; }
.bannerBox .left h1 { margin: 0px; font-size: 64px; color: #ffffff; font-weight: 800; line-height: 72px;/* text-transform: uppercase;*/ }
.bannerBox .left p { margin: 0px; max-width: 356px; padding: 32px 0px; font-size: 16px; color: #ffffff; line-height: 24px; }
.bannerBox .left ul { margin: 0px; list-style: none; }

    .bannerBox .left li:before {
        content: "\2713\0020";
        padding-right: 5px;
    }
    .bannerBox .left li {
        font-size: 22px;
        color: #ffffff;
        line-height: 24px;
        margin-bottom: 14px;
    
    }
.bannerBox .left strong { font-weight: 900; font-size: 24px; color: #f6a90c; }
/*
    .bannerBox .left ul:first-of-type {
        margin-top: 20px;
        margin-bottom: 20px;
        list-style:armenian;
    }

    .bannerBox .left ul:first-of-type li {
        font-size: 16px;
        color: #ffffff;
        line-height: 24px;
        padding-bottom: 4px;
        padding-top: 4px;
    }
    .bannerBox .left ul:first-of-type li a {
        font-size: 16px;
        color: #ffffff;
        line-height: 24px;
        padding-bottom: 4px;
        padding-top: 4px;
    }
    */


    .bannerBox .left .homebul {
        margin-top: 20px;
        margin-bottom: 20px;
        list-style: none;
    }

    .bannerBox .left .homebul li {
        font-size: 16px;
        color: #ffffff;
        line-height: 24px;
        padding-bottom: 4px;
        padding-top: 4px;
    }
        .bannerBox .left .homebul li a {
            font-size: 16px;
            color: #ffffff;
            line-height: 24px;
            padding-bottom: 4px;
            padding-top: 4px;
        }

  


.bannerBox .right { background: #fff; }
.bannerBox .right .title { margin:0px; padding: 6px 0px; background: #f6a90c; text-align: center;  font-size: 26px; color: #ffffff; font-weight: 800; text-transform: uppercase; line-height: 25px;  }
.bannerBox .right .title span { display: block; font-size: 18px; font-weight: 600; }
.bannerBox .right .holder { padding: 18px 18px 32px 18px; overflow: hidden; }
.bannerBox .right p { margin: 0px; padding-bottom: 19px; font-size: 16px; color: #3b404f; line-height: 18px; }
.bannerBox .right .privacy { padding-top: 10px; padding-bottom: 26px; display: block; font-size: 13px; color: #3b404f; }
.bannerBox .right a { color: #3b404f; text-decoration: underline; font-weight: 700; }
.bannerBox .right a:hover { text-decoration: none!important; }
.bannerBox .right .captcha { display: block; margin-bottom: 32px; }
.bannerBox .right .captcha img { width: 100%; }
.bannerBox .right .button { margin: 0 auto; width: 120px; display: block; }


/* ### content container ### */
#contentCntr { min-height: 1000px; width: 100%; }

	/* ### info box ### */
	.infoBox { padding-bottom: 35px; width: 100%; background: #f6a90c; }
	.infoBox p { margin: 0px; font-family: 'Montserrat', sans-serif;  color: #fff;  text-align: center; }
	.infoBox strong { padding-top: 13px; padding-bottom: 10px; font-size: 50px; font-weight: 700; line-height: 50px; display: block; }
	.infoBox small { display: block; font-size: 16px; font-weight: 400; text-transform: uppercase; }
	.infoBox .icon { position: relative;  margin: -37px auto 0px auto; display: block; width: 75px; height: 75px; text-align: center; line-height: 75px; border-radius: 100%; background: #fff;}
	.infoBox .icon:before {font-family: 'FontAwesome'; font-size: 50px; color: #f6a90c; position: absolute; left: 50%; top:50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 45px; height: 40px; content:''; display: block; background: url(../img/file-export.svg) center center no-repeat; background-size: 100%; }
	.infoBox .icon.pencil:before  { width: 39px; background: url(../img/pencil-alt.svg) left top no-repeat; background-size:100%; }
	.infoBox .icon.setting:before  {width: 37px; background: url(../img/cog.svg) left top no-repeat; background-size:100%; }

	/* ### features box ### */
	.featuresBox { padding-top: 80px; padding-bottom: 95px; position: relative; width: 100%; }
	.featuresBox:before { width: 100%; height: 487px; background: #f5f5f5; position: absolute; left: 0px; bottom: 0px; content:''; }
	.featuresBox h2 { font-size: 44px; color: #003b6f; font-weight: 700; text-align: center; text-transform: uppercase; }
	.featuresBox ul.days { text-align: center; }
	.featuresBox ul.days li { padding: 0px 8px; position: relative; display: inline-block; font-size: 18px; color: #003b6f; }
	.featuresBox ul.days li:before { position: absolute; right: -1px; top: 6px; background: #f6a90c; height: 15px; width: 1px; content:''; }
	.featuresBox ul.days li:last-child:before { display: none; }
	.featuresBox ul.days li strong { font-weight: 900; text-transform: uppercase; }
	.featuresBox .content { padding-top: 70px; padding-bottom: 24px; overflow: hidden; }
        .featuresBox .content p {
            font-size: 16px;
            color: #3b404f;
            line-height: 24px;
            
        }
	.featuresBox .content strong { font-size: 22px; color: #003b6f; text-transform: uppercase; }
	.featuresBox .content span { font-weight: 400; }
        .featuresBox figure {
            padding: 0px 40px;
            width: 100%;
            font-family: 'Montserrat', sans-serif;
        }
	.featuresBox img { width: 100%; }
	.featuresBox .column { padding: 0 13px 12px 13px; height: 100%; text-align: center;  background: #fff; border-bottom: 4px solid #f6a90c; }
	.featuresBox .column h3 { margin: 0px; padding-bottom: 15px; font-size: 22px; color: #003b6f; font-weight: 700; text-transform: uppercase; }
	.featuresBox .column .icon { position: relative; margin: 0px auto 18px auto; display: block; width: 75px; height: 75px; text-align: center; line-height: 75px; border-radius: 100%; background: #f6a90c; }
	.featuresBox .column .icon:before { width: 36px; height: 40px; content:'';  background: url(../img/copy.svg) center center no-repeat; background-size: 100%; display: block; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
	.featuresBox .column .icon.users:before { width: 52px; height: 36px; background: url(../img/users.svg) center center no-repeat; background-size: 100%;}
	.featuresBox .column .icon.code:before {width: 52px; height: 41px; background: url(../img/laptop-code.svg) center center no-repeat; background-size: 100%;}
	.featuresBox .column .icon.lock:before {width: 38px; height: 41px; background: url(../img/lock.svg) center center no-repeat; background-size: 100%;}
	.featuresBox .column li {  font-size: 14px; color: #3b404f; line-height: 16px; position: relative;}
	.featuresBox .column li:last-child:after { display: none; }
	.featuresBox .column li a { margin: 9px 0px; display: inline-block; color: #3b404f; text-decoration: none; }
        .featuresBox .column li span {
            margin: 9px 0px;
            display: inline-block;
            color: #3b404f;
            text-decoration: none;
        }

	.featuresBox .column li:after { width: 70%; border-bottom: 1px dotted #f6a90c; content:''; display: block; margin: 0px auto; }

	/* ### testimonial box ### */
	.testimonialBox { padding-top: 45px; padding-bottom: 35px; width:100%; overflow: hidden; background: #003b6f; position: relative; z-index: 10; }
	.testimonialBox .block { padding: 0px 74px; max-width: 890px; margin: 0px auto; position: relative;}
	.testimonialBox .block:before { position: absolute; left: 8px; top: -49px; width: 98px; height: 75px; content:''; background: url(../img/left-top-curve.png) left top no-repeat; background-size: 100%; }
	.testimonialBox .block:after { position: absolute; right: 8px; top: -45px; width: 98px; height: 75px; content:''; background: url(../img/right-top-curve.png) left top no-repeat; background-size: 100%; }
	.testimonialBox ul { list-style: none;  }
	.testimonialBox li { width: 100%; }
	.testimonialBox blockquote { margin-bottom: 0px; font-size: 16px; color: #ffffff; text-align: center; line-height: 24px; }
	.testimonialBox cite { padding-top: 12px; font-size: 16px; color: #f6a90c; text-transform: uppercase; font-weight: 500; display: block; font-style: normal; line-height: 16px; }
	.testimonialBox small { display: block; font-weight: 400; font-size: 12px; color: #999999; text-transform: uppercase; line-height: 12px; }
	.testimonialBox .cycle-pager { width: 100%; text-align: center; }
	.testimonialBox .cycle-pager span { margin: 0px 5px; width: 10px; height: 10px; display: inline-block; cursor: pointer; border-radius: 100%; background: #999999; }
	.testimonialBox .cycle-pager span.cycle-pager-active { background: #f6a90c; }

	/* ### Security box ### */
	.securityBox { padding-top: 44px; padding-bottom: 44px; width: 100%; overflow: hidden; background: #f6a90c; }
	.securityBox .block { padding: 18px  28px 18px 50px; background: #fff; overflow: hidden; position: relative;  font-family: 'Montserrat', sans-serif; border-radius: 117px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; }
	.securityBox .block p { margin: 0px; position: relative; width:calc(100% - 355px); float: left; padding: 0px 30px 0px 140px; font-size: 20px; color: #3b404f; line-height: 24px; }
	.securityBox .block p:before { position: absolute; left: 0px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); content:''; width: 105px; height: 75px; background: url(../img/cloud.png) left top no-repeat; background-size: 100%; }
	.securityBox .block .button { max-width: 354px; float: right; padding:12px 27px 15px 37px; font-size: 16px; color: #fff; text-decoration: none; text-align: center; text-transform: uppercase; font-weight: 700; background: #f6a90c; border-radius: 63px; }
	.securityBox .block .button:hover { text-decoration: none!important; }
	.securityBox .block .button span { display: block; font-weight: 400; }

/* ### seperator box ### */
.seperatorBox {
    padding-top: 44px;
    padding-bottom: 44px;
    width: 100%;
    overflow: hidden;
    background: #f6a90c;
}

    .seperatorBox .block {
        padding: 18px 28px 18px 50px;
        background: #fff;
        overflow: hidden;
        position: relative;
        font-family: 'Montserrat', sans-serif;
        border-radius: 117px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-flex-flow: row wrap;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
    }

        .seperatorBox .block p {
            margin: 0px;
            position: relative;
            float: left;
            padding: 0px 30px 0px 140px;
            font-size: 20px;
            color: #3b404f;
            line-height: 24px;
        }

            .seperatorBox .block p:before {
                position: absolute;
                left: 0px;
                top: 50%;
                -webkit-transform: translateY(-50%);
                        transform: translateY(-50%);
                content: '';
                width: 105px;
                height: 75px;
                background: url(../img/cloud.png) left top no-repeat;
                background-size: 100%;
            }

        .seperatorBox .block .button {
            max-width: 354px;
            float: right;
            padding: 12px 27px 15px 37px;
            font-size: 16px;
            color: #fff;
            text-decoration: none;
            text-align: center;
            text-transform: uppercase;
            font-weight: 700;
            background: #f6a90c;
            border-radius: 63px;
        }

            .seperatorBox .block .button:hover {
                text-decoration: none !important;
            }

            .seperatorBox .block .button span {
                display: block;
                font-weight: 400;
            }


	/* ### packages box ### */
	.packagesBox { padding-top: 73px; padding-bottom: 130px; width: 100%; overflow: hidden; }
	.packagesBox h2 { margin: 0px; padding-bottom: 64px; font-size: 44px; color: #003b6f; font-weight: 700; text-transform: uppercase; text-align: center; }
	.packagesBox .button { font-family: 'Montserrat', sans-serif; padding: 5px 10px; min-width: 144px; text-align: center; background: #f6a90c; border-radius: 30px; font-size: 14px; color: #fff; font-weight: 700; text-decoration: none; text-transform: uppercase; }
	.packagesBox .button:hover { background: #f6851b; }
	.packagesBox .button.gray {  background: #d0d0d0; }
	.packagesBox .button.gray:hover { background: #7a7a7a; }
	.packagesBox .price { font-family: 'Montserrat', sans-serif; font-size: 36px; color: #003b6f; font-weight: 700; }
	.packagesBox .price sup { font-size: 18px; }
	.packagesBox .price small { font-size: 14px; color:#3b404f; }
	.packagesBox .data table { width: 100%; border-spacing: 0; border-collapse: collapse; }
	.packagesBox .data th, .packagesBox .data td { padding: 10px;text-align: center;  border: 1px solid #dddddd; }
	.packagesBox .data th { font-family: 'Montserrat', sans-serif; background: #f5f5f5; padding: 12px 0; vertical-align: middle; font-size: 16px; color: #003b6f; line-height: 16px; font-weight: 700; text-transform: uppercase;  border: 1px solid #dddddd; border-top: 4px solid #003b6f; }
	.packagesBox .data td { background: #fff; padding: 15px 10px; width: 196px; vertical-align: middle; }
	.packagesBox .data td strong { font-weight: bold; }
	.packagesBox .data td:first-child { vertical-align: top; width: 180px; text-align: left; font-size: 16px; color: #003b6f; background: #f5f5f5; }
        .packagesBox .data td.blank {
            border-right-color: #f5f5f5;
            background: #f5f5f5;
     }
	.packagesBox .data td.blank.title {border-left: 1px solid #dddddd;}
	.packagesBox .data td.blank:last-child { border-right: 1px solid #dddddd; }
	.packagesBox .data tr:last-child td {border-bottom: 4px solid #003b6f;}
	.packagesBox .data tr > th:first-child { position: relative; background: none; border-top: none; border-left:1px solid #fff; }
	.packagesBox .data th.highlight, .packagesBox .data td.highlight { font-weight: 900; background-image: url(../img/td-hover-bg.png); background-position: left top; background-repeat:repeat-y; background-size: 100%; }
	.packagesBox .data th.highlight { border-top: 4px solid #f6a90c; }
	.packagesBox .data td.highlight.last { border-bottom: 4px solid #f6a90c; }


    	/* ### contact box ### */
	.contactBox { padding-top: 76px; width: 100%; overflow: hidden;  }
	.contactBox h3 { margin: 0px; padding-bottom: 60px; font-size: 44px; color: #003b6f; font-weight: 700; text-transform: uppercase; text-align: center; }
	.contactBox p { margin: 0px; padding-bottom: 27px; font-size: 16px; color: #3b404f; line-height: 24px; }
	.contactBox p a { text-decoration: underline; }
	.contactBox p a:hover { text-decoration: none!important; }
	.contactBox a { color: #3b404f; text-decoration: none; }
	.contactBox address { max-width: 282px; font-size: 16px; color: #3b404f; line-height: 20px; font-style: normal; }
	.contactBox address span { padding: 22px 0 22px 56px; display: block; position: relative; border-bottom: 1px dotted #f6a90c; }
	.contactBox address span:last-child { border: none; }
	.contactBox address span:before { width: 32px; height: 25px; display: block; position: absolute; left: 0px; top: 20px; content:''; background: url(../img/envelope.svg) left top no-repeat; background-size: 100%; }
	.contactBox address span.phone:before {  height: 37px; background: url(../img/phone.svg) left top no-repeat; background-size: 100%; }
	.contactBox address span.location:before { width: 34px; height: 34px; display: block; content:''; background: url(../img/map-marked-alt.svg) left top no-repeat; background-size: 100%; }
	.contactBox .right { padding: 33px 27px 85px 39px; overflow: hidden; background: #fff; }
	.contactBox .right .textarea { height: 100px; }
	.contactBox .right .button { padding: 10px 20px; min-width: 130px; display: block; border-radius: 38px; background: #f6a90c; font-size: 16px; color: #ffffff; font-weight: 700; border: none; cursor: pointer; text-transform: uppercase;  }
	.contactBox .right .button:hover { background: #f6851b; }
	.contactBox .right .captcha { margin-bottom: 15px; display: block; }
	.contactBox .right .captcha img{ max-width: 100%; }

        /* ### about box ### */
	.aboutBox { padding-top: 76px; width: 100%; overflow: hidden; background-color: white ; }
	.aboutBox h3 { margin: 0px; padding-bottom: 60px; font-size: 44px; color: #003b6f; font-weight: 700; text-transform: uppercase; text-align: center; }
    .aboutBox h4 { margin: 0px; padding-bottom: 20px; font-size: 24px; color: #003b6f; font-weight: 700; text-align: left; }
    
	.aboutBox p { margin: 0px; padding-bottom: 27px; font-size: 16px; color: #3b404f; line-height: 24px; }
	.aboutBox p a { text-decoration: underline; }
	.aboutBox p a:hover { text-decoration: none!important; }
	.aboutBox a { color: #3b404f; text-decoration: none; }
	.aboutBox address { max-width: 282px; font-size: 16px; color: #3b404f; line-height: 20px; font-style: normal; }
	.aboutBox address span { padding: 22px 0 22px 56px; display: block; position: relative; border-bottom: 1px dotted #f6a90c; }
	.aboutBox address span:last-child { border: none; }
	.aboutBox address span:before { width: 32px; height: 25px; display: block; position: absolute; left: 0px; top: 20px; content:''; background: url(../img/envelope.svg) left top no-repeat; background-size: 100%; }
	.aboutBox address span.phone:before {  height: 37px; background: url(../img/phone.svg) left top no-repeat; background-size: 100%; }
	.aboutBox address span.location:before { width: 34px; height: 34px; display: block; content:''; background: url(../img/map-marked-alt.svg) left top no-repeat; background-size: 100%; }
	.aboutBox .right { padding: 33px 27px 85px 39px; overflow: hidden; background: #fff; }
	



	/* ### contact box ### */
	.contactBox { padding-top: 76px; width: 100%; overflow: hidden;  }
	.contactBox h3 { margin: 0px; padding-bottom: 60px; font-size: 44px; color: #003b6f; font-weight: 700; text-transform: uppercase; text-align: center; }
	.contactBox p { margin: 0px; padding-bottom: 27px; font-size: 16px; color: #3b404f; line-height: 24px; }
	.contactBox p a { text-decoration: underline; }
	.contactBox p a:hover { text-decoration: none!important; }
	.contactBox a { color: #3b404f; text-decoration: none; }
	.contactBox address { max-width: 282px; font-size: 16px; color: #3b404f; line-height: 20px; font-style: normal; }
	.contactBox address span { padding: 22px 0 22px 56px; display: block; position: relative; border-bottom: 1px dotted #f6a90c; }
	.contactBox address span:last-child { border: none; }
	.contactBox address span:before { width: 32px; height: 25px; display: block; position: absolute; left: 0px; top: 20px; content:''; background: url(../img/envelope.svg) left top no-repeat; background-size: 100%; }
	.contactBox address span.phone:before {  height: 37px; background: url(../img/phone.svg) left top no-repeat; background-size: 100%; }
	.contactBox address span.location:before { width: 34px; height: 34px; display: block; content:''; background: url(../img/map-marked-alt.svg) left top no-repeat; background-size: 100%; }
	.contactBox .right { padding: 33px 27px 85px 39px; overflow: hidden; background: #fff; }
	.contactBox .right .textarea { height: 100px; }
	.contactBox .right .button { padding: 10px 20px; min-width: 130px; display: block; border-radius: 38px; background: #f6a90c; font-size: 16px; color: #ffffff; font-weight: 700; border: none; cursor: pointer; text-transform: uppercase;  }
	.contactBox .right .button:hover { background: #f6851b; }
	.contactBox .right .captcha { margin-bottom: 15px; display: block; }
	.contactBox .right .captcha img{ max-width: 100%; }




	/* ### title box ### */
	.titleBox { padding-top: 16px; padding-bottom: 16px; width: 100%; overflow: hidden; background: #f6a90c; }
	.titleBox h1 { margin: 0px; font-size: 44px; color: #ffffff; font-weight: 700; text-transform: uppercase; position: relative; }
	.titleBox h1:before { position: absolute; right: 0px; top: 0px;  content:''; width: 55px; height: 55px; background: url(../img/user-white.svg) left top no-repeat; background-size: 100%; }
	.titleBox h1.support:before { content:''; width: 55px; height: 55px; background: url(../img/tools.svg) left top no-repeat; background-size: 100%; }
	.titleBox h1.lock:before { content:''; width: 50px; height: 56px; background: url(../img/lock.svg) left top no-repeat; background-size: 100%; }

	/* ### form box ### */
	.formBox { padding-top: 78px; width: 100%; overflow: hidden; }
	.formBox small {font-family: 'Montserrat', sans-serif; padding-bottom: 15px; font-size: 12px; color: #3b404f; display: block; font-weight: 300; }
	.formBox a { color: #3b404f; text-decoration: underline; font-weight: 700; }
	.formBox a:hover { text-decoration: none!important; }
	.formBox .error { margin: 0px; padding-bottom: 60px; font-size: 16px; color: #ff0000; }
	.formBox .captcha { margin-bottom: 40px; }
	.formBox p {  display: block; margin: 0px; padding-bottom: 77px; font-size: 16px; color: #3b404f;}
	.formBox .forgot { display: inline-block; margin-bottom: 50px; }

	/* ### account box ### */
	.accountBox { padding-top: 80px; width: 100%; overflow: hidden;  }
	.accountBox span { display: block; margin: 0px; font-size: 16px; color: #3b404f; float:left; margin-top:9px;}
	.accountBox .block { margin-bottom: 12px; overflow: hidden; padding: 20px 32px 20px 14px; max-width: 557px; background: #f5f5f5; border: 1px solid #dddddd; }
	.accountBox p { font-family: 'Montserrat', sans-serif; width:calc(100% - 135px); margin: 0px; float: left; font-size: 20px; color: #3b404f; font-weight: 500; }
	.accountBox small { font-size: 12px; color: #3b404f; display: block; font-weight: 300; }
	.accountBox .button { float: right; padding: 5px 30px; display: block; border-radius: 38px; background: #f6a90c; font-size: 16px; color: #ffffff; font-weight: 700; border: none; cursor: pointer; text-transform: uppercase;  }
	.accountBox .button.add { margin-top: 24px; min-width: 200px; background: #e9e9e9;  color: #999999; float: none; }


    	/* ### content box ### */
	.contentBox { padding-top: 62px; width: 100%; overflow: hidden; }
	.contentBox h3 { padding: 10px 0 5px 0; font-size: 22px; color: #003b6f; font-weight: 700; text-transform: uppercase; margin: 0px; }
	.contentBox p { padding-bottom: 18px; margin: 0px; font-size: 14px; color: #3b404f; line-height: 18px; }
	.contentBox ul { list-style: none; }
	.contentBox li { padding-left: 12px; position: relative; font-size: 14px; color: #3b404f; line-height: 18px;}
	.contentBox li:before { position: absolute; left: 0px; top: 9px; content:''; width: 8px; height: 1px; background: #282828;}
	.contentBox a { color: #3b404f; text-decoration: none; }
	.contentBox address { max-width: 282px; font-size: 16px; color: #3b404f; line-height: 20px; font-style: normal; }
	.contentBox address span { padding: 22px 0 22px 56px; display: block; position: relative; border-bottom: 1px dotted #f6a90c; }
	.contentBox address span:last-child { border: none; }
	.contentBox address span:before { width: 32px; height: 25px; display: block; position: absolute; left: 0px; top: 20px; content:''; background: url(../img/envelope.svg) left top no-repeat; background-size: 100%; }
	.contentBox address span.phone:before {  height: 34px; background: url(../img/phone.svg) left top no-repeat; background-size: 100%; }
	.contentBox address span.location:before { width: 34px; height: 34px; display: block; content:''; background: url(../img/map-marked-alt.svg) left top no-repeat; background-size: 100%; }


	/* ### resouece box ### */
	.resoueceHomeBox { padding-top: 62px; width: 100%; overflow: hidden; }
	.resoueceHomeBox h3 { padding: 10px 0 5px 0; font-size: 22px; color: #003b6f; font-weight: 700; text-transform: uppercase; margin: 0px; }
	.resoueceHomeBox p { padding-bottom: 18px; margin: 0px; font-size: 14px; color: #3b404f; line-height: 18px; }
        .resoueceHomeBox ul {
            list-style: none;
        }
        .resoueceHomeBox li {
            padding-left: 12px;
            position: relative;
            font-size: 14px;
            color: #3b404f;
            line-height: 18px;
            padding: 15px 0 15px 15px;
            display: block;
            border-bottom: 1px dotted #f6a90c;
        }
        .resoueceHomeBox li a {
            margin: 9px 0px;
            display: inline-block;
            color: #3b404f;
            text-decoration: none;
        }

	.resoueceHomeBox li:before { position: absolute; left: 0px; top: 9px; resouece:''; width: 8px; height: 1px; background: #282828;}
	.resoueceHomeBox a { color: #3b404f; text-decoration: none; }




/* ### resouece box ### */
.resoueceBox {
    padding-top: 62px;
    width: 100%;
    overflow: hidden;
}

    .resoueceBox h3 {
        padding: 10px 0 5px 0;
        font-size: 22px;
        color: #003b6f;
        font-weight: 700;
        margin: 0px;
    }

    .resoueceBox h4 {
        padding: 10px 0 5px 0;
        font-size: 17px;
        color: #003b6f;
        font-weight: 700;
        margin: 0px;
    }

    .resoueceBox p {
        padding-bottom: 18px;
        margin: 0px;
        font-size: 14px;
        color: #3b404f;
        line-height: 18px;
    }

    .resoueceBox ul {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .resoueceBox li {
        padding-top: 5px;
        padding-bottom: 5px;
        margin: .2em 0 .2em 1.4em;
        list-style-image: url(../img/bullet.gif);
        list-style-position: outside;
        padding-left: 12px;
        position: relative;
        font-size: 14px;
        color: #3b404f;
        line-height: 18px;
    }

       

    .resoueceBox a {
        color: #3b404f;
        text-decoration: underline;
        
    }



    .WhatsintheBox ul {
        padding-top: 10px;
        padding-bottom: 10px;
    }

.WhatsintheBox li {
    padding-top: 5px;
    padding-bottom: 5px;
    margin: .2em 0 .2em 1.4em;
    list-style-image: url(../img/bullet.gif);
    list-style-position: outside;
    padding-left: 12px;
    position: relative;
    font-size: 14px;
    color: #3b404f;
    line-height: 18px;
}



.WhatsintheBox a {
    color: #3b404f;
    text-decoration: underline;
}




  

/* ### footer container ### */
#footerCntr { overflow: hidden; width: 100%; background: #252c3a; }

	/* ### footer box ### */
	.footerBox { width: 100%; padding-top: 68px; padding-bottom: 68px; overflow: hidden; }
	.footerBox h4 { margin: 0px; font-size: 22px; color: #fff; font-weight: 700; text-transform: uppercase; }
	.footerBox p { padding: 13px 70px 0 0; font-size: 16px; color: #fff; line-height: 24px; }
	.footerBox .subscribe { padding-top: 41px; overflow: hidden; }
	.footerBox input[type="email"] { width:calc(100% - 125px); float: left; padding: 11px 10px 10px; margin-bottom: 0; }
	.footerBox .button { width: 125px; float: left; border: none; border-radius: 0; padding: 0; height: 44px; line-height: 44px; }
	.footerBox a { padding-top: 7px; display: inline-block; font-size: 12px; color: #919191; text-decoration: underline; }
	.footerBox a:hover { text-decoration: none!important; }

	/* ### footer menu ### */
	.footerMenu { padding: 20px 0px; width: 100%; overflow: hidden; background: #4c5b6d; }
	.footerMenu p { margin: 0px; float:left; font-size: 13px; color: #fff; }
	.footerMenu p a  { color: #fff; text-decoration: none; }
	.footerMenu ul { margin: 0px; float: right; margin-right: -26px; }
	.footerMenu li { padding-right: 26px; display: inline-block; }
	.footerMenu li a { font-size: 13px; color: #fff; text-decoration: none; text-transform: uppercase; }

/* #Media Queries
================================================== */
@media only screen and (max-width: 1139px) {
	.container {  max-width: 100%; }
	.menuBox .search { right: 15px; }
	.infoBox strong { font-size: 41px; }
	.infoBox small { font-size: 15px; }
	.footerMenu p { font-size: 12px; }
	.footerMenu ul { margin-right: -16px; }
	.footerMenu li { padding-right: 16px; }
	.footerMenu li a { font-size: 12px; }
	.packagesBox .data td:first-child { font-size: 14px; }
	.securityBox .block p { font-size: 17px; }
    .seperatorBox .block p {font-size: 17px;
    }
    
}

@media only screen and (max-width: 979px) {
	#mainCntr { padding-top: 129px; }
	#headerCntr .logo { width: 180px; }
	.menuBox:not(.mm-menu) ul { padding-top: 15px; }
	.menuBox:not(.mm-menu) li { padding-right: 19px; }
	.menuBox .search { margin-top: 18px; }
	.bannerBox { height: 600px; }
	.bannerBox .left h1 { font-size: 49px; line-height: 54px; }
	.bannerBox .left p { font-size: 14px; }
	.bannerBox .right .title { font-size: 19px; }
	.bannerBox .right p { font-size: 14px; }
	.bannerBox .right small { font-size: 12px; padding-top: 0px; padding-bottom: 16px; }
	.bannerBox .right .captcha { margin-bottom: 16px; }
	.infoBox strong { font-size: 37px; line-height: 40px; }
	.featuresBox { padding-top: 50px; padding-bottom: 50px; }
	.featuresBox h2 { font-size: 35px; }
	.featuresBox ul.days li { font-size: 16px; }
	.featuresBox .content { padding-top: 50px; }
	.featuresBox .content p { font-size: 14px; }
	.featuresBox .content strong { font-size: 17px; }
	.featuresBox .column { padding-top: 10px; }
	.featuresBox .col-md-3{max-width: 50%; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; margin-bottom: 30px; }
	.featuresBox::before { height: 58%; }
	.securityBox .block p { font-size: 16px; }
    .seperatorBox .block p { font-size: 16px;    }
	.footerBox { padding-top: 40px; padding-bottom: 40px; }
	.footerBox p { font-size: 15px; padding-right: 0px; }
	.footerMenu [class*="col-md"] {-webkit-flex: 0 0 100%;-ms-flex: 0 0 100%;flex: 0 0 100%; max-width: 100%; }
	.footerMenu p { width: 100%; text-align: center; }
	.footerMenu ul { margin: 0px; width: 100%; text-align: center; }
	.footerMenu ul li { float: none; display: inline-block; }
	.topMenuBox ul { width: 100%; text-align: center; }
	.topMenuBox ul li { margin: 0px 10px; float: none; display: inline-block; }
	#contentCntr { min-height: 500px; }
	.packagesBox { padding-top: 50px; padding-bottom: 100px; }
	.packagesBox h2 { padding-bottom: 40px; }
	.packagesBox .button { min-width: inherit; font-size: 12px; }
	.packagesBox .data td { padding: 10px 7px; }
	.packagesBox .data th { font-size: 14px; }
	.packagesBox .price { font-size: 24px; }
	.securityBox .block p { float: none; width: 100%; padding-right: 20px; }
	.securityBox .block .button { display: block; float: none; margin: 10px auto 0 auto; }

    .seperatorBox .block p {        float: none;        width: 100%;        padding-right: 20px;    }
    .seperatorBox .block .button {        display: block;        float: none;        margin: 10px auto 0 auto;    }
   

}

@media only screen and (max-width: 767px) {
	.g-recaptcha > div { width: 100%!important; }
	.menuBox:not(.mm-menu) nav { display: none; }
	#headerCntr .mobileMenu { display: block; }
	.menuBox:not(.mm-menu) { position: relative; }
    /*
	.bannerBox { padding-bottom: 40px; height: auto; background: none; }
        
        .bannerBox .mobileBanner {
            background: url(../img/bannermobilen.jpg) no-repeat center top;
            background-size: cover;
            padding-bottom: 20px;
        }
        */
	.bannerBox .right .holder { padding-left: 0; padding-right: 0; }
	.bannerBox .left h1 { font-size: 30px; line-height: 37px; }
	.bannerBox .left p { padding: 11px 0; }
	.bannerBox .right { margin-top: 30px; }
	.infoBox .icon { margin: 10px auto; }
	.featuresBox ul.days li { font-size: 13px; }
	.featuresBox h2 { font-size: 29px; }
	.featuresBox { padding-top: 30px; padding-bottom: 30px; }
	.featuresBox .content { padding-top: 20px; }
	.featuresBox figure { padding: 30px 20px; }
	.featuresBox .column h3 { font-size: 18px; }
	.testimonialBox .block { padding: 0 30px; }
	.testimonialBox blockquote { font-size: 14px; }
	.securityBox .block p { padding: 70px 0 0 0; }
	.securityBox .block p::before { width: 87px; left: 50%; top: 0px; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
	.securityBox .block { padding: 15px; border-radius: 20px; }


    seperator .contactBox {
        padding-top: 50px;
    }
	.contactBox h3 { padding-bottom: 20px; }
	.menuBox .search { right: 50px; }
	.testimonialBox .block::before { width: 60px; }
	.testimonialBox .block::after { width: 60px; }
	.contactBox .right { padding: 33px 20px 85px 20px; }
	.titleBox h1 { font-size: 33px; }
	.titleBox h1::before { width: 37px; }
	.formBox { padding-top: 40px; padding-bottom: 40px;  }
	.formBox .error { padding-bottom: 40px; }
	#contentCntr { min-height: inherit; }
	.accountBox { padding-top: 40px; padding-bottom: 40px; }
	.accountBox span { padding-bottom: 40px; }
	.titleBox h1.support::before { width: 40px; }
	.formBox p { padding-bottom: 40px; }
	.titleBox h1.lock::before { width: 37px; }
	.contentBox { padding-top: 40px; padding-bottom: 40px; }
    .resoueceHomeBox {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .resoueceBox {
        padding-top: 40px;
        padding-bottom: 40px;
    }
        .packagesBox { padding-top: 20px; padding-bottom: 20px; }
	.packagesBox h2 { font-size: 30px; padding-bottom: 20px; }
	.packagesBox .data table { width: 800px; }

    .bannerBox .left li {
        font-size: 16px;
        color: #ffffff;
        line-height: 24px;
        margin-bottom: 10px;
    }

}

@media only screen and (max-width: 479px) {
	.bannerBox .left h1 { font-size: 24px; line-height: 32px; }
	.featuresBox h2 { font-size: 23px; }
	.featuresBox .content { padding: 0px; }
	.featuresBox .content p { font-size: 13px; line-height: 22px; }
	.featuresBox .col-md-3{max-width: 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-bottom: 30px; }
	.featuresBox::before { display: none; }
	.securityBox .block p { font-size: 14px; }
	.securityBox .block .button { padding: 12px 17px 15px 26px; font-size: 13px; }

    .seperatorBox .block p {
        font-size: 14px;
    }

    .seperatorBox .block .button {
        padding: 12px 17px 15px 26px;
        font-size: 13px;
    }
    
	.footerMenu li a { font-size: 11px; }
	.accountBox .block { padding: 15px; }
	.contactBox p { font-size: 13px; }
	.accountBox p { width: 100%; text-align: center; padding-bottom: 20px; }
	.accountBox .button { float: none; margin: 0px auto; }
	.formBox p { font-size: 13px; }
	.titleBox h1 { font-size: 26px; }
	.titleBox h1::before { top: -6px; }
	.menuBox .searchBlock { width: 320px; }
}


.text_image {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top:20px;
    margin-bottom: 20px;
    max-width: 90%;
}



.text_image_right {
    display: block;
    margin: 10px;
    max-width: 90%;
}

a.anchor {
    display: block;
    position: relative;
    top: -170px;
}



/* ### compare box ### */
.compareBox {
    padding-top: 40px;
    padding-bottom: 130px;
    width: 100%;
    overflow: hidden;
}

    .compareBox img {
        width: 100%;
    }

    .compareBox h2 {
        margin: 0px;
        padding-bottom: 45px;
        font-size: 44px;
        color: #003b6f;
        font-weight: 700;
        text-transform: uppercase;
        text-align: center;
    }

    .compareBox .subblue {
        padding: 0px 8px;
        font-size: 18px;
        color: #003b6f;
        text-align: center;
    }

    .compareBox h3 {
        padding-top: 40px;
        font-size: 20px;
        font-weight: bold;
        color: #003b6f;
    }

    .compareBox h4 {
        padding-top: 15px;
        font-size: 16px;
    }


    .compareBox .button {
        font-family: 'Montserrat', sans-serif;
        padding: 5px 10px;
        min-width: 144px;
        text-align: center;
        background: #f6a90c;
        border-radius: 30px;
        font-size: 14px;
        color: #fff;
        font-weight: 700;
        text-decoration: none;
        text-transform: uppercase;
    }

        .compareBox .button:hover {
            background: #f6851b;
        }

        .compareBox .button.gray {
            background: #d0d0d0;
        }

            .compareBox .button.gray:hover {
                background: #7a7a7a;
            }

    .compareBox .price {
        font-family: 'Montserrat', sans-serif;
        font-size: 25px;
        color: #003b6f;
        font-weight: 700;
    }

        .compareBox .price sup {
            font-size: 18px;
        }

        .compareBox .price small {
            font-size: 14px;
            color: #3b404f;
        }

    .compareBox .data table {
        width: 100%;
        border-spacing: 0;
        border-collapse: collapse;
    }

    .compareBox .data th, .compareBox .data td {
        padding: 10px;
        text-align: center;
        border: 1px solid #dddddd;
    }

    .compareBox .data th {
        font-family: 'Montserrat', sans-serif;
        background: #f5f5f5;
        padding: 12px 0;
        vertical-align: middle;
        font-size: 16px;
        color: #003b6f;
        line-height: 16px;
        font-weight: 700;
        text-transform: uppercase;
        border: 1px solid #dddddd;
        border-top: 4px solid #003b6f;
    }



    .compareBox .data td {
        background: #fff;
        padding: 15px 10px;
        width: 196px;
        vertical-align: middle;
    }

        .compareBox .data td strong {
            font-weight: bold;
        }

        .compareBox .data td:first-child {
            vertical-align:middle;
            width: 180px;
            text-align: left;
            font-size: 16px;
            color: #003b6f;
            background: #f5f5f5;
        }
        .compareBox .data td:first-child a {
            vertical-align: middle;
            width: 180px;
            text-align: left;
            font-size: 16px;
            color: #003b6f;
            background: #f5f5f5;
        }

        .compareBox .data td.blank {
            border-right-color: #f5f5f5;
            background: #f5f5f5;
        }

            .compareBox .data td.blank.title {
                border-left: 1px solid #dddddd;
            }

            .compareBox .data td.blank:last-child {
                border-right: 1px solid #dddddd;
            }

    .compareBox .data tr:last-child td {
        border-bottom: 4px solid #003b6f;
    }

    .compareBox .data tr > th:first-child {
        position: relative;
        background: none;
        border-top: none;
        border-left: 1px solid #fff;
    }

    .compareBox .data th.highlight, .compareBox .data td.highlight {
        font-weight: 900;
        background-image: url(../img/td-hover-bg.png);
        background-position: left top;
        background-repeat: repeat-y;
        background-size: 100%;
    }

    .compareBox .data th.highlight {
        border-top: 4px solid #f6a90c;
    }

    .compareBox .data td.highlight.last {
        border-bottom: 4px solid #f6a90c;
    }

    .compareBox p a {
        color: #3b404f;
        text-decoration:underline;
    }

    .compareBox ul {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .compareBox li {
        padding-top: 5px;
        padding-bottom: 5px;
        margin: .2em 0 .2em 1.4em;
        list-style-image: url(../img/bullet.gif);
        list-style-position: outside;
        padding-left: 12px;
        position: relative;
        font-size: 14px;
        color: #3b404f;
        line-height: 18px;
    }


/* disrupttable*/
.disrupttable th {
    padding: 10px;
    text-align: center;
    border: 1px solid #dddddd;
    font-family: 'Montserrat', sans-serif;
    background: #f5f5f5;
    padding: 12px 0;
    vertical-align: middle;
    font-size: 16px;
    color: #003b6f;
    line-height: 16px;
    font-weight: 700;
    text-transform: uppercase;
    border-top: 4px solid #003b6f;
}

    .disrupttable td {
        padding: 10px;
        border: 1px solid #dddddd;
        background: #fff;
        padding: 15px 10px;
        width: 196px;
        vertical-align: top;
        text-align: left;
    }

   




        .disrupttable td.blank {
            border-right-color: #f5f5f5;
            background: #f5f5f5;
        }

            .disrupttable td.blank.title {
                border-left: 1px solid #dddddd;
            }

            .disrupttable td.blank:last-child {
                border-right: 1px solid #dddddd;
            }

.disrupttable tr:last-child td {
    border-bottom: 4px solid #003b6f;
}


    /*blancesheetTable */



.blancesheetTable table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
}

.blancesheetTable th {
    padding: 10px;
    text-align: center;
    border: 1px solid #dddddd;
}

.blancesheetTable td {
    padding: 10px;
    text-align: left;
    border: 1px solid #dddddd;
}

.blancesheetTable th {
    font-family: 'Montserrat', sans-serif;
    background: #f5f5f5;
    padding: 12px 0;
    vertical-align: middle;
    font-size: 16px;
    color: #003b6f;
    line-height: 16px;
    font-weight: 700;
    text-transform: uppercase;
    border: 1px solid #dddddd;
    border-top: 4px solid #003b6f;
}



.blancesheetTable td {
    background: #fff;
    padding: 15px 10px;
    width: 196px;
    vertical-align: middle;
}

    .blancesheetTable td strong {
        font-weight: bold;
    }

    .blancesheetTable td:first-child {
        vertical-align: middle;
        width: 180px;
        text-align: left;
        font-size: 16px;
        color: #003b6f;
        background: #f5f5f5;
    }

        .blancesheetTable td:first-child a {
            vertical-align: middle;
            width: 180px;
            text-align: left;
            font-size: 16px;
            color: #003b6f;
            background: #f5f5f5;
        }

    .blancesheetTable td.blank {
        border-right-color: #f5f5f5;
        background: #f5f5f5;
    }

        .blancesheetTable td.blank.title {
            border-left: 1px solid #dddddd;
        }

        .blancesheetTable td.blank:last-child {
            border-right: 1px solid #dddddd;
        }

.blancesheetTable tr:last-child td {
    border-bottom: 4px solid #003b6f;
}

.blancesheetTable tr > th:first-child {
    position: relative;
    background: none;
    border-top: none;
    border-left: 1px solid #fff;
}

.blancesheetTable td.highlight {
    font-weight: 900;
    background-image: url(../img/td-hover-bg.png);
    background-position: left top;
    background-repeat: repeat-y;
    background-size: 100%;
    padding: 15px;
}

.blancesheetTable th.highlight {
    font-weight: 900;
    background-image: url(../img/td-hover-bg.png);
    background-position: left top;
    background-repeat: repeat-y;
    background-size: 100%;
}

.blancesheetTable th.highlight {
    border-top: 4px solid #f6a90c;
}

.blancesheetTable td.highlight.last {
    border-bottom: 4px solid #f6a90c;
}





/* ### packages builder### */
.packagesBuilder {
    padding-top: 73px;
    padding-bottom: 130px;
    width: 100%;
    overflow: hidden;
}

    .packagesBuilder h2 {
        margin: 0px;
        padding-bottom: 64px;
        font-size: 44px;
        color: #003b6f;
        font-weight: 700;
        text-transform: uppercase;
        text-align: center;
    }



    .packagesBuilder .button {
        font-family: 'Montserrat', sans-serif;
        padding: 5px 10px;
        min-width: 144px;
        text-align: center;
        background: #f6a90c;
        border-radius: 30px;
        font-size: 14px;
        color: #fff;
        font-weight: 700;
        text-decoration: none;
        text-transform: uppercase;
    }

        .packagesBuilder .button:hover {
            background: #f6851b;
        }

        .packagesBuilder .button.gray {
            background: #d0d0d0;
        }

            .packagesBuilder .button.gray:hover {
                background: #7a7a7a;
            }

    .packagesBuilder .price {
        font-family: 'Montserrat', sans-serif;
        font-size: 36px;
        color: #003b6f;
        font-weight: 700;
    }

        .packagesBuilder .price sup {
            font-size: 18px;
        }

        .packagesBuilder .price small {
            font-size: 14px;
            color: #3b404f;
        }

    .packagesBuilder .data table {
        width: 100%;
        border-spacing: 0;
        border-collapse: collapse;
    }

    .packagesBuilder .data th, .packagesBuilder .data td {
        padding: 10px;
        text-align: center;
        border: 1px solid #dddddd;
    }

    .packagesBuilder .data th {
        font-family: 'Montserrat', sans-serif;
        background: #f5f5f5;
        padding: 12px 0;
        vertical-align: middle;
        font-size: 16px;
        color: #003b6f;
        line-height: 16px;
        font-weight: 700;
        text-transform: uppercase;
        border: 1px solid #dddddd;
        border-top: 4px solid #003b6f;
    }



    .packagesBuilder .data td {
        background: #fff;
        padding: 15px 10px;
        width: 196px;
        vertical-align: middle;
    }

    .packagesBuilder label {
        font-weight: bold;
        text-align: left;
        font-size: 16px;
        color: #003b6f;
    }

    .packagesBuilder select {
        font-weight: bold;
        text-align: left;
        font-size: 16px;
        margin-bottom: 17px;
        padding: 8px 15px;
        width: 100%;
        background: #f5f5f5;
        border: 1px solid #dddddd;
        font-family: 'Montserrat', sans-serif;
        font-weight: 300;
        font-size: 14px;
        color: #3b404f;
    }


    .packagesBuilder input[type=submit] {
        margin-top: 15px;
    }

.resource_image {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    width:100%;
}



    .fa:hover {
        opacity: 0.7;
    }

.fa-facebook {
    background: #3B5998;
    color: white;
}

.fa-linkedin {
    background: #007bb5;
    color: white;
}

.fa-instagram {
    background: #125688;
    color: white;
}


.form-control-number {
    text-align: right;
    width: 100px;
    display:inline;
}

.empty-table-cell {
    border-right-color: white;
    border-top-color: white;
    border-bottom-color: white;
}


/* banners */


/* ### banner box ### */

.consolidateBox {
    width: 100%;
    height: 150px;
    overflow: hidden;
    background: url(../img/Consolidate.jpg) center top no-repeat;
    background-size: cover;
}


.transformBox {
    width: 100%;
    height: 150px;
    overflow: hidden;
    background: url(../img/DigitalDisruption.jpg) center top no-repeat;
    background-size: cover;
}


.home_top_check.ul {
    list-style: none;
}

    .home_top_check.ul li:before {
        content: "\2713\0020"
    }
