/*



November Template



http://www.templatemo.com/tm-473-november



*/



/* --** Reset CSS **-- */

* {

    margin: 0px;

    padding: 0px;

    box-sizing: border-box;

    -webkit-font-smoothing: antialiased;

}



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, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {

    border: 0;

    font-family: inherit;

    font-size: 100%;

    font-weight: inherit;

    margin: 0;

    outline: 0;

    padding: 0;

    vertical-align: baseline;

}



article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {

    display: block;

}



html, body, button, input, select, textarea {

    font-family: Arial;

    font-size: 12px;

    color: #000000;

}



ul, ol {

    margin-top: 0;

    margin-bottom: 10px;

}



    ul ul {

        margin-bottom: 0;

    }



li {

    font-size: 13px;

    margin: 5px 0px 10px 0px;

}



pre {

    overflow: auto;

}



table {

    border-collapse: separate;

    border-spacing: 0;

}



caption, th, td {

    font-weight: normal;

    text-align: left;

    vertical-align: middle;

}



blockquote:before, blockquote:after, q:before, q:after {

    content: "";

}



blockquote, q {

    -webkit-hyphens: none;

    -moz-hyphens: none;

    -ms-hyphens: none;

    hyphens: none;

    quotes: none;

}



a img {

    border: 0;

}



a, input {

    outline: none;

}



a {

    color: #F06;

}



    a:hover {

        text-decoration: none;

    }



h1, h2, h3, h4, h5, h6 {

    margin: 5px 0px 11px 0px;

    clear: both;

    font-weight: lighter;

}



h1 {

    font-size: 36px;

}



h2 {

    font-size: 30px;

}



h3 {

    font-size: 24px;

}



h4 {

    font-size: 20px;

}



h5 {

    font-size: 18px;

}



h6 {

    font-size: 14px;

}



p {

    font-size: 13px;

    margin: 5px 0px 15px 0px;

}

j {

    font-size: 13px;

    margin: 0px 0px 0px 0px;

}

img {

    -ms-interpolation-mode: bicubic;

    border: 0;

    height: auto;

    max-width: 100%;

    vertical-align: middle;

    display: block;
    
    margin: 0 auto;

}



figure {

    margin: 0;

}



::-webkit-input-placeholder {

    color: rgba(51, 51, 51, 0.7);

}



:-moz-placeholder {

    color: rgba(51, 51, 51, 0.7);

}



::-moz-placeholder {

    color: rgba(51, 51, 51, 0.7);

    opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */

}



:-ms-input-placeholder {

    color: rgba(51, 51, 51, 0.7);

}



input:focus, textarea:focus {

    background-color: #fff;

    border: 1px solid #c1c1c1;

    border: 1px solid rgba(51, 51, 51, 0.3);

    color: #333;

}



input:focus, select:focus {

    outline: 2px solid #c1c1c1;

    outline: 2px solid rgba(51, 51, 51, 0.3);

}



.hide {

    display: none;

}



.clear {

    clear: both;

    height: 0px;

    overflow: hidden;

}



/* <<< Design Holder >>> */

.DesignHolder {

    position: relative;

    display: block;

    width: 100%;

    min-height: 100%;

}



/* <<< Layout Frame >>> */

.LayoutFrame {

    margin: 0 auto;

    width: 100%;

    display: block;

}



/* <<< Body >>> */

body {

    background: #fff;

}



/* <<< Header >>> */

header {

    width: 100%;

    position: fixed;

    top: 0px;

    left: 0px;

    height: 105px;

    background: rgba(0, 0, 0, 0.5);

    z-index: 9;

}



    header .Center {

        max-width: 1100px;

        margin: auto;

    }



    header .site-logo {

        padding: 30px 0px 0px 0px;

        width: 220px;

        float: left;

        transition: all 0.3s;

    }



        header .site-logo h1 {

            margin: 0px;

        }



            header .site-logo h1 a {

                font-size: 36px;

                color: #fff;

                font-family: 'Open Sans', sans-serif;

                font-weight: 800;

                text-decoration: none;

                text-shadow: rgb(3, 3, 3) 0px 2px 5px;

                transition: all 0.7s ease;

            }



                header .site-logo h1 a span {

                    color: #ff9000;

                }



    header.smaller {

        padding: 0px 0px 0px 0px;

        height: 60px;

        transition: all 0.3s;

        background: rgba(0, 0, 0, 0.75);

    }



        header.smaller .site-logo {

            padding: 13px 0px 0px 0px;

        }



            header.smaller .site-logo h1 {

                line-height: 30px;

            }



                header.smaller .site-logo h1 a {

                    font-size: 30px;

                }



