/*
--------------- Table Of Content ---------------------

-- normalize.css
-- Bootstrap Grid System
-- General
-- Header
*/

/*==================== Normalize.css ====================*/


html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

/*==================== Normalize.css End ====================*/


/*==================== Bootstrap Grid System ====================*/

/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2017 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*!
 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=b6d0efbcf2a551def0abf0defae334a5)
 * Config saved to config.json and https://gist.github.com/b6d0efbcf2a551def0abf0defae334a5
 *//*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;background-color:#fff}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:hover,a:focus{color:#23527c;text-decoration:underline}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.img-responsive{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role="button"]{cursor:pointer}.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.row{margin-left:-15px;margin-right:-15px}.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive .embed-responsive-item,.embed-responsive iframe,.embed-responsive embed,.embed-responsive object,.embed-responsive video{position:absolute;top:0;left:0;bottom:0;height:100%;width:100%;border:0}.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive-4by3{padding-bottom:75%}.clearfix:before,.clearfix:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after{content:" ";display:table}.clearfix:after,.container:after,.container-fluid:after,.row:after{clear:both}.center-block{display:block;margin-left:auto;margin-right:auto}.pull-right{float:right !important}.pull-left{float:left !important}.hide{display:none !important}.show{display:block !important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none !important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-xs,.visible-sm,.visible-md,.visible-lg{display:none !important}.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block{display:none !important}@media (max-width:767px){.visible-xs{display:block !important}table.visible-xs{display:table !important}tr.visible-xs{display:table-row !important}th.visible-xs,td.visible-xs{display:table-cell !important}}@media (max-width:767px){.visible-xs-block{display:block !important}}@media (max-width:767px){.visible-xs-inline{display:inline !important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block !important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block !important}table.visible-sm{display:table !important}tr.visible-sm{display:table-row !important}th.visible-sm,td.visible-sm{display:table-cell !important}}@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block !important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline !important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block !important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block !important}table.visible-md{display:table !important}tr.visible-md{display:table-row !important}th.visible-md,td.visible-md{display:table-cell !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block !important}}@media (min-width:1200px){.visible-lg{display:block !important}table.visible-lg{display:table !important}tr.visible-lg{display:table-row !important}th.visible-lg,td.visible-lg{display:table-cell !important}}@media (min-width:1200px){.visible-lg-block{display:block !important}}@media (min-width:1200px){.visible-lg-inline{display:inline !important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block !important}}@media (max-width:767px){.hidden-xs{display:none !important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none !important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none !important}}@media (min-width:1200px){.hidden-lg{display:none !important}}.visible-print{display:none !important}@media print{.visible-print{display:block !important}table.visible-print{display:table !important}tr.visible-print{display:table-row !important}th.visible-print,td.visible-print{display:table-cell !important}}.visible-print-block{display:none !important}@media print{.visible-print-block{display:block !important}}.visible-print-inline{display:none !important}@media print{.visible-print-inline{display:inline !important}}.visible-print-inline-block{display:none !important}@media print{.visible-print-inline-block{display:inline-block !important}}@media print{.hidden-print{display:none !important}}

 /*==================== Bootstrap Grid System End ====================*/

/*==================== General ====================*/
.clear-fix{
    clear:both;
}

body{
    font-family:  "gotham-bold", sans-serif;
    position:relative;
}

p{
    font-family: 'Open Sans', sans-serif;
}

a,
a:hover{
    text-decoration:none;
    color:inherit;
}

h1,h2,h3,h4,h5,h6{
    font-family:  "gotham-book", sans-serif;
    margin:0;
}

h1{font-size:88px; font-weight: 300;}

hr{
    height: 6px;
    width:50px;
    background-color: #FFF;
    border: none;
    margin: 20px 0 15px 5px
}

img{
    max-width: 100%;
}

p{
    font-size: 15px;
    line-height: 25px;
}

.left{
    float: left;
}

.right{
    float: right;
}

.btn{
    border:none;
    padding:0;
    margin:0;
    border-radius:0;
}

.no-marginRight{
    margin-right:0 !important;
}

.no-marginLeft{
    margin-left:0 !important;
}

.clearfix:after{
    clear: both;
}

