﻿body {
    margin: 0px;
}

.fluid-width-video-wrapper {
    width: 100%;
    position: relative;
    padding: 0;
}

    .fluid-width-video-wrapper iframe, .fluid-width-video-wrapper object, .fluid-width-video-wrapper embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.fluid-width-video-wrapper {
    width: 100%;
    position: relative;
    padding: 0;
}

    .fluid-width-video-wrapper iframe, .fluid-width-video-wrapper object, .fluid-width-video-wrapper embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

#yearly-price, #yearly-price1, #yearly-price2, #monthly-price, #monthly-price1, #monthly-price2 {
    width: 18px;
    height: 18px;
}

label span {
    margin-left: 30px !important;
}

.fluid-width-video-wrapper {
    width: 100%;
    position: relative;
    padding: 0;
}

    .fluid-width-video-wrapper iframe, .fluid-width-video-wrapper object, .fluid-width-video-wrapper embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.cf-hidden {
    display: none;
}

.cf-invisible {
    visibility: hidden;
}

.no-break br {
    display: none !important;
}

img.wp-smiley, img.emoji {
    display: inline !important;
    border: none !important;
    box-shadow: none !important;
    height: 1em !important;
    width: 1em !important;
    margin: 0 .07em !important;
    vertical-align: -0.1em !important;
    background: none !important;
    padding: 0 !important;
}

.tp-caption a {
    color: #ff7302;
    text-shadow: none;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
}

    .tp-caption a:hover {
        color: #ffa902;
    }

h1, h2, h3, h4, h5, h6 {
    font-family: "PT Sans Narrow";
    letter-spacing: 0px;
}

body {
    font-family: "Open Sans";
}

body {
}

#container, #header {
    background-color: rgb(255, 255, 255) !important;
    background: none !important;
}

.segment {
    padding-top: 0px;
}

#featuretable1 td {
    color: black !important;
}



.batch {
    background: url('/assets/img/strip_gray.png') no-repeat;
    font-weight: normal;
    font-size: 15px;
    font-family: 'Open Sans',Arial, Helvetica, sans-serif;
    text-align: center;
    line-height: 24px;
    display: table;
    width: 140px;
    margin: auto;
    position: relative;
    margin: 7px auto 2px;
}

    .batch.orange-strip {
        background: url('/assets/img/strip_orange.png') no-repeat;
        font-weight: normal;
        font-size: 15px;
        font-family: 'Open Sans',Arial, Helvetica, sans-serif;
        text-align: center;
        line-height: 24px;
        display: inline-block;
        width: 140px;
        margin: auto;
        position: relative;
        margin: 5px 0 0 0px !important;
        color: #fff;
    }

#featuretable1 th .download.type1 {
    background: none;
    border: 1px solid #fff;
}

#featuretable1 th.free .download.type1:hover {
    background: #ff7200;
    border: 1px solid #ff7200;
}

#featuretable1 th.pro .download.type1:hover {
    background: #20b7af;
    border: 1px solid #20b7af;
}

#featuretable1 thead th.style1 {
    padding: 20px 73px 25px;
}

.sm-view-pricing-table .pro .download.type1 {
    background: none;
    border: 1px solid #fff;
}

.sm-view-pricing-table .free .download.type1 {
    background: none;
    border: 1px solid #fff;
}

    .sm-view-pricing-table .free .download.type1:hover {
        background: #ff7200;
        border: 1px solid #ff7200;
    }

.sm-view-pricing-table .pro .download.type1:hover {
    background: #20b7af;
    border: 1px solid #20b7af;
}

#featuretable1 th.pro.indianprice .download {
    padding: 10px 25px;
}

.fs-value {
font-family:open sans;
}

#featuretable1 thead th.style2 .rfield label span span.fs-value, #featuretable1 tfoot .rfield label span span.fs-value{
    clear: both;
    display:block;
    font-size:21px;
    float:left;
}