/* <<< Navigation >>> */

.Navigation {

    float: right;

    width: 68.18%;

    margin-right: 11px;

}



    .Navigation ul {

        list-style: none;

        margin: 0px;

        float: right;

    }



    .Navigation li {

        float: left;

        padding: 0px;

        margin: 0px;

        height: 105px;

        position: relative;

        transition: all 0.3s ease;

    }



        .Navigation li a {

            padding: 42px 41px 36px 41px;

            font-size: 16px;

            color: #fff;

            font-family: 'Open Sans', sans-serif;

            font-weight: 400;

            text-decoration: none;

            display: block;

            -webkit-transition: all 0.3s ease;

            transition: all 0.3s ease;

        }



        .Navigation li span {

            border-bottom: solid 5px #ff9000;

            background: rgba(56,87,122,1);

            background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(56,87,122,1)), color-stop(0%, rgba(56,87,122,1)), color-stop(0%, rgba(56,87,122,1)), color-stop(100%, rgba(44,68,94,1)));

            background: linear-gradient(to bottom, rgba(56,87,122,1) 0%, rgba(56,87,122,1) 0%, rgba(56,87,122,1) 0%, rgba(44,68,94,1) 100%);

            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#38577a', endColorstr='#2c445e', GradientType=0 );

            width: 100%;

            height: 100%;

            display: block;

            position: absolute;

            top: 0;

            left: 0;

            z-index: -10;

            opacity: 0;

            transition: all 0.5s ease;

        }



        .Navigation li:hover span, .Navigation li.active span {

            opacity: 1;

        }





.drop_down .drop_down_content {

    display: none;

    position: absolute;

    background-color: rgba(0, 0, 0, 0.75);

}



.drop_down:hover .drop_down_content {

    display: block;

}



.drop_down .drop_down_title {

    display: inline-flex;

    padding: 0 10px;

}



.drop_down a {

    padding: 5px 30px 5px 30px;

    display: block;

}



.drop_down .drop_down_content_item {

    display: inline-flex;

}

/*DAVOR*/

header.smaller .Navigation li a {

    padding: 16px 10px;

}



header.smaller .Navigation li {

    height: 60px;

}



.drop_down .drop_down_content_a {

    padding: 10px 40px;

}