.clearfix:before,
.clearfix:after{
    display: table;
    content: " ";
}
/*==================== General End ====================*/

/*==========================================================
                            Main
============================================================*/
main{
    position: relative;
    z-index: 4;
    overflow: hidden;
    min-height: 500px;
    background-color: #f0f0f0;

}

main .content{
    width: 46%;
    margin: 0 auto;
    text-align: center;
    padding: 205px 0 150px;
}

main h1{
    color: #394959;
    line-height: 88px;
    margin-top: 40px;
}

main .subtitle{
    font-weight: 800;
    font-size: 20px;
    color: #8193a8;
    text-transform: capitalize;
    margin-top: 12px;
}

main p{
    font-size: 19px;
    color: #8193a8;
    margin-top: 30px;
    line-height: 28px
}

main .button{
    width: 230px;
    height: 65px;
    color: #394959;
    font-size: 18px;
    font-weight: 300;
    display: block;
    margin: 50px auto 0;
    line-height: 60px;
    cursor: pointer;
    position: relative;
    box-shadow: inset 0 0 0 3px #e3e3e3;
    -moz-box-shadow: inset 0 0 0 3px #e3e3e3;
    -webkit-box-shadow: inset 0 0 0 3px #e3e3e3;

    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;

}

main .button span{
    position: relative;
    display: block;
    z-index: 1;
    height: inherit;
    line-height: 65px;
}