#featuretable1 thead th.style2 .rfield, #featuretable1 tfoot .rfield {font-family:'Open Sans',Arial,Helvetica,Verdana,sans-serif; font-size:17px; margin-bottom:20px;}

#featuretable1 thead th.style2 .rfield label > span.new-pricebox, #featuretable1 tfoot .rfield label > span.new-pricebox {
    margin-left: 30px !important;
    display: block;
    font-size: 16px;
}

#featuretable1 thead th.style2 .rfield label > span span.fs-value, #featuretable1 tfoot .rfield label span span.fs-value {
    display: block;
    float: none;
    font-size: 20px;
    margin-left:0 !important;
}
.sm-view-pricing-table .rfield label > span span {
    margin-left: 0 !important;
    margin-right: 5px;
}

#featuretable1 thead th.style2 .rfield.margin-bottom-15{ margin-bottom:15px;}
#featuretable1 tfoot .rfield.margin-bottom-0{ margin-bottom:0px;}

@media (max-width: 767px) {
    .gatewayimg {
        margin: 20px auto 0 !important;
    }

        .gatewayimg img {
            width: 100% !important;
        }

    .pricing-info-list {
        margin-bottom: 20px !important;
    }

    #featuretable1 td {
        padding: 10px 18px;
    }

    .sm-view-pricing-table .pro .download.india {
        padding: 8px 15px !important;
    }
}

@media (max-width: 480px) {
    #pricing-table-box #featuretable1 th, #pricing-table-box #featuretable1 td {
        padding: 17px 10px;
        font-size: 15px;
    }

    .gatewayimg img {
        width: 100% !important;
    }

    .batch.orange-strip {
        margin-left: 30px !important;
    }
}

@media (max-width: 979px) {
    #featuretable1 td.pro input.download {
        padding: 9px 53px;
    }

    #featuretable1 th.pro input.download {
        padding: 10px 53px;
    }
}

@media (max-width: 1080px) {.gatewayimg {margin: 20px auto 0 !important}}

/*Added by Harsh Virani for mobile version on 10-18-2017*/
@media (max-width: 767px){
    		.pricing-quote .pricing-quote{ display: none; }
    		#pricing-table-box{ margin-top: 20px;}
    		#pricing-table-box .install-info{ display: none; }
    		.sm-view-pricing-table{ float: left; width: 100%; margin-top:20px;}
    		.sm-view-pricing-table .pro { background: #ff7200; font-size: 30px; color: #fff; padding: 15px 3%;}
    		.sm-view-pricing-table .type { margin-top: 0; float: left;}
    		.sm-view-pricing-table tbody > tr:first-child, .sm-view-pricing-table tbody > tr.empty{ display: none;}
    		.sm-view-pricing-table tbody{ width: 100%; float: left;}
    		.sm-view-pricing-table .rfield.download-btn { margin-top: 15px; float: left; margin-bottom: 5px;}
            .sm-view-pricing-table .rfield.download-btn .download.fs-color { background: none;}/*Added by Harsh Virani for setting bg color to transparent on 08-03-2018*/
    		.sm-view-pricing-table .rfield.download-btn .download { background: #0a3065; color: #fff !important; display: block; float: none; margin: auto;}
    		.sm-view-pricing-table .rfield.download-btn .download:hover{ background: #052347;}
    		.sm-view-pricing-table .rfield.download-btn img { margin-top: 10px;}
    		.small-more-licence { display: block; margin: 5px 0 5px;}
    		.pricing-info .info-bottom{ margin-bottom: 10px;}
    		.pricing-info-list li{position: relative; padding-left: 30px;}
    		.pricing-info-list li:before{position: absolute; top: 2px; left: 2px;}
    		.sm-view-pricing-table .margin-top-20{ margin-top: 20px; display: inherit;}
    		.sm-view-pricing-table .rfield.download-btn img.margin-top-0{ margin-top: 0;}
    		.sm-view-pricing-table .margin-top-10 { margin-top: 10px; display: inherit;}
    	}