.Navigation li a {

    padding: 42px 20px 36px 20px;

    font-size: 16px;

    color: #fff;

    font-family: 'Open Sans', sans-serif;

    font-weight: 400;

    text-decoration: none;

    display: inline-flex;

    -webkit-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



header.smaller .Navigation li {

    height: 60px;

}



header.smaller .Navigation .drop_down a {

    display: block;

}



header.smaller .Navigation .drop_down .drop_down_title {

    display: inline-flex;

    padding: 0 10px;

}



header.smaller .Navigation .drop_down .drop_down_content_a {

    padding: 5px 20px;

}





.mobile {

    display: none;

}



    .mobile .fa {

        padding: 12px 14px;

        font-size: 31px;

        width: 55px;

        height: 55px;

        color: #fff;

        cursor: pointer;

        background: #ff9408;

    }



        .mobile .fa:hover {

            background: #e3860e;

        }



    .mobile.closed .fa-bars {

        display: none;

    }



    .mobile .fa-times {

        padding: 11px 15px;

        width: 55px;

        height: 55px;

        display: none;

        font-size: 31px;

    }



    .mobile.closed .fa-times {

        display: block;

    }



/* <<< Banner Section >>> */

.Banner_sec {

    width: 100%;

    

    height: 687px;

    position: relative;

    background-size: cover;

}



    .Banner_sec .bannerside {

        width: 100%;

        position: absolute;

        top: 256px;

        left: 0px;

    }



    .Banner_sec .Center {

        max-width: 1100px;

        margin: auto;

    }



    .Banner_sec .leftside {

        width: 28.90%;
		
		height: 470px;

        float: left;

        background-color: rgba(0, 0, 0, 0.75 );

        padding: 15px 14px 0px 23px;

    }



        .Banner_sec .leftside h3 {

            font-size: 28px;

            color: #fff;

            font-family: 'Open Sans', sans-serif;

            font-weight: 800;

            margin: 0px;

            line-height: 34px;

        }



            .Banner_sec .leftside h3 span {

                color: #ff9000;

                font-family: 'Open Sans', sans-serif;

                font-weight: 600;

                display: block;

            }



        .Banner_sec .leftside p {

            padding: 16px 0px 26px 0px;

            font-size: 16px;

            color: #fff;

            font-family: 'Open Sans', sans-serif;

            font-weight: 600;

            font-style: italic;

            margin: 0px;

            word-spacing: 2px;

            line-height: 22px;

        }



        .Banner_sec .leftside a {

            padding: 11px 16px;

            font-size: 14px;

            color: #fff;

            font-family: 'Open Sans', sans-serif;

            font-weight: 600;

            text-decoration: none;

            display: inline-block;

            border: solid 1px #b0bdc8;

            background: rgba(64, 93, 118, 0.8);

            transition: all 0.3s ease;

        }



            .Banner_sec .leftside a:hover {

                background: #ff9000;

                color: #fff;

                border: solid 1px #ff9000;

            }



    .Banner_sec .rightside {

        width: 68.36%;

        float: right;

        position: relative;

    }



        .Banner_sec .rightside .bx-wrapper {

            position: relative;

            z-index: 1;

        }



        .Banner_sec .rightside ul {

            list-style: none;

            margin: 0px;

        }



        .Banner_sec .rightside li {

            padding: 0px;

            margin: 0;

            float: none !important;

        }



        .Banner_sec .rightside #slider {

            width: 100%;

            float: right;

            position: relative;

            z-index: 1;

        }



        .Banner_sec .rightside .Slider .text {

            padding: 25px 47px 21px 30px;

            position: absolute;

            bottom: 0px;

            left: 0px;

            width: 100%;

            background: rgba(0, 0, 0, 0.7);

        }



            .Banner_sec .rightside .Slider .text .Icon {

                width: 38%;

                float: left;

            }



            .Banner_sec .rightside .Slider .text ul {

                list-style: none;

                margin: 0px;

            }



            .Banner_sec .rightside .Slider .text li {

                float: left !important;

                padding: 0px 30px 0px 10px;

                margin: 0px;

            }



                .Banner_sec .rightside .Slider .text li a {

                    display: block;

                    font-size: 14px;

                    color: #fff;

                    text-decoration: none;

                    font-family: 'Open Sans', sans-serif;

                    font-weight: 400;

                    transition: all 0.3s ease;

                }



                .Banner_sec .rightside .Slider .text li:last-child {

                    padding: 0px;

                }



                .Banner_sec .rightside .Slider .text li:hover a {

                    color: #ff9000 !important;

                }



                .Banner_sec .rightside .Slider .text li a .fa {

                    padding: 13px;

                    margin-right: 10px;

                    color: #fff;

                    border-radius: 50px;

                    border: solid 2px #fff;

                    transition: all 0.3s ease;

                }



                .Banner_sec .rightside .Slider .text li:hover a .fa {

                    background: #ff9000;

                    color: #fff;

                    border: solid 2px #ff9000;

                }



                .Banner_sec .rightside .Slider .text li:last-child {

                    padding-right: 0px;

                    padding-left: 0px;

                }



            .Banner_sec .rightside .Slider .text .Lorem {

                float: right;

                width: 31%;

            }



                .Banner_sec .rightside .Slider .text .Lorem p {

                    padding-top: 5px;

                    font-size: 18px;

                    color: #fff;

                    margin: 0px;

                    font-family: 'Open Sans', sans-serif;

                    font-weight: 400;

                    text-align: right;

                    line-height: 19px;

                }



                    .Banner_sec .rightside .Slider .text .Lorem p span {

                        font-size: 14px;

                        text-align: right;

                        color: #ff9000;

                        display: block;

                        text-transform: capitalize;

                    }



        .Banner_sec .rightside .prevBtn {

            width: 42px;

            height: 42px;

            display: block;

            text-indent: -9999px;

            background: url(../img/prev-arrow.png) no-repeat;

            position: absolute;

            top: 213px;

            left: 49px;

            z-index: 1;

            opacity: 0.5;

            transition: opacity 0.3s ease;

        }



            .Banner_sec .rightside .prevBtn:hover {

                opacity: 1;

            }



        .Banner_sec .rightside .nextBtn {

            width: 42px;

            height: 42px;

            display: block;

            text-indent: -9999px;

            background: url(../img/next-arrow.png) no-repeat;

            position: absolute;

            top: 213px;

            right: 47px;

            z-index: 1;

            opacity: 0.5;

            transition: opacity 0.3s ease;

        }



            .Banner_sec .rightside .nextBtn:hover {

                opacity: 1;

            }



        .Banner_sec .rightside .Shadow {

            position: absolute;

            bottom: -3px;

            left: -25px;

            max-width: none;

        }