main .button:after {
    width: 0%;
    height: 100%;
    top: 0;
    left: 0;
    background: #7253dc;
    content: '';
    position: absolute;
    z-index: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

main .button:hover,
main .button:active {
    color: #ffffff;
}


main .button:hover:after,
main .button:active:after{
    width: 100%;
}
/****** header style******/
@font-face {
    font-family: "gotham-bold";
    src: url("../../../font/GOTHAM-BOLD.OTF")format("truetype");
}

@font-face {
    font-family: "gotham-book";
    src: url("../../../font/GOTHAM-BOOK.OTF")format("truetype");
}

header {
    position: absolute;
    top: 0;
    display: block;
    left: 0;
    width: 100%;
    padding: 35px 45px 0;
    z-index: 20;
}

header .logo,
header nav.left{
    float: left;
}

header nav.right{
    float: right;
}

header .logo{
    margin-right: 55px;
}

header nav ul {
    padding: 0;
    margin: 0;
    list-style: none;

}

header nav li{
    position: relative;
    float: left;
    margin: 0 27px;
    height: 47px;
    line-height: 45px;

}



.demos-button:focus{
    color:#fff;
}

.demos-button:active{
    color: #fff;
}
header nav a{

    font-family: 'gotham-book', sans-serif;
    font-size: 13px;
}

header nav a:focus{
    color:white;
    text-decoration: none;
}

header nav a:active{
    color: #181818;
}

header nav a:hover{
    color: #202020;
}
li:hover span.bar {
    width: 100%;
}
span.bar{
    width: 0;
    height: 1px;
    background: #202020;
    position: absolute;
    display: block;
    bottom: 12px;
    transition: width .3s;
}

/***** HEADER STYLES *****/
header {
    position: absolute;
    top: 0;
    display: block;
    left: 0;
    width: 100%;
    z-index: 99;
}

header .logo,
header nav.left{
    float: left;
}

header nav.right{
    float: right;
}

header .logo{
    margin-right: 55px;
}

header nav ul {
    list-style: none;
}

header nav  li{
    position: relative;
    float: left;
    margin: 0 16px;
    height: 42px;
    line-height: 42px;
}
.whats-new-btn{
    border-radius: 4px;
    text-align: center;
    width: 127px;
    background-color: #fff;
    -webkit-box-shadow: 0 8px 10px rgba(112,82,222,.18);
    -moz-box-shadow: 0 8px 10px rgba(112,82,222,.18);
    box-shadow: 0 8px 10px rgba(112,82,222,.18);
    background-image: -webkit-linear-gradient(left, rgba(77,38,215,.86), rgba(114,84,221,.86));
    background-image: -moz-linear-gradient(left, rgba(77,38,215,.86), rgba(114,84,221,.86));
    background-image: -o-linear-gradient(left, rgba(77,38,215,.86), rgba(114,84,221,.86));
    background-image: -ms-linear-gradient(left, rgba(77,38,215,.86), rgba(114,84,221,.86));
    background-image: linear-gradient(to right, rgba(77,38,215,.86), rgba(114,84,221,.86));
    transition: background .3s;
    margin: 0;
}
.second-header .whats-new-btn{
    margin: 0;
}
.whats-new-btn:hover {
    background-color: rgb(90, 56, 222);
    color: #fff;
    box-shadow: none;
    position: relative;
    top: 1px;

}
header .whats-new-btn a:hover{
    color: #fff;
}
.whats-new-btn a{
    padding: 0 18px;
    color: #fff;
}

header nav.left ul.sf-menu > li{
    position: relative;
    float: left;
    margin: 0 27px;
    height: 35px;
    line-height: 47px;
}
header nav.left ul.sf-menu > li span{
    bottom: -3px;
}

header nav li.demos-button{
    width: 127px;
    border: 1px solid #cacaca;
    border-radius: 4px !important;
    margin: 0 7px 0 30px;
    transition-duration: 0.3s;
}

header nav li.demos-button:hover{
    border: 1px solid #6847dd;
    transition-duration: .3s;
}
.changelog-page header nav li.demos-button a{
    color: white;
}
header nav li.demos-button a{
    display: block;
    transition-duration: 0.3s;
    color: rgb(129, 147, 168);
    font-size: 14px;
    font-family: 'gotham-book', sans-serif;
    text-align: center;
}
header nav li.demos-button a:hover{
    color: #6847dd;
}
.demos-button:focus{
    color:#181818;
}

.demos-button:active{
    color: #181818;
}

li.whats-new-btn {
    display: none !important;
}

header nav li.demos-button a:hover{
    color:#fff !important;
}

header nav li.demos-button:hover {
    border: 1px solid rgba(255, 255, 255, 0.77) !important;
    transition-duration: .3s;
}

header nav a{
    color: #8193a8;
    font-family: 'gotham-book', sans-serif;
    font-size: 14px;
}
header nav.all-themes-page a{
    color: #000;
}
header nav.all-themes-page a:hover{
    color: #6847dd;
}
header nav.all-themes-page span.bar{
    background: #000;
}

header nav a:focus{
    color:#fff;
}



header nav a:active{
    color: #fff;
}

header nav a:hover{
    color: #505b67;
}

li:hover span.bar {
    width: 100%;
}

li span.selected {
    background-color: #121212;
    padding: 4px 11px;
    border-radius: 13px;
    color: #fff !important;
}

span.bar{
    width: 0;
    height: 1px;
    background: #505b67;
    position: absolute;
    display: block;
    bottom: 10px;
    transition: width .3s;
}

span.bar.bar2{
    bottom: 0;
}

/*****second-header******/

.second-header {

    position: fixed;

    top: 0;

    display: none;

    left: 0;

    width: 100%;

    padding: 12px 0px 12px;

    z-index: 10;

    background-color: white;

    box-shadow: 0 1px 1px rgba(48, 48, 48, 0.12);

    justify-content: center;

    align-items: center;

}

.second-header-link{

    flex-basis: 59%;

    text-align: right;

    font-family: 'gotham-book', sans-serif;

    font-size: 15px;
    padding-right: 45px;
    color: #8193a8;

}

.read-more-header{

    display: inline-table;

    padding-left: 8px;

    transition-duration: 0.4s;

}

.second-header-link:hover .read-more-header {

    transform: translateX(8px);

    transition: all .6s;

    transition-duration: 0.4s;

    color: rgba(37, 37, 37, 0.87);

}

.second-header-link:focus{

    color: #000;

}

.second-header-link:hover{

    color: #505b67;

}



.second-header .logo,

.second-header nav.left{

    float: left;

}



.second-header nav.right{

    float: right;

}



.second-header .logo{

    margin-right: 55px;



}



.second-header nav ul {

    list-style: none;



}



.second-header nav li{

    float: left;

    margin: 0 27px;

    height: 47px;

    line-height: 45px;



}

.second-header nav li.demos-button a{

    padding: 0 40px;
    height: 45px;
    text-align: center;
    display: block;
    transition-duration: 0.4s;

}

.second-header nav li.demos-button{

    border: 1px solid #181818;

    background-color: #181818;

    color: #fff;

    margin-right: 0;

    margin-left: 0;

    width:165px;
    border-radius: 3px !important;
}



.second-header nav li.demos-button:hover{

    color:#181818;

    background-color: #fff;

    border: 1px solid #181818;

    transition-duration: 0.3s;

}



.second-header nav a{

    color: #fff;

    font-family: 'gotham-book', sans-serif;

    font-size: 12px;

    transition-duration: 0.3s;

}



.second-header nav li.demos-button:hover a{

    color:#181818;

    background-color: #fff;

    transition-duration: 0.3s;

}


/*****second-header******/
.second-header {
    position: fixed;
    top: 0;
    display: none;
    left: 0;
    width: 100%;
    padding: 18px 45px 18px;
    z-index: 10;
    background-color: white;
    box-shadow: 0 1px 1px rgba(48, 48, 48, 0.12);
}

.second-header .logo,
.second-header nav.left{
    float: left;
}

.second-header nav.right{
    float: right;
}

.second-header .logo{
    margin-right: 55px;
}

.second-header nav ul {
    list-style: none;

}

.second-header nav li{
    float: left;
    margin: 0 27px;
    height: 47px;
    line-height: 45px;

}
.second-header nav li.demos-button a{
    padding: 0 40px;
    height: 45px;
    display: inline-block;
    transition-duration: 0.3s;
}
.second-header nav li.demos-button{
    border: 1px solid #181818;
    background-color: #181818;
    color: #fff;
    margin-right: 0;
    margin-left: 0;
}

.second-header nav li.demos-button:hover{
    color:#181818;
    background-color: #fff;
    border: 1px solid #181818;
    transition-duration: 0.3s;
}

.second-header nav a{
    color: #fff;
    font-family: 'gotham-book', sans-serif;
    font-size: 12px;
    transition-duration: 0.3s;
}

.second-header nav li.demos-button:hover a{
    color:#181818;
    background-color: #fff;
    transition-duration: 0.3s;
}

/****mobile header******/
.navigation-mobile, .mobile-header {
    display: block;

}

.mobile-header img {
    margin-top: 12px;
    margin-left: 10px;
}

.mobile-header {
    position: absolute;
    width: 100%;
    right: 0;
    top: 0;
    z-index: 2222;
    display: none;
    background-color: #ffffff;
}

.mobile-nav {
    width: 40px;
    height: 40px;
    background: transparent url(../../../media/imges/mobile-nav-dark.png) no-repeat center;
    position: relative;
    z-index: 9999;
    display: inline-block;
    float: right;
    background-size: 25px;
    margin-top: 7px;
    margin-right: 6px;
}

.navigation-mobile {
    width: 100%;
    padding: 120px 60px;
    overflow: hidden;
    display: none;
    z-index: 1;
    text-align: left;
    position: relative;
}

.navigation-mobile ul {
    list-style: none;
    margin: 0;
}

.navigation-mobile li {
    font-size: 14px;
    font-weight: 400;
    position: relative;
    border-bottom: 1px solid rgba(51, 51, 51, 0.35);
}

.navigation-mobile ul li:last-child {
    border-bottom: none;
}

.navigation-mobile li ul {
    margin-left: 15px;
}

.navigation-mobile .sub-menu li {
    border-bottom: none;
    padding: 3px 0;
}

.navigation-mobile li a {
    padding: 5px 0;
    font-size: 13px;
    line-height: 45px;
    display: inline-block;
    position: relative;
    z-index: 1;
    color: #0c0c0c;
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    width: 30%
}

.navigation-mobile li .icon {
    margin-right: 10px;
}

.navigation-mobile li .arrow {
    display: inline-block;
    padding: 15px 10px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    text-align: right;
    font-size: 16px;
    cursor: pointer;
    line-height: 14px;
}

.navigation-mobile .sub-menu li a {
    padding: 3px 0;
}

.navigation-mobile > ul {
    padding: 0;
}

.navigation-mobile a {
    text-decoration: none;
}

.navigation-mobile li.separator {
    display: none;
}

.navigation-mobile .dropdown {
    display: none;
    margin-bottom: 15px;

}

.navigation-mobile .dropdown li a,
.navigation-mobile .dropdown .dropdown li a,
.navigation-mobile .dropdown li .arrow {
    padding: 10px;
}

.navigation-mobile .dropdown .dropdown li {
    margin-bottom: 0;
}
/**********footer style********/
/*****FOOTER SECTION STYLE******/
.footer-container{
    width: 1037px;
}
footer {
    height: 500px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
}

footer div h3{
    padding-bottom: 25px;
    font-family: 'gotham-book', sans-serif;
    font-size: 15px;
    color:#394959;
    letter-spacing: 2px;
}

footer ul li a{
    font-family: 'gotham-book', sans-serif;
    color: #8193a8;
    font-size: 15px;
}

footer ul{
    padding: 0;
    margin: 0;
    list-style: none;
}

footer li{
    margin-bottom: 10px;
}

.logo-footer{
    margin-bottom: 25px;
}

footer p{
    font-family: 'gotham-book', sans-serif;
    color: #8193a8;
    font-size: 15px;
    line-height: 25px;
    padding-bottom: 30px;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

.copy-right{
    font-family: 'gotham-book', sans-serif;
    color: #7e7e7e;
    font-size: 14px;
}



/*
    change log page
*/

.changelog-page header a{
    color: #ffffff;

}

.changelog-page span.bar{
    background-color: #ffffff;
}

.changelog-page header nav li.demos-button{
    border-color: #ffffff;
}

.changelog-page header nav li.demos-button:hover{
    border: 1px solid #6847dd;
    transition-duration: .3s;

}

.changelog-page header nav a:hover{
    color: #e8e7e7;
}

.changelog-page .demos-button:hover{
    background-color:transparentf;
}

.change-log-space > .container{
    padding: 50px 0;
}

.user-html{
    display: block;
    line-height: 22px;
    overflow: visible;
    font-family: "gotham-book", sans-serif;
    overflow-y: hidden;
    padding: 10px;
    font-size: 17px;
    text-align: left;
    color: #585858;
    margin: 5px 0 35px;
    max-width: 745px;
}


.user-html h2{
    margin-bottom: 30px;
}

.user-html ul{
    margin: 0;
    padding: 0 20px;
}

.user-html li{
    margin-bottom: 20px;
}

.user-html ul > li:last-child{
    margin-bottom: 0;
}

.user-html .notice-title{
    display: block;
}

.user-html .notice-description{
    display:block ;
}

.user-html strong{
    font-weight: bold;
}

.user-html pre {
    display: block;
    line-height: 22px;
    overflow: visible;
    font-family: "gotham-book", sans-serif;
    overflow-y: hidden;
    padding: 10px 0;
    font-size: 17px;
    white-space: pre-wrap;
    text-align: left;
    color: #585858;
    margin: 5px 0 30px;
    max-width: 745px;
}


.changelog-title{
    height: 415px;
    display: flex;
    align-items: center;
    background: transparent url("../images/changlog.jpg") no-repeat center;
}

.changelog-title h1{
    color: #ffffff;
    font-size: 100px;
    line-height: 100px;
}

/* header responsive */
@media only screen and (max-width: 1024px) {
    .mobile-header {
        display: block;
    }
    header {
        display: none;
    }
    main .content{
        width:85%;
    }
}
@media (max-width: 767px) {
    /*****header*****/

    .navigation-mobile {
        padding: 80px 38px;
    }

    .mobile-nav {
        margin-top: 2px;
        margin-right: 10px;
        margin-bottom: 5px;
    }

    .responsive-demos-button {
        display: none;
    }
}

@media (max-width: 600px) {
    .changelog-title{
        height: 300px;
    }

    .changelog-title h1{
        font-size: 45px;
        line-height: 45px;
    }
}



/* sf plugin for mega menu */



/* MEGA MENU */

/*** ESSENTIAL STYLES ***/

.sf-menu {

    position: relative;

    margin: 0;

    padding: 0;

    list-style: none;

}

.sf-menu .sf-mega {

    position: absolute;

    display: none;

    top: 100%;


    z-index: 99;

    background-color: rgba(255, 255, 255, 1);

    width: 1833px;

    margin-top: 15px;

}

.fixed .sf-menu .sf-mega {

}

.sf-mega {

    padding: 40px;
    padding-left: 115px;

}

.sf-menu > li {

    float: left;

}

.sf-menu li:hover > .sf-mega {

    transition: all 0.1s ease-in;

}

.sf-menu li:hover > .sf-mega, .sf-menu li.sfHover > .sf-mega {

    display: block;

}

.sf-menu > li > a {

    display: block;

    position: relative;

}

.sf-mega-section ul {

    display: block;

}

.one-sixth {

    float: left;

    width: calc(100% / 6 - 1em);

    padding: 0 1em 1em 0;

    margin-right: 1em;

}

.sf-mega-section ul {

    position: relative;

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

}

.sf-mega-section ul li {

    background-color: transparent;

}

.sf-mega-section a {

    color: rgb(129, 129, 129) !important;

    text-transform: capitalize !important;

    font-size: 13px;

    padding: 10px;

    display: inline-block;


}



p.mega-section-heading {

    font-size: 12px;

    color: rgb(52, 52, 52);

    text-transform: uppercase;

    padding: 10px 10px 0 20px;

    font-weight: bold;

}

.fixed p.mega-section-heading {

    color: rgb(255, 255, 255);

}

.heading-bottom-line {

    margin-left: 10px;

    height: 1px;

    background-color: rgb(0, 0, 0);

    width: 80%;

    margin-bottom: 10px;

    display: none;

}

.mega-section-link-icon {

    display: inline-block;

    padding-left: 10px;

}

.mega-section-link-icon {

    font-size: 12px;

    color: rgb(129, 129, 129);

}

.sf-mega-section {

    margin-top: -15px;
    animation-duration: 1s;
    animation-name: fadeIn;

}

.sf-mega-section ul li a, .sf-mega-section ul li, .mega-section-link-icon {

    transition: all 0.3s ease-out;


}

.sf-mega-section ul li:hover a {

    color: #000 !important;

}

.sf-mega-section ul li:hover .mega-section-link-icon {

    color: #181818 !important;

    margin-left: 0;

}

.sf-mega-section ul li:hover {

    padding-left: 0;

}

li.megamenu a.exception {
    padding: 10px;
}

/*** arrows (for all except IE7) **/

.sf-arrows .sf-with-ul {

    *padding-right: 1em;
    padding-bottom: 24px;

    /* no CSS arrows for IE7 (lack pseudo-elements) */

}
.megamenu a{
    padding-bottom: 24px;

}

/* styling for both css and generated arrows */

.sf-arrows .sf-with-ul:after {

    content: '';

    position: absolute;

    top: 50%;

    right: 1em;

    margin-top: -3px;

    height: 0;

    width: 0;

    /* order of following 3 rules important for fallbacks to work */

    border: 5px solid transparent;

    border-top-color: #dFeEFF;

    /* edit this to suit design (no rgba in IE8) */

    border-top-color: rgba(170, 170, 170, .5);

    transition: border 0.3s;

    display: none;

}

.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {

    border-top-color: #1fb17c;

    /* IE8 fallback colour */

}


.sf-mega-section ul li{
    margin-left: 10px !important;
    margin-right: 0 !important;
    width: 188px;
}



/****responsive****/
@media only screen and (min-width: 1224px) and (max-width: 1440px) {
    .sf-menu .sf-mega {
        width: 1285px;
        -webkit-box-shadow: 0px 5px 19px -3px rgba(0, 0, 0, 0.75);

        -moz-box-shadow: 0px 5px 19px -3px rgba(0, 0, 0, 0.75);

        box-shadow: 0px 5px 19px -3px rgba(0, 0, 0, 0.75);
    }
    .sf-mega {
        padding: 25px;
        padding-left: 60px;
    }
    .sf-mega-section ul li {
        height: 35px;
    }
}
@media screen and  (max-width: 1280px) {
    /**superfish menu**/
    .sf-mega {
        padding: 25px;
        padding-left: 60px;
    }

    .sf-menu .sf-mega {
        right: -204px;
        width: 1215px;
        -webkit-box-shadow: 0px 5px 19px -3px rgba(0, 0, 0, 0.75);

        -moz-box-shadow: 0px 5px 19px -3px rgba(0, 0, 0, 0.75);

        box-shadow: 0px 5px 19px -3px rgba(0, 0, 0, 0.75);
    }
    .sf-mega-section ul li {
        height: 35px;
    }
}
/*** end responsive****/
@media screen and  (max-width: 767px){
    main .content{
        width:96%;
    }
    main h1{
        line-height: 55px;
        font-size: 44px;
    }
    .container.footer-container{
        padding-top: 155px;
    }
    .footer-follow{
        padding-top: 40px
    }
    .footer-massive{
        padding-top: 40px;
    }
}




/** test drive styles***/
.test-drive{
    height: 100vh;
    width: 100%;
    background: rgba(18, 18, 19, 0.96);
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    opacity: 1;
    z-index: 999;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: .3s;
}

.hide-test-drive {
    opacity: 0;
    z-index: -1000;
    animation: fadeOut ;
    animation-duration: .3s;
}

.test-drive-container
{
    position: relative;
    width: 690px;
    background: white;
    display: flex;
    overflow: hidden;
    height:466px;
    animation-duration: .7s;
    visibility:hidden;
    border-radius: 22px;
}

.test-drive-close{
    cursor: pointer;
    color: white;
    align-self: flex-end;
    top: 32px;
    position: absolute;
    right: 40px;
    font-weight: 100;
    z-index: 99;
}

.test-drive-btn{
    text-align: center;
}
.test-drive-sec1-button {
    outline: 0;
    margin-top: 40px;
    color: white;
    width: 190px;
    height: 54px;
    border-radius: 50px;
    border: none;
    background-color: #5d36d6;
    letter-spacing: 1px;
    font-family:"gotham-book" ;
}
.active-sec .test-drive-sec1-button:hover{
    background-color: rgba(93, 54, 214, 0.77);
    transition-duration: .2s;
    color: #ffffff;
}
.test-drive-container form{
    display: flex;
    flex: 1 0 200%;
    position: relative;
}
.test-drive-sec1{
    flex: 0 1 100%;
    position: relative;
}
.test-drive-sec1 .test-drive-step{
    align-self: flex-start;
    padding-top: 21px;
    padding-left: 30px;
    font-family:"gotham-book" ;
    font-size: 12px;
}
.test-drive-sec1 .test-drive-header{
    padding-top: 77px;
    font-family: "gotham-bold";
    font-size: 33px;
    letter-spacing: -2px;
    align-self: center;
}
.test-drive-sec1 .test-drive-text{
    font-family: "gotham-book";
    font-size: 20px;
    text-align: center;
    align-self: center;
    padding: 12px 99px 24px 99px;
}
.test-drive-sec1  .test-drive-email{
    outline: 0;
    border: none;
    background-color: #efefef;
    width: 100%;
    font-family: "gotham-book";
    font-size: 15px;
    border-radius: 50px;
    padding: 16px;
    text-align: center;
}
.test-drive-content{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.test-drive-content input[type=checkbox]{
    margin-top: 4px;
}

.test-drive-content .test-drive-checkbox{
    display: flex;
    padding-top: 21px;
    padding-left: 177px;
}

.test-drive-second-row .test-drive-checkbox{
    display: flex;
    padding-top: 17px;
    padding-left: 68px;
}

.roundedOne {
    width: 15px;
    height: 15px;
    border-radius: 100%;
    position: relative;
    margin-top: 4px;
}
.roundedOne label {
    display: block;
    width: 15px;
    height: 15px;
    border-radius: 100px;
    transition: all .3s ease;
    cursor: pointer;
    position: absolute;
    top: 2px;
    left: 2px;
    z-index: 1;
    font-weight: bold;
    background: #d6d6d6;
    border: 2px solid #d6d6d6;
    box-sizing: border-box;
}
.roundedOne input[type=checkbox]:checked + * {
    background: #562dd4;
    border: 4px solid #d6d6d6;
}

.test-drive-checkbox-label{
    padding-left: 9px;
    font-size: 15px;
    letter-spacing: 0px;
    font-family:"gotham-book" ;
    font-weight: 600;
    color: rgba(24, 24, 24, 0.85);
}
.test-drive-checkbox-label-sec1{
    font-size: 12px;
    padding-top: 3px;
}
.test-drive-email-validate , .test-drive-checkbox-validate , .test-drive-dropdown-validate{
    height: 7px;
    width: 7px;
    background-color: red;
    border-radius: 100%;
    position: absolute;
    top: 23px;
    left: 127px;
    opacity: 0;
    transition: .3s;
}
.test-drive-privacy-validate{
    top: 279px;
}
.test-drive-checkbox-validate{
    right: 499px;
    top: 210px;
}

.test-drive-content .input-part{
    position: relative;
    padding: 0 154px;
}


.test-drive-sec2{
    flex: 0 1 100%;
    position: relative;
    opacity:0;
}


.test-drive-select{
    display: flex;
    flex-direction: column;
}

.test-drive-send-mail-png{
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 79px;
}
.test-drive-send-mail{
    font-size: 20px;
    font-family: "gotham-book";
    font-weight: bold;
    padding: 17px 80px 18px 82px;
    text-align: center;
}
.test-drive-select-option{
    padding-top: 12px;
    outline: 0px;
    width: 100%;
    margin-top: 28px;
    align-self: center;
    font-family:"gotham-book" ;
    font-size: 14px;
    height: 46px;
    color: #7e7e7e;
    background-color: #f3f3f3;
    display: flex;
    padding-left: 16px;
    position: relative;
}

.roundedOne input{
    cursor: pointer;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 3;
}
select option:checked:after {
    content: attr(title);
    background: #7e7e7e;
    color: #fff;
    position: absolute;
    width: 100%;
    left: 0;
    border: none;
}

.dropbtn {
    cursor: pointer;
}

.dropdown {
    margin-left: 81px;
    margin-right: 81px;
    display: flex;
    justify-content: center;
}

.dropdown-content {
    border: 1px solid #b3b3b3;
    display: none;
    background-color: #f9f9f9;
    width: calc(100% - 162px);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    position: absolute;
    top: 162px;
    left:81px;
    z-index: 10;
}

.dropdown-content div {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    line-height: 6px;
}

.dropdown-content div:hover {
    background-color: #3b3b3b;
    color: white;

}
.dropdown-content:hover ~ .test-drive-select-option {
    border: 1px solid #b3b3b3;
}

/*.dropdown:hover .dropdown-content {*/
/*display: block ;*/
/*}*/

.dropdown:hover .dropbtn {
    background-color: #f3f3f3;
}
.test-drive-select-option:hover{
    border:1px solid #b3b3b3;
}
.dropdown-content.display-block:hover {
    border: 1px solid #b3b3b3;
}

.test-drive-checkbox p{

}
.dropdown-content div{
    font-size: 14px;
    font-family:"gotham-book" ;
    font-weight: bold;
}
.test-drive-second-row{
    padding-left: 0;
}
.test-drive-png{
    height: 9px;
    align-self: center;
    position: absolute;
    right: 17px;
    bottom: 33%;
}

.display-block{
    display: block ;
}

.display-none{
    display: none;
}
.display-nonee{
    display: none ;
}

.popup-ckeck{
    width: 16px;
    padding-bottom: 2px;
    padding-left: 2px;
}


input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    border-bottom: 1px solid black;
    -webkit-text-fill-color: black;
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;

}


.test-drive-svg path{

    transition: stroke-dashoffset 0.5s ease-in-out,opacity 0.3s,fill 400ms,stroke 400ms!important;

    opacity:0!important;

}



.test-drive-svg path.path-animated{

    stroke-dashoffset : 0!important;

    opacity:1!important;

}
.test-drive-svg{
    stroke-width: 2px;
    height: 10px;
    enable-background: new 0 0 10 10;
    padding-left: 4px;
    padding-top: 0px;
    margin-bottom: 1px;
}

.label-down-general-demo{
    white-space: nowrap;
    padding-left: 10px;
}
.container-middle{
    width: 1392px;

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

    .responsive-demos-button {
        display: none;
    }
}

li.list-title {
    list-style: none;
    font-weight: bold;
    padding: 20px 0;
}

.user-html .notice-description {
    font-size:14px;
}