/* <<< bg color>>> */

.bgcolor {

    height: 74px;

    width: 100%;

    background: rgba(249,250,251,1);

    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(249,250,251,1)), color-stop(0%, rgba(249,250,251,1)), color-stop(100%, rgba(225,228,231,1)));

    background: linear-gradient(to bottom, rgba(249,250,251,1) 0%, rgba(249,250,251,1) 0%, rgba(225,228,231,1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fafb', endColorstr='#e1e4e7', GradientType=0 );

}





/* <<< Container >>> */

#Container {

    overflow: hidden;

    width: 100%;

}



/* <<< About Section >>> */

.About_sec {

    padding: 115px 0px 88px 0px;

    width: 100%;

    overflow: hidden;

}



    .About_sec .Center {

        max-width: 1100px;

        margin: auto;

        overflow: hidden;

        text-align: center;

    }



    .About_sec h2 {

        font-size: 56px;

        color: #000;

        font-family: 'Oswald', sans-serif;

        font-weight: 400;

        margin: 0px;

        line-height: 60px;

        letter-spacing: -0.4px;

    }



    .About_sec p {

        padding: 24px 0px 35px 0px;

        font-size: 16px;

        color: #000000;

        margin: 0px;

        font-family: 'Open Sans', sans-serif;

        line-height: 25px;

        font-weight: 400;

    }



    .About_sec .Line {

        border: solid 1px #ff9408;

        height: 2px;

        width: 252px;

        margin: auto;

    }



    .About_sec .Tabside {

        padding: 45px 0px;

        width: 100%;

    }



        .About_sec .Tabside ul {

            list-style: none;

            margin: 0px;

            padding-bottom: 59px;

        }



        .About_sec .Tabside li {

            float: none;

            padding: 0px;

            margin: 0px -2px;

            display: inline-block;

        }



            .About_sec .Tabside li a {

                padding: 14px 40px 13px 40px;

                font-size: 18px;

                color: #989898;

                font-family: 'Open Sans', sans-serif;

                font-weight: 400;

                text-decoration: none;

                border: solid 1px #d5d5d5;

                display: block;

                transition: all 0.3s ease;

            }



                .About_sec .Tabside li a:hover, .About_sec .Tabside li a.activeLink {

                    border: solid 1px #ff9408;

                    background: #ff9408;

                    color: #fff;

                }



        .About_sec .Tabside .TabImage {

            width: 43.63%;

            float: left;

            position: relative;

        }



            .About_sec .Tabside .TabImage .img1 {

                position: absolute;

                top: 0px;

                left: 42px;

                height: 260px;

                background: url(../img/about-shadow.png) no-repeat;

                background-position: 25px 223px;

            }



                .About_sec .Tabside .TabImage .img1 img {

                    padding: 5px;

                    border: solid 1px #ececec;

                    background: #fff;

                }



            .About_sec .Tabside .TabImage .img2 {

                position: absolute;

                top: 40px;

                left: 2px;

                height: 260px;

                background: url(../img/about-shadow.png) bottom center no-repeat;

                background-position: 0px 223px;

            }



                .About_sec .Tabside .TabImage .img2 img {

                    padding: 5px;

                    border: solid 1px #ececec;

                    background: #fff;

                }



        .About_sec .Tabside .Description {

            width: 54.3%;

            float: right;

            text-align: left;

            margin-top: -6px;

        }



            .About_sec .Tabside .Description h3 {

                font-size: 24px;

                color: #000;

                margin: 0px;

                font-family: 'Open Sans';

                line-height: 29px;

            }



                .About_sec .Tabside .Description h3 span {

                    padding-left: 3px;

                    font-size: 14px;

                    color: #ff9000;

                    display: block;

                }



            .About_sec .Tabside .Description p {

                padding: 21px 0px 4px 0px;

                font-size: 14px;

                color: #000000;

                margin: 0px;

                font-family: 'Open Sans';

                line-height: 25px;

            }



                .About_sec .Tabside .Description p .cyan {

                    font-size: 16px;

                    color: #08c2ff;

                }





/* <<< Services Section >>> */

.Services_sec {

    padding: 114px 0px 90px 0px;

    width: 100%;

    overflow: hidden;   

    background-size: cover;
	
	background: #ececec;

}



    .Services_sec .Center {

        max-width: 1100px;

        margin: auto;

        overflow: hidden;

        text-align: center;

    }



    .Services_sec h2 {

        font-size: 56px;

        color: #000000;

        font-family: 'Oswald', sans-serif;

        font-weight: 400;

        margin: 0px;

        line-height: 60px;

    }



    .Services_sec p {

        padding: 25px 0px 35px 0px;

        font-size: 16px;

        color: #000000;

        margin: 0px;

        font-family: 'Open Sans', sans-serif;

        line-height: 25px;

        font-weight: 400;

    }



    .Services_sec .Line {

        border: solid 1px #ff9408;

        height: 2px;

        width: 252px;

        margin: auto;

    }



    .Services_sec .Serviceside {

        padding: 0px 0px 30px 0px;

        width: 100%;

        overflow: hidden;

    }



        .Services_sec .Serviceside ul {

            list-style: none;

            margin: 0px;

        }



        .Services_sec .Serviceside li {

            float: left;

            padding: 0px;

            margin: 0px 40px 0px 0px;

            text-align: center;

            width: 245px;

        }



            .Services_sec .Serviceside li:last-child {

                margin-right: 0px;

            }



            .Services_sec .Serviceside li.Development {

                padding: 44px 0px 161px 0px;

                background: url(../img/Development-bg.jpg) no-repeat;

                box-shadow: 1px 4px 7px -4px rgba(0,0,0,0.75);

            }



                .Services_sec .Serviceside li.Development a {

                    text-decoration: none;

                    background: url(../img/Development-cn.png) top center no-repeat;

                    display: block;

                }



                .Services_sec .Serviceside li.Development h4 {

                    padding: 138px 0px 0px 0px;

                    font-size: 17px;

                    color: #03a4df;

                    text-decoration: none;

                    font-family: 'Open Sans', sans-serif;

                    font-weight: 400;

                }



                .Services_sec .Serviceside li.Development a:hover h4 {

                    color: #fff;

                    background: url(../img/Develop-hover-icn.png) top center no-repeat;

                }



            .Services_sec .Serviceside li.Desdin {

                padding: 44px 0px 159px 0px;

                background: url(../img/desgin-bg.jpg) no-repeat;

                box-shadow: 1px 4px 7px -4px rgba(0,0,0,0.75);

            }



                .Services_sec .Serviceside li.Desdin a {

                    text-decoration: none;

                    background: url(../img/desgin-icn.png) top center no-repeat;

                    display: block;

                }



                .Services_sec .Serviceside li.Desdin h4 {

                    padding: 138px 0px 0px 0px;

                    font-size: 18px;

                    color: #ffab3f;

                    text-decoration: none;

                    font-family: 'Open Sans', sans-serif;

                    font-weight: 400;

                }



                .Services_sec .Serviceside li.Desdin a:hover h4 {

                    color: #fff;

                    background: url(../img/desgin-hover-icn.png) top center no-repeat;

                }



            .Services_sec .Serviceside li.Concept {

                padding: 44px 0px 159px 0px;

                background: url(../img/concept-bg.jpg) no-repeat;

                box-shadow: 1px 4px 7px -4px rgba(0,0,0,0.75);

            }



                .Services_sec .Serviceside li.Concept a {

                    text-decoration: none;

                    background: url(../img/concept-icn.png) top center no-repeat;

                    display: block;

                }



                .Services_sec .Serviceside li.Concept h4 {

                    padding: 138px 0px 0px 0px;

                    font-size: 18px;

                    color: #ae382d;

                    text-decoration: none;

                    font-family: 'Open Sans', sans-serif;

                    font-weight: 400;

                }



                .Services_sec .Serviceside li.Concept a:hover h4 {

                    color: #fff;

                    background: url(../img/concept-hover-icn.png) top center no-repeat;

                }



            .Services_sec .Serviceside li.System {

                padding: 44px 0px 159px 0px;

                background: url(../img/systam-bg.jpg) no-repeat;

                box-shadow: 1px 4px 7px -4px rgba(0,0,0,0.75);

            }



                .Services_sec .Serviceside li.System a {

                    text-decoration: none;

                    background: url(../img/systam-icn.png) top center no-repeat;

                    display: block;

                }



                .Services_sec .Serviceside li.System h4 {

                    padding: 138px 0px 0px 0px;

                    font-size: 18px;

                    color: #5e5f61;

                    text-decoration: none;

                    letter-spacing: -1px;

                    font-family: 'Open Sans', sans-serif;

                    font-weight: 400;

                }



                .Services_sec .Serviceside li.System a:hover h4 {

                    color: #fff;

                    background: url(../img/systam-hover-icn.png) top center no-repeat;

                }



/* <<< Pricing Section >>> */

.Pricing_sec {

    padding: 112px 0px 108px 0px;

    width: 100%;

    overflow: hidden;

    background: #ececec;

}



    .Pricing_sec .Center {

        max-width: 1100px;

        margin: auto;

        overflow: hidden;

        text-align: center;

    }



    .Pricing_sec h2 {

        font-size: 57px;

        color: #000;

        font-family: 'Oswald', sans-serif;

        font-weight: 400;

        margin: 0px;

        line-height: 60px;

    }



    .Pricing_sec p {

        padding: 26px 0px 35px 0px;

        font-size: 14px;

        color: #000000;

        margin: 0px;

        font-family: 'Open Sans', sans-serif;

        line-height: 25px;

        font-weight: 400;

    }



    .Pricing_sec .Line {

        border: solid 1px #ff9408;

        height: 2px;

        width: 252px;

        margin: auto;

    }



    .Pricing_sec .Pricingside {

        padding: 45px 0px 0px 0px;

        width: 100%;

        overflow: hidden;

        text-align: initial;

    }



        .Pricing_sec .Pricingside ul {

            list-style: none;

            margin: 0px;

        }



        .Pricing_sec .Pricingside li {

            float: none;

            padding: 0px;

            margin: 0px 0px 11px 0px;

            height: 103px;

            background: #fff;

            text-align: center;

        }



            .Pricing_sec .Pricingside li .Basic {

                width: 55px;

                float: left;

                display: table;

                height: 103px;

                background: #ff9408;

                transition: all ease 0.3s;

            }



                .Pricing_sec .Pricingside li .Basic h5 {

                    display: table-cell;

                    vertical-align: middle;

                    font-size: 17px;

                    color: #2d2d2d;

                    font-family: 'Oswald', sans-serif;

                    font-weight: 400;

                    margin: 0px;

                    -webkit-transform: rotate(270deg);

                    -moz-transform: rotate(270deg);

                    -o-transform: rotate(270deg);

                    -ms-transform: rotate(270deg);

                    transform: rotate(270deg);

                    clear: none;

                    text-align: center;

                }



            .Pricing_sec .Pricingside li .Dollar {

                padding: 22px 0px 21px 0px;

                width: 260px;

                float: left;

                background: #2d2d2d;

                transition: all ease 0.3s;

            }



                .Pricing_sec .Pricingside li .Dollar h2 {

                    font-size: 34px;

                    color: #ff9408;

                    font-family: 'Oswald', sans-serif;

                    font-weight: 400;

                    letter-spacing: 1px;

                }



            .Pricing_sec .Pricingside li .Band {

                padding: 1px 30px;

                width: 194px;

                float: left;

                background: url(../img/divider.png) right 16px no-repeat;

                transition: all 0.3s ease;

            }



                .Pricing_sec .Pricingside li .Band p {

                    font-size: 16px;

                    color: #000000;

                    margin: 0px;

                    font-family: 'Oswald', sans-serif;

                    font-weight: 400;

                    line-height: 20px;

                }



                    .Pricing_sec .Pricingside li .Band p span {

                        display: block;

                    }



                .Pricing_sec .Pricingside li .Band.last {

                    background: none;

                }



            .Pricing_sec .Pricingside li .Order {

                width: 200px;

                float: left;

                display: table;

                height: 103px;

            }



                .Pricing_sec .Pricingside li .Order a {

                    font-size: 17px;

                    color: #fff;

                    font-family: 'Oswald', sans-serif;

                    font-weight: 400;

                    text-decoration: none;

                    display: table-cell;

                    vertical-align: middle;

                    background: #2d2d2d;

                }



            .Pricing_sec .Pricingside li:hover .Basic {

                padding: 0px;

                background: #2d2d2d;

            }



                .Pricing_sec .Pricingside li:hover .Basic h5 {

                    color: #fff;

                }



            .Pricing_sec .Pricingside li:hover .Band {

                padding: 0px;

                background: #2d2d2d url(../img/divider-black.png) right 16px no-repeat;

                height: 103px;

            }



                .Pricing_sec .Pricingside li:hover .Band p {

                    color: #fff;

                }



            .Pricing_sec .Pricingside li:hover .Dollar {

                background: #ff9408;

                color: #fff;

            }



                .Pricing_sec .Pricingside li:hover .Dollar h2 {

                    color: #fff;

                }



            .Pricing_sec .Pricingside li:hover .Order a {

                background: #ff9408;

                color: #fff;

                transition: all 0.3s ease;

            }







/* <<< Contact Section >>> */

.Contact_sec {

    width: 100%;

    overflow: hidden;

}



    .Contact_sec .Contactside {

        background: url(../img/Contact-bg.jpg) top center no-repeat;

        background-size: cover;

        overflow: hidden;

    }



    .Contact_sec .Center {

        padding: 115px 0px 77px 0px;

        max-width: 1100px;

        margin: auto;

        overflow: hidden;

        text-align: center;

    }



    .Contact_sec h2 {

        font-size: 57px;

        color: #fff;

        font-family: 'Oswald', sans-serif;

        font-weight: 400;

        margin: 0px;

        line-height: 60px;

    }



    .Contact_sec p {

        padding: 24px 0px 35px 0px;

        font-size: 16px;

        color: #ebebeb;

        margin: 0px;

        font-family: 'Open Sans', sans-serif;

        line-height: 25px;

        font-weight: 400;

    }



    .Contact_sec .Line {

        border: solid 1px #ff9408;

        height: 2px;

        width: 252px;

        margin: auto;

    }



    .Contact_sec .Pricingside {

        padding: 70px 0px 10px 0px;

        width: 100%;

        overflow: hidden;

        text-align: initial;

    }



/* <<< Get Section >>> */

.Get_sec {

    width: 100%;

    overflow: hidden;

    background: url(../img/Get-bg.jpg) top center no-repeat;

    background-size: cover;

}



    .Get_sec .Mid {

        padding: 76px 0px 95px 0px;

        max-width: 1100px;

        margin: auto;

        overflow: hidden;

    }



    .Get_sec .Leftside {

        width: 48.2%;

        float: left;

    }



        .Get_sec .Leftside fieldset {

            padding: 0px;

            margin: 0px;

        }



        .Get_sec .Leftside p {

            padding: 0px;

            margin: 0px 0px 25px 0px;

        }



        .Get_sec .Leftside input.field {

            padding: 18px 20px 17px 20px;

            font-size: 14px;

            color: #000000;

            font-family: 'Open Sans', sans-serif;

            font-weight: 400;

            border: 0px;

            width: 100%;

            box-shadow: 0px 2px 6px 0px #242424;

            -webkit-box-shadow: 0px 2px 6px 0px #242424;

            -moz-box-shadow: 0px 2px 6px 0px #242424;

            -o-box-shadow: 0px 2px 6px 0px #242424;

            border-radius: 0px;

        }



        .Get_sec .Leftside input:focus {

            outline: none;

        }



        .Get_sec .Leftside textarea {

            padding: 18px 20px 17px 20px;

            font-size: 14px;

            color: #000000;

            font-family: 'Open Sans', sans-serif;

            font-weight: 400;

            border: 0px;

            width: 100%;

            height: 156px;

            resize: none;

            box-shadow: 0px 2px 6px 0px #242424;

            -webkit-box-shadow: 0px 2px 6px 0px #242424;

            -moz-box-shadow: 0px 2px 6px 0px #242424;

            -o-box-shadow: 0px 2px 6px 0px #242424;

            border-radius: 0px;

        }



            .Get_sec .Leftside textarea:focus {

                outline: none;

            }



        .Get_sec .Leftside .button {

            padding: 16px 0px 17px 0px;

            margin-top: -3px;

            font-size: 14px;

            color: #e9ecee;

            font-family: 'Open Sans', sans-serif;

            font-weight: 700;

            text-align: center;

            background: #e2850a;

            border: 0px;

            width: 100%;

            cursor: pointer;

            box-shadow: 0px 2px 6px 0px #242424;

            -webkit-box-shadow: 0px 2px 6px 0px #242424;

            -moz-box-shadow: 0px 2px 6px 0px #242424;

            -o-box-shadow: 0px 2px 6px 0px #242424;

            border-radius: 0px;

            transition: all 0.3s ease;

        }



            .Get_sec .Leftside .button:hover {

                background: #2d2d2d;

                color: #fff;

            }



    .Get_sec .Rightside {

        padding-top: 12px;

        width: 48.18%;

        float: right;

    }



        .Get_sec .Rightside h3 {

            padding-bottom: 44px;

            font-size: 46px;

            color: #f88e04;

            font-family: 'Oswald', sans-serif;

            font-weight: 400;

            margin: 0px;

            line-height: 46px;

        }



        .Get_sec .Rightside address {

            padding: 0px 0px 27px 65px;

            margin-left: 3px;

            font-size: 14px;

            color: #ebedf1;

            font-family: 'Open Sans', sans-serif;

            font-weight: 400;

            font-style: normal;

            background: url(../img/location-icn.png) left 4px no-repeat;

            line-height: 24px;

        }



            .Get_sec .Rightside address.Number {

                background: url(../img/phone-icn.png) left 5px no-repeat;

            }



            .Get_sec .Rightside address.Email {

                margin-left: 4px;

                background: url(../img/mail-icn.png) left 0px no-repeat;

            }



                .Get_sec .Rightside address.Email a {

                    text-decoration: none;

                    color: #ebedf1;

                }



                    .Get_sec .Rightside address.Email a:Hover {

                        color: #f88e04;

                    }



        .Get_sec .Rightside ul {

            list-style: none;

            margin: 0px;

            padding: 27px 0px 0px 3px;

        }



        .Get_sec .Rightside li {

            float: left;

            padding: 0px;

            margin: 0px 22px 0px 0px;

        }



            .Get_sec .Rightside li a {

                text-decoration: none;

            }



/* <<< footer >>> */

footer {

    overflow: hidden;

    width: 100%;

    text-align: center;

    background: rgba(0, 0, 0, 0.6);

}



    footer .Cntr {

        padding: 28px 0px;

        max-width: 1100px;

        margin: auto;

    }



        footer .Cntr p {

            padding: 0px;

            font-size: 13px;

            color: #a9abad;

            font-family: 'Open Sans';

            margin: 0px;

        }



        footer .Cntr a {

            color: #a9abad;

            text-decoration: none;

        }



            footer .Cntr a:hover {

                color: #fff;

            }



#liMyPage {

    display: none;

}



.image-title {

    padding: 15px !important;

    font-weight: bold !important;

}



.production_details {

    padding: 16px 0px 26px 0px;

    font-size: 16px;

    font-family: 'Open Sans', sans-serif;

    font-weight: 600;

    font-style: italic;

    margin: 0px;

    word-spacing: 2px;

    line-height: 22px;

}



    .production_details td {

        color: black;

        padding-left: 10px;

    }

    

.production_photos {

    padding: 16px 0px 26px 0px;

    font-size: 16px;

    font-family: 'Open Sans', sans-serif;

    font-weight: 600;

    font-style: italic;

    margin: 0px;

    word-spacing: 2px;

    line-height: 22px;

}



    .production_photos td {

        color: black;

        width: 200px;

        text-align: center;

    }

.production_shipment {

    padding: 16px 0px 26px 0px;

    font-size: 16px;

    font-family: 'Open Sans', sans-serif;

    font-weight: 600;

    font-style: italic;

    margin: 0px;

    word-spacing: 2px;

    line-height: 22px;

}



    .production_shipment td {

        color: black;

        width: 200px;

        text-align: left;

        padding-left:10px;

    }