@font-face {
    font-family: 'russiabold';
    src: url('../fonts/site-fonts/russia-bold-webfont.eot');
    src: url('../fonts/site-fonts/russia-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/site-fonts/russia-bold-webfont.woff') format('woff'),
    url('../fonts/site-fonts/russia-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'russialight';
    src: url('../fonts/site-fonts/russia-light-webfont.eot');
    src: url('../fonts/site-fonts/russia-light-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/site-fonts/russia-light-webfont.woff') format('woff'),
    url('../fonts/site-fonts/russia-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'russiamedium';
    src: url('../fonts/site-fonts/russia-medium-webfont.eot');
    src: url('../fonts/site-fonts/russia-medium-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/site-fonts/russia-medium-webfont.woff') format('woff'),
    url('../fonts/site-fonts/russia-medium-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'russiaregular';
    src: url('../fonts/site-fonts/russia-regular-webfont.eot');
    src: url('../fonts/site-fonts/russia-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/site-fonts/russia-regular-webfont.woff') format('woff'),
    url('../fonts/site-fonts/russia-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Conv_AvenirNextLTProRegular';
    src: url('../fonts/site-fonts/AvenirNextLTProRegular.eot');
    src: local('☺'), url('../fonts/site-fonts/AvenirNextLTProRegular.woff') format('woff'), url('../fonts/site-fonts/AvenirNextLTProRegular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Conv_AvenirNextLTProLight';
    src: url('../fonts/site-fonts/AvenirNextLTProLight.eot');
    src: local('☺'), url('../fonts/site-fonts/AvenirNextLTProLight.woff') format('woff'), url('../fonts/site-fonts/AvenirNextLTProLight.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AvenirNextLTPro-Thin';
    src: url('../fonts/site-fonts/AvenirNextLTPro-Thin.eot?#iefix') format('embedded-opentype'),  url('../fonts/site-fonts/AvenirNextLTPro-Thin.woff') format('woff'), url('../fonts/site-fonts/AvenirNextLTPro-Thin.ttf')  format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Conv_AvenirNextLTProMedium';
    src: url('../fonts/site-fonts/AvenirNextLTProMedium.eot');
    src: local('☺'), url('../fonts/site-fonts/AvenirNextLTProMedium.woff') format('woff'), url('../fonts/site-fonts/AvenirNextLTProMedium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Conv_AvenirNextLTProBold';
    src: url('../fonts/site-fonts/AvenirNextLTProBold.eot');
    src: local('☺'), url('../fonts/site-fonts/AvenirNextLTProBold.woff') format('woff'), url('../fonts/site-fonts/AvenirNextLTProBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


html{
    overflow-y: scroll;
    overflow-x: hidden;
}
body {
    color: #2e363f;
    background:#fff;
    font-size: 16px;
    /*font-family: 'IBM Plex Sans', sans-serif;*/
    /*font-family: 'russiaregular';*/
    font-family: 'Conv_AvenirNextLTProRegular';
}
.site-content-wrapper{
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
    border-left: 1px solid #f7f7f7;
    border-right: 1px solid #f7f7f7;
    overflow: hidden;
}
.container{
    width: 100%;
    max-width: 1270px;
}
h1, h2, h3 {
    margin: 10px 0;
    font-family: 'russiaregular';
    font-family: 'russiamedium';
    /*font-family: 'russiabold';*/
}
h4, h5, h6 {
    margin: 10px 0;
    font-family: 'Conv_AvenirNextLTProMedium';
    font-weight: 600;
}
h1{
    font-size: 44px;
}
h2{
    font-size:40px;
}
h3{
    font-size: 32px;
}
h4{
    font-size: 28px;
}
h5{
    font-size: 24px;
}
h6{
    font-size: 20px;
}

ul.two-columns-list {
    text-align: left;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    padding-left: 15px;
}
.orange-color{
    color: #ff7900;
}
a{
    color:#009ce9;
    text-decoration: none;
    transition: all 0.3s ease 0s;
    cursor: pointer;
}
a:hover{
    text-decoration: none;
}
a:focus {
    outline: none;
    text-decoration: none;
}
a.c-btn,button.c-btn,input.c-btn,li.c-btn a{
    font-size: 14px;
    display: inline-block;
    margin: 5px 0;
    border-radius: 4px;
    color: #fff;
    padding:10px 30px ;
    background: #1ea8f0;
    text-align: center;
    font-weight: 600;
    -webkit-transition: all 0.15s ease 0s;
    -moz-transition: all 0.15s ease 0s;
    -o-transition: all 0.15s ease 0s;
    transition: all 0.15s ease 0s;
    transform: translateY(0);
}
li.c-btn a{
    box-shadow: none;
}
button.c-btn{
    border: none;
}
a.c-btn:hover,button.c-btn:hover,input.c-btn:hover{
    background: #1287c3;
}


.c-btn.c-btn-bordered{
    border:2px solid #33b6ff;
    padding: 7px 24px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 18px;
    background: none;
    color:#2e363f;
    font-family: 'Conv_AvenirNextLTProRegular';
    font-weight: 400;
}
.c-btn.c-btn-bordered:hover{
    background: #33b6ff;
    color: #fff;
}


a.c-btn.gradient-btn,button.c-btn.gradient-btn{
    background-image: -webkit-linear-gradient(to right, #37bbff 0%, #0072ff 100%);
    background-image: -o-linear-gradient(to right, #37bbff 0%, #0072ff 100%);
    background-image: linear-gradient(to right, #37bbff 0%, #0072ff 100%);
    transition: all 0.3s ease 0s;
}
a.c-btn.gradient-btn:hover,button.c-btn.gradient-btn:hover{
    background-image: -webkit-linear-gradient(to right, #0072ff 0%, #37bbff 100%);
    background-image: -o-linear-gradient(to right, #0072ff 0%, #37bbff 100%);
    background-image: linear-gradient(to right, #0072ff 0%, #37bbff 100%);
}


a.c-btn.orange-gradient,button.c-btn.orange-gradient{
    background-image: -webkit-linear-gradient(to right, #fd9800 0%, #e86e00 100%);
    background-image: -o-linear-gradient(to right, #fd9800 0%, #e86e00 100%);
    background-image: linear-gradient(to right, #fd9800 0%, #e86e00 100%);
    transition: all 0.3s ease 0s;
}
a.c-btn.orange-gradient:hover,button.c-btn.orange-gradient:hover{
     background-image: -webkit-linear-gradient(to right, #e86e00 0%, #fd9800 100%);
     background-image: -o-linear-gradient(to right, #e86e00 0%, #fd9800 100%);
     background-image: linear-gradient(to right, #e86e00 0%, #fd9800 100%);
 }

a.rounded-btn{
    height: 70px;
    padding: 18px 30px 22px;
    border-radius: 35px;
    text-align: center;
    font-size: 22px;
    min-width: 260px;
}
a.c-btn.gradient-btn:hover,button.c-btn.gradient-btn:hover{
    color: #fff;
}
a.c-btn.sm-btn,button.c-btn.sm-btn,input.c-btn.sm-btn{
    padding: 8px 15px 7px;
}
a.c-btn.lg-btn,button.c-btn.lg-btn,input.c-btn.lg-btn{
    padding-top: 15px;
    padding-bottom: 15px;
}
a.c-btn.white-btn{
    background: #fff;
    color: #36456A;
}
a.white-text-link{
    color: #fff;
}
a.white-text-link i{
    transition: all 0.3s ease 0s;
}
a.white-text-link:hover{
    color: #1aa6ee;
}
a.white-text-link:hover i{
    padding-left: 5px;
}
.pri-color{
    color:#36456A;
}
.sec-color{
    color:#1AA6EE;
}
.sec-bg-color{
    background: #f2fafd;
}
.green-color{
    color: #A8CF45;
}
.light-font{
    font-weight: 300 !important;
}
.ultralight-font{
    font-weight: 200 !important;
}
.normal-font{
    font-weight: 400 !important;
}
.semi-bold-font{
    font-weight: 500;
}
.sea-green-color{
    color: #007DB6;
}
.form-row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -7px;
    margin-right: -7px;
}
.form-row .field-group {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
    padding: 0 7px;
}
.form-row.standalone-form-row{
    display: inline-block;
    width: 100%;
}
.form-row.standalone-form-row > .form-group{
    width: 100%;
    float: left;
    padding: 0 4px 0 9px;
}
input[type=text],input[type=email],input[type=tel],input[type=password],input[type=number]{
    background: #fff;
    height: 60px;
    border-radius: 30px;
    border: 1px solid #eeecf2;
    padding: 5px 20px 5px 25px;
    width: 100%;
    font-size: 18px;
    color: #2e363f;
}
textarea{
    background: #fff;
    border-radius: 30px;
    font-size: 18px;
    border: 1px solid #eeecf2;
    padding: 10px 15px;
    resize: none;
    width: 100%;
    color: #2e363f;
    min-height: 130px;
}
::-webkit-input-placeholder { /* Chrome */
    color: rgba(46,54,63,0.4);
}
:-ms-input-placeholder { /* IE 10+ */
    color: rgba(46,54,63,0.4);
}
::-moz-placeholder { /* Firefox 19+ */
    color: rgba(46,54,63,0.4);
    opacity: 1;
}
:-moz-placeholder { /* Firefox 4 - 18 */
    color: rgba(46,54,63,0.4);
    opacity: 1;
}
.form-group{
    margin-bottom: 10px;
}

.c-select-field {
    position: relative;
}
.c-select-field::after {
    color: #36456A;
    content: "\f107";
    font-family: "FontAwesome";
    font-size: 18px;
    pointer-events: none;
    position: absolute;
    right: 15px;
    top: 14px;
}
.c-select-field select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: rgba(255, 255, 255, 1);
    border: 1px solid #eeecf2;
    height: 50px;
    padding: 10px 35px 10px 15px;
    width: 100%;
    color: #2e363f;
    font-size: 14px;
}

.c-select-field select option{
    padding: 5px 10px;
}

input[type=text]:focus,input[type=email]:focus,input[type=tel]:focus,input[type=password]:focus,select:focus,input[type=number]:focus{
    outline: none !important;
    box-shadow: none;
}
.radio-field-content label,.checkbox-field-content label{
    font-weight: 400;
    font-size: 14px;
    width: 55%;
    vertical-align: middle;
    padding-right: 5px !important;
}
.radio-field.full-width-field .radio-field-content label,.checkbox-field.full-width-field .checkbox-field-content label{
    width: 48%;
    float: left;
    font-weight: 500;
}
.checkbox-field.full-width-field .checkboxes-list-group{
    width: 50%;
    float: left;
    padding-left: 8px;
}
.checkbox-field.full-width-field .checkbox-inline.checkbox-standalone{
    width: 100%;
    margin: 0;
}

.radio-field-content .radio-field-group {
    padding: 0 10px;
}
.radio-field.full-width-field .radio-field-group,.main-form-block .radio-field.full-width-field .radio-field-group,
.checkbox-field.full-width-field .checkbox-field-group{
    padding: 0;
}
.checkbox-fields-content{
    display: inline-block;
    width: 100%;
    vertical-align: top;
    padding: 10px 0;
}
.checkbox-inline input{
    opacity: 0;
    z-index: 1;
    height: 20px;
    width: 20px;
    margin-top: 0;
    top: -1px;
    width: 100%;
}
.checkbox-field-group.full-width-field{
    width: 100%;
}
.checkbox-inline{
    padding-left: 25px;
    font-size: 14px;
    padding-top: 2px;
}
.checkbox-inline a{
    position: relative;
    z-index: 1;
}
.checkbox-inline input[type=checkbox] + span{
    position: absolute;
    width: 18px;
    height: 18px;
    background: url('../images/checkbox-unchecked-icon.png');
    background-repeat: no-repeat !important;
    left: 0;
    top: 1px;
    z-index: 0;
}
.checkbox-inline input[type=checkbox]:checked + span{
    background: url('../images/checkbox-checked-icon.png');
}

.radio-field-content{
    display: inline-block;
    width: 100%;
    vertical-align: top;
    padding: 10px 0;
}
.radio-field-content .radio-field-group{
    padding: 3px 10px;
}
.radio-inline input{
    opacity: 0;
    z-index: 1;
    height: 20px;
    width: 20px;
    margin-top: 0;
    top: -1px;
    width: 100%;
}

.radio-inline{
    padding-left: 25px;
    font-size: 14px;
    padding-right: 7px;
}
.radio-inline a{
    position: relative;
    z-index: 1;
}
.radio-inline input[type=radio] + span{
    position: absolute;
    width: 18px;
    height: 18px;
    background: url('../images/radio-unchecked-icon.png');
    background-repeat: no-repeat !important;
    left: 0;
    top: 1px;
    z-index: 0;
}
.radio-inline input[type=radio]:checked + span{
    background: url('../images/radio-checked-icon.png');
}
.lp-navigation{
    position: fixed;
    left: 50%;
    top:53%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 1210px;
    z-index: 1;
    pointer-events: none;
}
.lp-navigation .nav-content{
    float: right;
    pointer-events: painted;
}
.lp-navigation li{
    display: block;
    list-style: none;
    padding: 5px 0;
    height: 35px;
}
.lp-navigation li a strong{
    opacity: 0;
    font-size: 13px;
    color: #2e363f;
}
.lp-navigation li a{
    position: relative;
    padding-right: 40px;
    width: 100%;
    display: inline-block;
    text-align: right;
}
.lp-navigation li a:before{
    content: '';
    width: 8px;
    height: 8px;
    background: #2e363f;
    display: inline-block;
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
}

.lp-navigation li.active a:before{
    width: 15px;
    height: 15px;
    background: none;
    border: 3px solid #ff7e0a;
    right: 2px;
}
.lp-navigation li.active a strong{
    opacity: 1;
    visibility: visible;
    position: relative;
    top: -2px;
}
/*== Header ==*/
#main-header {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    z-index: 3;
}
.layout-header{
    background: #fff;
    transition: all 0.3s ease 0s;
}
.layout-header.fixed-header{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 3;
}

.layout-header .header-main-area{
    display: inline-block;
    width: 100%;
    vertical-align: top;
}

.layout-header .header-main-content{
    padding: 0;
    display: inline-block;
    vertical-align: top;
    width: 100%;
}
.layout-header .logo {
    float: left;
    padding: 0 15px 0 15px;
    position: relative;
    text-align: center;
    width: 240px;
    z-index: 2;
    padding-top: 20px;
    padding-bottom: 8px;
}
.layout-header .logo img{
    max-width: 100%;
}
.layout-header .logo a{
    float: left;
}
.layout-header .header-nav-links{
    float: right;
    width: calc(100% - 240px);
}
.layout-header .main-nav{
    float: left;
    width: calc(100% - 140px);
    padding-right: 15px;
    margin-top: 5px;
}
.layout-header .main-nav ul {
    padding: 0;
    float: right;
}
.layout-header ul.navbar {
    margin:0 !important;
    min-height: 45px;
    margin-top: 0;
    z-index: 2;
}
.layout-header ul.navbar li {
    display: inline-block;
    vertical-align: top;
    list-style-type: none;
    margin:0;
    padding: 0 10px;
}
.layout-header .navbar li a {
    padding: 5px 0;
    display: inline-block;
    transition: all 0.3s ease 0s;
    position: relative;
    font-size: 14px;
    color: #36456A;
}
.layout-header .navbar > li > a{
    color:#36456A;
    padding: 23px 0;
}
.layout-header ul.navbar li.c-btn a{
    color:#fff;
    padding:10px 26px;
}
.layout-header .navbar li > a:hover,.layout-header .navbar li.active > a,.layout-header .navbar li.parent-li:hover > a{
    color:#009CE4;
}
ul li.parent-li{
    position: relative;
}
ul.sub-menu li{
    display: inline-block;
    width: 100%;
}
.layout-header ul.sub-menu li{
    padding: 0;
    margin: 2px;
}
.layout-header .navbar li.btn{
    padding: 13px 10px;
    box-shadow: none;
}
.layout-header .navbar li.btn a{
    border:2px solid #33b6ff;
    padding: 7px 24px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 18px;
}
.layout-header .header-useful-links{
    float: right;
    width: 140px;
    padding-right: 15px;
    padding-top: 20px;
}
.layout-header .header-useful-links ul.icons-links{
    padding: 0;
    margin: 0;
    text-align: right;
}
.layout-header .icons-links li.link{
    list-style: none;
    vertical-align: middle;
    display: inline-block;
    padding: 0;
    font-size: 14px;
    text-align: center;
}
.layout-header .icons-links li.link a{
    padding: 5px 13px 5px 17px;
    border-left:1px solid #ccd6e5;
    display: inline-block;
    vertical-align: top;
}


/*== Header End ==*/




.modal{
    background: rgba(34, 49, 78, 0.8);
}
.modal .close {
    color: #abadb0;
    font-size: 15px;
    font-weight: 200;
    height: 38px;
    opacity: 0.8;
    position: absolute;
    right: 20px;
    text-align: right;
    text-shadow: none;
    top: 20px;
    width: 100px;
    transition: all 0.3s ease 0s;
}
.modal .close:hover {
    opacity: 1;
}
.modal .close span{
    font-size: 44px;
    display: inline-block;
    vertical-align: middle;
    font-family: 'AvenirNextLTPro-Thin';
    margin-top: -6px;
}
.modal.centered-modal {
    text-align: center;
}
.centered-modal .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle; }

.modal-dialog {
    text-align: left; }
.modal .modal-dialog {
    width: 100%;
    max-width: 690px; }
.modal .modal-dialog.modal-xs {
    max-width: 420px;
}
.modal .modal-dialog.modal-xl {
    max-width: 1120px;
    width: 100%;
}



.modal .modal-header {
    text-align: center;
    padding: 15px 20px;
}
.modal .modal-header h5 {
    letter-spacing: 1.06px;
    font-weight: 500;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.modal .modal-header.sec-style-header {
    padding-bottom: 10px;
    border-bottom: none;
}
.modal .modal-content {
    border-radius: 0;
    /*background: rgba(0, 156, 255, 0.88);*/
    background: rgba(255,255,255,1);
    /*color: #fff;*/
}
.modal .modal-body {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    padding-left: 20px;
    padding-right: 20px;
}
.modal .modal-content  {
    /*background: #fff none repeat scroll 0 0;*/
    border-radius: 6px;
    box-shadow: 0 20px 80px rgba(0, 0, 0, 0.25);
    margin: 0 auto;
    padding: 35px 20px 25px;
    text-align: center;
    width: 100%;
}
.modal-xs .modal-content{
    max-width: 415px;
}







.modal-body-content{
    display: flex;
    flex-wrap: wrap;
}

.modal-body-content .left-title-area {
    display: flex;
    width: 280px;
    text-align: left;
    padding-top: 20px;
}
.modal-body-content .logo-info-tabs-area{
    display: flex;
    width: calc(100% - 280px);
    text-align: left;
    padding-right: 30px;
}
.modal-body-content .left-title-area h2{
    font-size: 46px;
}
.logo-info-tabs-area .tabs-area-content{
    width: 100%;
}
.logo-info-tabs-area .tabs-navigation .nav-tabs {
    display: flex;
    width: 100%;
}
.logo-info-tabs-area .tabs-navigation .nav-tabs li{
    flex: 1;
}
.logo-info-tabs-area  .tabs-navigation ul.nav-tabs li a{
    min-width: 120px;
    max-width: 120px;
    color: rgba(46,54,63,0.5);
    font-weight: bold;
}
.logo-info-tabs-area  .tabs-navigation ul.nav-tabs li.active a{
    color: rgba(46,54,63,1);
}
.logo-info-tabs-area ul.nav-tabs li a i{
    display: block;
    padding-bottom: 8px;
}
.logo-info-tabs-area ul.nav-tabs li.active i{
    color: #ff7900;
}
.logo-info-tabs-area .nav-tabs li:nth-child(2){
    text-align: center;
}
.logo-info-tabs-area .nav-tabs li:nth-child(2) a{
    display: inline-block;
}
.logo-info-tabs-area .nav-tabs li:last-child{
    text-align: right;
}
.logo-info-tabs-area .nav-tabs li:last-child a{
    display: inline-block;
}
.modal-body .content-area {
    min-height: 380px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.modal-body .content-area .form{
    width: 100%;
    max-width: 360px;
    margin: 0 auto;
}

.modal-body .logo-info-tabs-area .btns-content{
    text-align: center;
    border-top: 1px solid #e5e5e5;
    padding: 25px 0 10px;
    position: relative;
}
.modal-body .logo-info-tabs-area .btns-content a.c-btn{
    height: 60px;
    padding: 14px 15px 11px;
    font-size: 20px;
    width: 100%;
    max-width: 360px;
}
.modal-body .logo-info-tabs-area .btns-content a.back-link{
    position: absolute;
    left: 0;
    top: 45px;
    color: #2e363f;
    font-size: 18px;
}
.modal-body .logo-info-tabs-area .btns-content a.back-link:hover{
    color: #009ce9;
}
.modal-footer{
    border-top: 0;
    padding-top: 30px;
}
.modal-footer .left-area{
    float: left;
}
.modal-footer .right-area {
    float: right;
}
.modal-body .input-field{
    margin-bottom: 15px;
}
.modal-body .compnayname-field input{
    background: url('../images/site-icons/logoname-icon.png');
}
.modal-body .input-field input{
    background-repeat: no-repeat !important;
    background-position: 15px 18px !important;
    padding-left: 45px;
}
.modal-body .phone-field input{
    background: url('../images/site-icons/phone-field-icon.png');
}









.logo-info-tabs-area .left-tabs-block ul{
    padding: 0;
    list-style: none;
    width: 100%;
}
.logo-info-tabs-area .left-tabs-block ul li{
    padding: 12px 10px 9px;
    border-bottom: 1px solid #e5e5e5;
    display: inline-block;
    width: 100%;
    vertical-align: top;
}

.color-selection-field a.color-box{
    display: inline-block;
    width: 38px;
    height: 26px;
    border-radius: 2px;
    background: #2e363f;
    vertical-align: middle;
}
.pane-content .tabs-content-area{
    display: flex;
    flex-wrap: wrap;
}
.pane-content .tabs-content-area > div{
    display: flex;
}
.pane-content .tabs-content-area .left-tabs-block{
    float: left;
    width: 230px;
    border-right: 1px solid #e5e5e5;
}
.pane-content .tabs-content-area .logo-preview{
    min-height: 380px;
    float: left;
    width: calc(100% - 270px);
    border-right: 1px solid #e5e5e5;
    justify-content: center;
    align-items: center;
}
.pane-content .tabs-content-area .refresh-block{
    float: left;
    width: 40px;
    text-align: center;
}
.pane-content .tabs-content-area .refresh-icon{
    width: 100%;
    padding-top: 10px;
}
.pane-content .tabs-content-area .refresh-icon i{
    cursor: pointer;
}
.pane-content .tabs-content-area .logo-preview h2{
    font-family: 'AvenirNextLTPro-Thin';
}
.left-tabs-block li .default-view{
    display: inline-block;
    vertical-align: top;
    width: 100%;
}
.left-tabs-block li .expanded-content{
    display: none;
    padding-top: 5px;
    font-size: 14px;
}
.left-tabs-block li.active .expanded-content{
    display: block;
}
.left-tabs-block .default-view .checkbox-icon{
    float: left;
    width: 24px;
    height: 24px;
    background: url('../images/site-icons/tabs-checkbox-icon.png');
    display: inline-block;
}
.left-tabs-block .default-view .heading{
    float: left;
    width: calc(100% - 24px);
    padding-left: 10px;
}

.left-tabs-block .select-field {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted #999999;
}
.left-tabs-block .row-line{
    display: inline-block;
    width: 100%;
    padding: 4px 0;
    vertical-align: top;
}
.left-tabs-block .select-field::after {
    font-family: "FontAwesome";
    content: '\f107';
    position: absolute;
    right: 2px;
    pointer-events: none;
    color: #2e363f;
    line-height: 20px;
    top: 0;
    font-size: 12px;
}
.left-tabs-block .row-line .select-field:last-of-type{
    margin-right: 0;
}
.left-tabs-block .select-field select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: rgba(255, 255, 255, 0.8);
    border: none;
    color: #313541;
    padding: 0;
    height: 20px;
    border-radius: 0;
    font-size: 14px;
    width: 100%;
    padding-right: 13px;
}
.left-tabs-block .select-field select option{
    font-size: 12px;
}
.left-tabs-block .font-family-field,.left-tabs-block .select-icon-field{
    float: left;
    width: 145px;
    margin-right: 10px;
}
.left-tabs-block .select-icon-field option {
    padding: 4px 5px !important;
    font-size: 13px;
}
.left-tabs-block .font-size-field{
    float: right;
    width: 45px;
}
.left-tabs-block .color-selection-field{
    float: left;
    width: 85px;
}
.left-tabs-block .color-selection-field.right-aligned{
    float: right;
}
.left-tabs-block .color-selection-field a{
    margin-left: 5px;
    margin-top: -2px;
}
.left-tabs-block .position-field{
    float: left;
    width: 115px;
}
.left-tabs-block .indent-field{
    float: right;
    width: 65px;
}
.left-tabs-block .blur-field{
    float: left;
    width: 45px;
}
.left-tabs-block .offset-field.right-aligned{
    float: right;
}
.left-tabs-block .offset-field .select-field:first-of-type{
    margin-right: 3px;
}
.left-tabs-block .thickness-select-field{
    float: left;
    width: 90px;
}
.left-tabs-block .font-style-buttons{
    font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
    float: right;
    border-radius: 3px;
    border: 1px solid #e6e6e6;
}
.left-tabs-block .font-style-buttons a{
    width: 36px;
    height: 26px;
    line-height: 26px;
    display: inline-block;
    vertical-align: top;
    color: #e6e6e6;
    text-align: center;
    font-size: 18px;
    font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
    float: left;
}
.left-tabs-block .font-style-buttons a.font-weight strong{
    font-weight: 500;
}
.left-tabs-block .font-style-buttons a.active{
    background: #e6e6e6;
    color: #555555;
}
.left-tabs-block .font-style-buttons a:first-of-type{
    border-right: 1px solid #e6e6e6;
}
.left-tabs-block .pattern-samples .sample{
    padding-right: 8px;
    display: inline-block;
    vertical-align: top;
    float: left;
}
.left-tabs-block .pattern-samples .pattern{
    width: 30px;
    height: 28px;
    border-radius: 4px;
    background-position: center !important;
    background-size: cover !important;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
}
.left-tabs-block .expanded-content ul.buttons-styled-li{
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    display: inline-block;
    vertical-align: top;
    width: 100%;
}
.left-tabs-block .expanded-content ul.buttons-styled-li li{
    width: 50%;
    padding: 0;
    float: left;
    border: none;
}
.left-tabs-block .buttons-styled-li a {
    text-align: center;
    display: inline-block;
    width: 100%;
    padding: 7px 10px;
    color: #2e363f;
}
.left-tabs-block .buttons-styled-li li.active a{
    background: #e6e6e6;
}
.left-tabs-block .buttons-styled-li li:first-of-type{
    border-right: 1px solid #e6e6e6;
}
.left-tabs-block .buttons-content-area{
    padding: 15px 0 5px;
}
.buttons-content-area .button-data{
    width: 100%;
    padding: 3px 0;
}
.buttons-content-area .button-data .data-content{
    display: inline-block;
    vertical-align: top;
    width: 100%;
}
#bgpatterndata{
    display: none;
}
#bgpatterndata.in{
    display: block;
}
#bgcolordata{
    display: none;
}
#bgcolordata.in{
    display: block;
}




.hero-sec{
    display: inline-block;
    width: 100%;
    vertical-align: top;
    background-position: top center !important;
    background-size: cover !important;
    overflow: visible;
}
.hero-sec .sec-content{
    padding: 100px 0 110px;
    position: relative;
    z-index: 1;
}
.hero-sec .sec-content .text-block{
    float: left;
    max-width: 705px;
    max-width: 450px;
    display: flex;
    /*min-height: 550px;*/
    min-height: 360px;
    align-items: center;
    justify-content: center;
    padding-bottom: 10px;
}
.hero-sec .text-block h1{
    font-family: 'russialight';
    line-height: 1.4;
}
.hero-sec .text-block h1 strong{
    font-family: 'russiamedium';
    display: block;
}


.sec-inner-cta{
    display: inline-block;
    width: 100%;
    vertical-align: top;
    padding: 10px 0;
    display: flex;
    flex-wrap: wrap;
}
.sec-inner-cta .cta-left-block{
    float: left;
    width: calc(100% - 280px);
    display: flex;
}
.sec-inner-cta .cta-left-block .area-content{
    width: 100%;
}
.sec-inner-cta .cta-right-scrolling-block{
    float: right;
    width: 280px;
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.sec-inner-cta .cta-left-block .top-area h6{
    /*font-size: 20px;*/
    margin: 5px;
}
.sec-inner-cta .cta-left-block .main-area{
    padding: 7px 0;
}
.sec-inner-cta .cta-left-block .input-field{
    max-width: 380px;
    display: inline-block;
    width: 100%;
    padding-right: 10px;
}
.sec-inner-cta .cta-left-block .rounded-field input{
    border-radius: 35px;
    height: 70px;
    background:#fff;
    padding: 10px 25px;
    border: none;
    font-size: 18px;
}
.sec-inner-cta .cta-left-block .btn-content{
    display: inline-block;
}
.sec-inner-cta .cta-left-block .c-btn{
    height: 70px;
    padding: 18px 30px 22px;
    border-radius: 35px;
    text-align: center;
    font-size: 22px;
    min-width: 260px;
}
.sec-inner-cta .cta-left-block form .c-btn{
    min-width: 200px;
}
.sec-inner-cta .cta-left-block .bottom-area small{
    font-size: 12px;
    padding-left: 5px;
    color: #454545;
}
.sec-inner-cta .scroll-down-link {
    /*bottom: 15px;*/
    /*color: #fff;*/
    /*font-size: 70px;*/
    /*height: 50px;*/
    /*left: 50%;*/
    /*line-height: 48px;*/
    /*margin: 0 0 0 -40px;*/
    /*position: absolute;*/
    /*text-align: center;*/
    /*text-decoration: none;*/
    /*text-shadow: 0 0 3px rgba(0, 0, 0, 0.4);*/
    /*width: 80px;*/
    /*z-index: 100;*/
    padding-top: 23px;
    padding-right: 22px;
}
.scroll-down-link a{
    color: #2e363f;
    font-family: 'Conv_AvenirNextLTProLight';
}
.scroll-down-link.white-scroll-down-link a{
    color: #fff;
}
.sec-inner-cta .scroll-down-link .icon{
    width: 30px;
    height: 50px;
    border: 1px solid #2e363f;
    display: inline-block;
    border-radius: 15px;
    text-align: center;
    padding: 0;
    line-height: 50px;
}
.sec-inner-cta .scroll-down-link .icon span.bar{
    width: 4px;
    height: 10px;
    background: #2e363f;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    display: inline-block;
    vertical-align: middle;
    animation: 2s ease-in-out 0s infinite running fade_move_down;
}
.sec-inner-cta .scroll-down-link a:hover span.bar{
    background:#009ce9;
}

.sec-inner-cta .scroll-down-link .sec-name{
    display: inline-block;
    padding-right: 10px;
    padding-top: 5px;
}
.scroll-down-link .sec-name h6{
    font-family: 'Conv_AvenirNextLTProLight';
}
.scroll-down-link .icon-area{
    text-align: right;
    width: 30px;
    float: right;
    text-align: center;
}

.sec-inner-cta .scroll-down-link.white-scroll-down-link .icon{
    border: 1px solid #fff;
}
.sec-inner-cta .scroll-down-link.white-scroll-down-link .icon span.bar{
    background: #fff;
}
.sec-inner-cta .scroll-down-link.white-scroll-down-link a:hover span.bar{
    background:#fff;
}
.sec-inner-cta .scroll-down-link .icon-area i.fas{
    padding-top: 5px;
}
@keyframes fade_move_down {
    from, 0% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
    100% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
    }
}
.fade-move-down {
    -webkit-animation-name: fade_move_down;
    animation-name: fade_move_down;
    animation-duration: 2s;
}



.hero-sec .sec-inner-cta{
    padding-top: 70px;
}


.special-offer-sec{
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: top;
}
.special-offer-sec:before{
    content: url('../images/blue-angle-right-img.png');
    display: inline-block;
    width: 878px;
    height: 650px;
    position: absolute;
    left: 0;
    top: -330px;
    z-index: 0;
}
.special-offer-sec .sec-content{
    z-index: 1;
    position: relative;
    padding: 0 0 50px;
}
.dual-title h6{
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 3.6px;
    /*font-family: 'Conv_AvenirNextLTProBold';*/
    font-family: 'Conv_AvenirNextLTProMedium';
    font-weight: 600;
}
.dual-title h6.gray-color{
    color: rgba(46,54,63,0.5);
}
.dual-title h6.greenish-color{
    color: #83ecff;
}
.dual-title h2{
    margin-top: 28px;
    font-family: 'russiaregular';
    line-height: 1.4;
    margin-bottom: 20px;
}
.dual-title p,.large-text p{
    font-size: 20px;
    line-height: 1.6;
}
.special-offer-sec .dual-title h2{
    color: #fff;
}
.special-offer-sec .title-offer-highlight-column{
    float: left;
    width: 29%;
}
.special-offer-sec .title-offer-highlight-column .column-content{
    max-width: 285px;
}
.special-offer-sec .title-offer-highlight-column strong.offer-price{
    font-size: 90px;
    color: #ff7900;
    letter-spacing: -1px;
    font-family: 'Conv_AvenirNextLTProBold';
    line-height: 1;
    margin-bottom: 25px;
    display: inline-block;
    width: 100%;
}
.special-offer-sec .title-offer-highlight-column p{
    font-size: 20px;
}
.special-offer-sec .offer-detail-box{
    float: left;
    width: 31%;
    padding: 65px 25px 30px;
}
.special-offer-sec .offer-detail-box ul{
    padding-left: 0;
    list-style: none;
}
.special-offer-sec .box-content{
    padding:30px 20px;
    background: #fff;
}
.special-offer-sec .offer-detail-box.highlighted-box .box-content{
    box-shadow: 0 -15px 15px rgba(0,0,0,0.05);
    background: #fff;
    padding:30px 40px;
    position: relative;
}
.icon-title{
    width: 100%;
    vertical-align: top;
    display: inline-block;
    margin-bottom: 10px;
}
.icon-title .icon{
    width: 48px;
    float: left;
}
.icon-title .icon img{
    width: 100%;
}
.icon-title .title{
    width: calc(100% - 48px);
    float: left;
    padding-left: 15px;
}
.icon-title .title h6{
    margin: 0;
    line-height: 1.3;
    font-family: 'Conv_AvenirNextLTProMedium';
    font-weight: 600;
}
.offer-feat-list{
    padding: 15px 0;
    position: relative;
}
ul.checked-li{
    padding-left: 0;
}
.offer-feat-list li,ul.checked-li li{
    margin-bottom: 8px;
    position: relative;
    padding-left: 23px;
    list-style: none;
}
.offer-feat-list li:before,ul.checked-li li:before{
    content: '\f00c';
    font-family: FontAwesome;
    font-size: 10px;
    position: absolute;
    left: 0;
    top: 5px;
}
.offer-detail-box .plus-icon{
    position: absolute;
    top: 40px;
    right: -19px;
    box-shadow: 0 0 10px rgba(0,0,0,0.05);
    border-radius: 50%;
    width: 38px;
    height: 38px;
    display: inline-block;
    text-align: center;
    background: #fff;
}
.offer-detail-box .plus-icon strong{
    text-align: center;
    line-height: 38px;
    font-size: 26px;
    font-family: 'russialight';
    font-family: 'Conv_AvenirNextLTProLight';
}
.price-order-now-content{
    display: inline-block;
    width: 100%;
    vertical-align: top;
    position: absolute;
    bottom: 25px;
}
.price-order-now-content strong{
    color: #ff7e0a;
    padding-right: 10px;
    font-family: 'Conv_AvenirNextLTProMedium';
    font-weight: 600;
}
.price-order-now-content a{
    text-decoration: underline;
}



.our-services-sec .sec-content{
    padding: 50px 0 150px;
}
.our-services-sec .top-title-desc{
    max-width: 760px;
}
.our-services-sec .services-list-holder{
    margin-bottom: 60px;
    display: inline-block;
    width: 100%;
    vertical-align: top;
}
.services-list-holder .list-box{
    padding-left: 0px;
    padding-right: 0px;
    text-align: center;
    perspective: 1000px;
}
.services-list-holder .list-box .box-content{
    padding: 20px 10px;
    transition: 0.6s;
    transform-style: preserve-3d;
    position: relative;
}
.services-list-holder .list-box:hover .box-content{
    transform: rotateY(180deg);
}
.services-list-holder .list-box .icon{
    margin-bottom: 10px;
}
.services-list-holder .list-box .caption{
    text-align: center;
    min-height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.services-list-holder .list-box .caption h6{
    font-family: 'Conv_AvenirNextLTProMedium';
    font-weight: 600;
}
.services-list-holder .list-box .service-feat-list{
    position: absolute;
    left: 0;
    top: 55%;
    width: 100%;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease 0s;
    box-shadow: 3px 0 13px rgba(0,0,0,0.09);
    border-radius: 20px;
    padding: 20px 5px;
    /*transform: translateY(-50%);*/
    backface-visibility: hidden;
    transform: translateY(-50%) rotateY(180deg);
}
.services-list-holder .list-box:hover .service-feat-list{
    opacity: 1;
    visibility: visible;

}
.list-box .service-feat-list ul{
    padding: 0;
    margin: 0;
    list-style: none;
}
.list-box .service-feat-list li{
    text-align: center;
    padding: 8px 0;
    border-bottom: 1px solid #e5e5e5;
    font-size: 14px;
    max-width: 145px;
    margin: 0 auto;
}
.list-box .service-feat-list li:last-of-type{
    border-bottom: none;
}
.list-box .service-feat-list .btn-content{
    text-align: center;
    max-width: 145px;
    margin: 8px auto;
}
.list-box .service-feat-list .c-btn-bordered{
    width: 100%;
}





.about-us-sec{
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: top;
    color: #fff;
    background-position: center bottom !important;
    background-repeat: no-repeat !important;
}
.about-us-sec:before{
    content: url('../images/about-us-angle-img.png');
    display: inline-block;
    width: 1400px;
    height: 1550px;
    position: absolute;
    left: 0;
    top: -430px;
    z-index: -1;
}
.about-us-sec .sec-content{
    z-index: 1;
    position: relative;
    padding: 100px 0 90px 0;
}
.about-us-sec .top-title-desc{
    max-width: 845px;
}
.achievements-list .criteria-item{
    float: left;
    width: 280px;
    padding-right: 40px;
}
.achievements-list .criteria-item:last-of-type{
    width: 230px;
    padding-right: 0;
}
.about-us-sec .achievements-list{
    min-height: 340px;
    padding: 15px;
}
.achievements-list .criteria-item h2{
    font-size: 90px;
    font-family: 'Conv_AvenirNextLTProLight';
    font-family: 'AvenirNextLTPro-Thin';
}
.achievements-list .criteria-item em{
    font-family: 'Conv_AvenirNextLTProLight';
    font-style: normal;
}



.our-work-sec{
    display: inline-block;
    width: 100%;
    vertical-align: top;
}
.our-work-sec .sec-content{
    padding: 70px 0;
}
.project-slider .slide-item{
    text-align: center;
    padding: 25px 5px;
    position: relative;
}
.project-slider .slider-content{
    position: relative;
}
.project-slider .slider-content::after {
    content: '';
    width: 244px;
    right: 0;
    top: 0;
    height: 100%;
    z-index: 0;
    position: absolute;
    background-image: -webkit-linear-gradient(to right, rgba(255,255,255,0.7) 0%, #fff 100%);
    background-image: -o-linear-gradient(to right, rgba(255,255,255,0.7) 0%, #fff 100%);
    background-image: linear-gradient(to right, rgba(255,255,255,0.7) 0%, #fff 100%);
}
.project-slider .slick-arrow,.our-work-slider-block .slick-arrow{
    position: absolute;
    bottom: 10px;
    z-index: 1;
    cursor: pointer;
}
.project-slider .slick-arrow.left-arrow:before,.our-work-slider-block .slick-arrow.left-arrow:before{
    content:url('../images/site-icons/prev-icon.png');
    width: 42px;
    height: 15px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin-top: 3px;
}
.project-slider .slick-arrow.right-arrow:before,.our-work-slider-block .slick-arrow.right-arrow:before{
    content:url('../images/site-icons/next-icon.png');
    width: 42px;
    height: 15px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin-top: 3px;
}
.slick-arrow{
    cursor: pointer;
}
.project-slider .left-arrow{
    left: 0;
}
.project-slider .right-arrow{
    left: 400px;
}
.project-slider .slide-item .item-content{
    box-shadow: 0 2px 15px rgba(0,0,0,0.06);
    border-radius: 15px;
    background: #fff;
    overflow: hidden;
    width: 100%;
}
.project-slider .slick-dots{
    position: absolute;
    width: 370px;
    bottom: 1px;
    left: 35px;
    z-index: 0;
}
.project-slider .slick-dots li{
    width: 30px;
}
.project-slider .slick-dots li button {
    font-size: 14px;
    line-height: 8px;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0px;
    color: #000;
}
.project-slider .slick-list{
    padding-top: 30px;
    padding-left: 5px;
    padding-bottom: 65px;
    border-radius: 15px;
    padding-right: 5px;
}
.project-slider .slide-item .hover-effect{
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 5px;
    top: 0;
    transform: translateY(-10px);
    width: calc(100% - 10px);
    z-index: 1;
    transition: 0.3s ease 0s;
    background: #fff;
}

/*.project-slider .slide-item:hover{*/
/*transform: translateY(-35px);*/
/*}*/
.project-slider .slide-item:hover .hover-effect{
    opacity: 1;
    display: block;
    visibility: visible;
    background: #fff;
}
.project-slider .slide-item:hover .default-logo{
    opacity: 0;
}
.project-slider .slide-item:hover .item-content{
    box-shadow: 0 2px 12px rgba(0,0,0,0.1);
    z-index: 1;
    position: relative;
}
.project-slider .slide-item:hover .project-desc{
    display: block;
}
.slide-item .project-logo .figure{
    min-height: 230px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease 0s;
}
.slide-item:hover .project-logo .figure{
    min-height: 210px;
    padding-top: 25px;
}
.slide-item .project-logo img{
    display: inline;
}
.project-slider .project-desc{
    display: none;
    padding: 5px 5px 25px;
}
.project-slider .project-desc .client{
    position: relative;
    text-align: center;
    margin-bottom: 8px;
}
.project-slider .project-desc .client:before{
    content: '';
    height: 1px;
    width: 100%;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #e5e5e5;
    z-index: 0;
}
.project-slider .project-desc .client em{
    display: inline-block;
    vertical-align: middle;
    font-style: normal;
    font-size: 10px;
    text-transform: uppercase;
    background: #fff;
    position: relative;
    z-index: 1;
    padding: 5px 8px;
    letter-spacing: 2px;
}
.project-slider .project-desc strong.client-info,.project-slider .project-desc strong.year{
    font-weight: 400;
}
.project-slider .project-desc strong.client-info{
    display: block;
}
.tabs-navigation ul.nav-tabs > li{
    margin: 0 !important;
    margin-bottom: -1px !important;
}
.tabs-navigation ul.nav-tabs > li a{
    border-radius: 0;
    border: none !important;
    margin: 0 !important;
    border-bottom: 4px solid transparent !important;
    padding: 15px 10px;
    color: #2e363f;
    text-align: center;
    min-width: 180px;
}
.our-work-sec .tabs-navigation{
    max-width: 980px;
}
.tabs-navigation ul.nav-tabs > li.active a{
    /*box-shadow: 0 3px 0 #0072ff;*/
    border-bottom: 4px solid #0072ff !important;
    font-weight: bold;
    background: none;
}
.tabs-navigation ul.nav-tabs . li:hover a{
    border: none;
}
.tabs-navigation ul.nav-tabs > li a:hover,.tabs-navigation ul.nav-tabs > li a:focus{
    background: none;
}
.tabs-navigation .has-dropdown{
    width: 185px;
    text-align: left;
    position: relative;
}
.tabs-navigation ul.nav-tabs li.has-dropdown > a{
    padding-left: 2px;
}
.tabs-navigation .has-dropdown:after{
    content:'\f107';
    font-family: FontAwesome;
    position: absolute;
    right: 12px;
    top: 17px;
}
.tabs-navigation .has-dropdown:hover:after{
    content:'\f106';
    font-family: FontAwesome;
}
.tabs-navigation .has-dropdown.in,.tabs-navigation .has-dropdown:hover{
    background: #fff;
    border-radius: 15px;
    /*width: 185px;*/
}
.tabs-navigation .has-dropdown ul.dropdown {
    position: absolute;
    top: 46px;
    list-style: none;
    width: 185px;
    left: 0;
    background: #fff !important;
    visibility: hidden;
    height: 0;
    opacity: 0;
    padding: 15px;
    text-align: left;
    z-index: 1;
    border-radius: 15px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    transform: translateY(-8px);
    transition: all 0.1s ease 0s;
}
.tabs-navigation .has-dropdown ul.dropdown li{
    display: inline-block;
    width: 100%;
    vertical-align: top;
    text-align: left;
}
.tabs-navigation .has-dropdown ul.dropdown li a{
    padding: 5px 10px;
    display: inline-block;
    width: 100%;
    vertical-align: top;
    text-align: left;
}
.tabs-navigation .has-dropdown:hover ul.dropdown,.tabs-navigation .has-dropdown.in ul.dropdown{
    opacity: 1;
    visibility: visible;
    height: auto;
    transform: translateY(0px);
}


.tabs-body .tab-pane{
    display: block;
    height: 0;
    overflow: hidden;
}
.tabs-body .tab-pane.active{
    height: auto;
}





.price-plans-sec{
    display: inline-block;
    width: 100%;
    vertical-align: top;
    position: relative;
}
.price-plans-sec:before{
    content: url('../images/grayish-large-angle-right-img.png');
    display: inline-block;
    width: 1400px;
    height: 1273px;
    position: absolute;
    left: 0;
    top: -240px;
    z-index: -1;
}
.price-plans-sec.fix-in:before{
    height: 100%;
}
.price-plans-sec .sec-content{
    padding: 50px 0 80px;
}
.price-plans-sec .price-plans-content-holder{
    max-width: 1040px;
    padding-bottom: 25px;
}
.price-services-feat-box .title-area{
    display: inline-block;
    width: 100%;
    vertical-align: top;
    padding: 10px 0;
}
.price-services-feat-box .title-area .icon{
    width: 20px;
    float: left;
}
.price-services-feat-box .title-area .heading{
    float: left;
    padding-left: 8px;
    width: calc(100% - 20px);
}
.price-services-feat-box .title-area h6{
    margin: 4px 0;
    font-family: 'Conv_AvenirNextLTProMedium';
    font-weight: 600;
    font-size: 16px;
}
.price-services-feat-box .title-area h6 .price{
    color: #ff7900;
}
.price-services-feat-box .btn-content{
    padding: 10px 0;
}
.price-services-feat-box .btn-content a.dots{
    width: 38px;
    height: 38px;
    display: inline-block;
    border-radius: 50%;
    background: #dcd5df;
    font-size: 12px;
    text-align: center;
    line-height: 40px;
    color: #303c3f;
    margin-left: 4px;
}
.price-services-feat-box .btn-content a.dots:hover{
    color: #fff;
    background: #33b6ff;
}
.price-services-feat-box{
    padding: 25px 15px 15px 0;
}
.price-services-feat-box .box-content{
    padding: 15px 0;
    padding: 15px 10px;
    border-radius: 5px;
}
.price-services-feat-box .box-content:hover {
    background: rgba(255,255,255,0.7);
    box-shadow: 0 0 15px rgba(0,0,0,0.07);
}
.price-services-feat-box .plan-key-feat-list{
    padding: 10px 0;
}
/*.price-services-feat-box .full-box-content{*/
    /*display: none;*/
    /*position: absolute;*/
    /*left: 0;*/
    /*width: calc(100% - 20px);*/
    /*top: 50%;*/
    /*transform: translateY(-50%);*/
    /*height: 0;*/
/*}*/
/*.price-services-feat-box:hover .full-box-content{*/
    /*display: block;*/
    /*height: auto;*/
/*}*/
/*.price-services-feat-box:hover .full-box-content{*/
    /*padding: 10px;*/
    /*background: #fff;*/
    /*left: 0px;*/
/*}*/
.plan-key-feat-list a.more-options{
    color: #0099ff;
    border-bottom: 1px dashed #0099ff;
}
.plan-key-feat-list a.more-options:hover{
    color: #ff7900;
}
.plan-key-feat-list a.more-options img{
    display: inline-block;
    vertical-align: middle;
    padding-right: 6px;
    margin-top: -4px;
}
.plan-key-feat-list > ul.checked-li{
    position: relative;
}
.plan-key-feat-list > ul.checked-li > li.has-more{
    padding-left: 0;
    position: static;
}
.plan-key-feat-list > ul.checked-li > li.has-more:before{
    content:none;
}
.plan-key-feat-list ul.more-feat-list{
    height: 0;
    min-height: 0;
    opacity: 0;
    visibility: hidden;
    padding: 0;
    margin: 0;
    position: absolute;
    background: #fff;
    top: 0;
    transition: all 0.3s ease 0s;
    padding: 10px;
    border-radius: 10px;
    width: calc(100% - 15px);
    box-shadow: 0 0 15px rgba(0,0,0,0.07);
}
.plan-key-feat-list ul.more-feat-list li{
    font-size: 14px;
}
.plan-key-feat-list ul.more-feat-list.in{
    min-height: 100%;
    height: auto;
    opacity: 1;
    visibility: visible;
}
.price-services-feat-box .c-btn{
    font-weight: bold;
}







.our-clients-sec{
    display: inline-block;
    vertical-align: top;
    width: 100%;
    position: relative;
    color: #fff;
}
.our-clients-sec:before{
    content: url('../images/testimonials-bg-angled.png');
    display: inline-block;
    width: 1400px;
    height: 1584px;
    position: absolute;
    left: 0;
    top: -380px;
    z-index: -1;
}
.our-clients-sec .sec-content{
    padding: 120px 0;
}

.our-clients-sec .clients-content-holder{
    max-width: 992px;
}

.testimonials-slider .client-profile-info-area{
    display: inline-block;
    width: 100%;
    vertical-align: top;
    padding: 25px 0 10px;
}
.client-profile-info-area small{
    font-family: 'AvenirNextLTPro-Thin';
    letter-spacing: 1px;
}

.testimonials-slider .client-profile-info-area .profile-pic{
    width: 90px;
    float: left;
}
.client-profile-info-area .profile-pic .figure{
    width: 80px;
    height: 80px;
    background-position: center !important;
    background-size: cover !important;
    border-radius: 50%;
    display: inline-block;
}
.testimonials-slider .client-profile-info-area .client-meta{
    float: left;
    width: calc(100% - 90px);
    padding-left: 10px;
    padding-top: 5px;
}
.client-profile-info-area .client-meta h6{
    margin-bottom: 5px;
    font-family: 'Conv_AvenirNextLTProMedium';
    font-weight: 600;
}
.testimonials-slider .message-area{
    display: inline-block;
    width: 100%;
    vertical-align: top;
    min-height: 240px;
}
.testimonials-slider .message-area .message{
    max-width: 710px;
}
.testimonials-slider .message-area p{
    font-size: 26px;
    line-height: 1.5;
    font-family: 'AvenirNextLTPro-Thin';
}
.testimonials-slider .message-area .text-adjustment p {
    font-size: 18px;
    line-height: 1.4;
}
.testimonials-slider.project-slider .slick-dots li{
    width: 30px;
}
.project-slider .slick-dots li button {
    font-size: 14px;
    line-height: 8px;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0px;
    color: #000;
}
.testimonials-slider .slick-dots li,.our-work-slider-block .slick-dots li{
    width: 45px;
    height: 40px;
    line-height: 30px;
    text-align: center;
}
.testimonials-slider .slick-dots li button,.our-work-slider-block .slick-dots li button {
    font-size: 14px;
    line-height: 8px;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0px;
    /*color: #000;*/
    color: #fff;
    height: 50px;
    line-height: 50px;
    display: inline-block;
}
.testimonials-slider .slider-content,.our-work-slider-block .block-content{
    padding-bottom: 50px;
    margin-bottom: 15px;
}
.testimonials-slider .slick-dots,.our-work-slider-block .slick-dots{
    text-align: left;
    border-top: 1px solid rgba(255,2555,255,0.3);
    bottom: 0;
    padding-left: 30px;
}
.our-work-slider-block .slick-dots{
    border-top: 1px solid #acacac;
}
.testimonials-slider .slick-dots li button{
    color: #fff;
}
.our-work-slider-block .slick-dots li button{
    color: #000;
}
.testimonials-slider .slick-dots li button:before,.our-work-slider-block .slick-dots li button:before{
    content: none;
}
.testimonials-slider .slick-dots li.slick-active,.our-work-slider-block .slick-dots li.slick-active{
    box-shadow: 0 -2px 0px #ff7900;
}

.before-footer-sec{
    display: inline-block;
    width: 100%;
    vertical-align: top;
}
.before-footer-sec .sec-content{
    padding: 50px 0;
}
.before-footer-sec .before-footer-content-holder{
    max-width: 1020px;
    display: flex;
    flex-wrap: wrap;
}
.before-footer-content-holder .top-title-desc{
    width: calc(100% - 290px);
    float: left;
    display: flex;
}
.before-footer-content-holder .btn-content{
    float: left;
    width: 290px;
    display: flex;
    align-items: end;
    padding-bottom: 25px;
}



.footer{
    font-size: 14px;
    display: inline-block;
    width: 100%;
    vertical-align: top;
    position: relative;
}
/*.footer:before{*/
    /*content: url("../images/footer-before.svg");*/
    /*position: absolute;*/
    /*bottom: 100%;*/
    /*width: 100%;*/
    /*height: 30vw;*/
    /*z-index: -1;*/
/*}*/
.footer ul{
    padding: 0;
}
.footer li{
    list-style: none;
}
.footer .footer-main-content{
    padding: 40px 0;
}
.footer .column .heading{
    padding: 10px 0 5px;
}
.footer .column .heading h6{
    text-transform: uppercase;
    color: rgba(0,0,0,0.5);
    font-size: 14px;
}
.footer li a{
    color: #2e363f;
}
.footer li a:hover{
    color: #33b6ff;
}
.footer-nav-block{
    width: 80%;
    float: left;
}
.footer-nav-block .block-content{
    display: flex;
}
.footer-nav-block .block-content .column{
    flex: 1;
    padding: 0 10px;
}
.footer .useful-links li a{
    padding: 5px 0;
    display: inline-block;
    vertical-align: top;
    /*width: 100%;*/
}

.copyright-block{
    float: right;
    width: 20%;
    padding-top: 50px;
    padding-right: 25px;
    padding-bottom: 30px;
}
.copyright-block .block-content{
    float: right;
    max-width: 130px;
    text-align: right;
}
.copyright-block .block-content small{
    line-height: 2.7;
}
.footer .social-links{
    padding: 8px 0;
}
.footer .social-links a{
    display: inline-block;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: rgba(102,102,102,0.2);
    color: #666666;
    text-align: center;
    line-height: 26px;
    margin-right: 7px;
    font-size: 13px;
}
.footer .social-links a:hover{
    background: #33b6ff;
    color: #fff;
}
.footer .social-links a:last-of-type{
    margin-right: 0;
}
.footer #backToTop{
    display: inline-block;
    width: 100%;
    vertical-align: top;
    padding: 15px 0 10px;
    text-align: right;
    color: #2e363f;
}
.footer #backToTop:hover{
    color: #33b6ff;
}
.section .sec-content,.before-footer-sec .sec-content{
    padding-left: 15px;
    padding-right: 15px;
}




.innerpage-hero-sec{
    display: inline-block;
    width: 100%;
    vertical-align: top;
    position: relative;
    background-repeat: no-repeat !important;
    background-position: center !important;

}
.innerpage-hero-sec:before{
    content: url("../images/branding-hero-img.png");
    display: inline-block;
    width: 1400px;
    height: 675px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
}
.logo-design-hero-sec:before{
    content: url("../images/logo-design-hero-img.png");
}
.web-design-hero-sec:before{
    content: url("../images/web-design-hero-img.png");
}
.portfolio-hero-sec:before{
    content: url('../images/portfolio-hero-img.png');
}
.faq-hero-sec:before{
    content: url('../images/faq-hero-img.png');
}
.seo-services-hero-sec:before{
    content: url('../images/seo-hero-img.png');
}
.blog-hero-sec:before{
    content: url('../images/blog-hero-img.png');
}
.innerpage-hero-sec .sec-content {
    padding: 100px 0 20px;
    position: relative;
    z-index: 1;
}
.innerpage-hero-sec .sec-content .text-block{
    padding-left: 260px;
    padding-top: 25px;
    padding-bottom: 50px;
}
.innerpage-hero-sec .text-block .block-content{
    max-width: 540px;
}
.innerpage-hero-sec .text-block .short-desc{
    display: flex;
    align-items: center;
    min-height: 65px;
}
.innerpage-hero-sec .short-desc p{
    font-size: 20px;
}
.separate-blocks-sec .sec-content{
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: top;
}
/*.separate-blocks-sec .block-content{*/
    /*padding-bottom: 300px;*/
/*}*/
.separate-blocks-sec .aside-block{
    float: left;
    width: 320px;
    background: #37bbff;
    color: #fff;
    max-width: 320px;
    position: absolute;
    height: 100%;
}
.separate-blocks-sec .aside-block::before {
    height: 300px;
    width: 100%;
    content: '';
    background: #37bbff;
    position: absolute;
    top: -300px;
    z-index: -1;
}
.separate-blocks-sec .aside-block::after {
    height: 116px;
    width: 100%;
    /*content: '';*/
    background: #37bbff;
    position: absolute;
    bottom: 0px;
    z-index: 1;
    content: url("../images/sidebar-bottom-img.png");
}
.separate-blocks-sec .aside-block .block-content{
    float: right;
    max-width: 230px;
    width: 100%;
}
.separate-blocks-sec .main-block{
    float: right;
    width: 100%;
    padding-left: 340px;
    padding-top: 110px;
    padding-right: 25px;
}
.separate-blocks-sec .main-block .block-content{
    max-width: 1010px;
}
.main-block .spotlight-title-desc{
    max-width: 810px;
}

.main-block .our-clients-sec .sec-content{
    padding-bottom: 0;
}
.main-block .our-clients-sec .dual-title h2{
    color: #2e363f;
}
.main-block .our-clients-sec .dual-title{
    padding-bottom: 20px;
}
.main-block .our-clients-sec::before{
    top:-54px;
    left: -25px;
    content: url("../images/testimonial-bg-angled-2.png");
}

.main-block .testimonials-slider .message{
    max-width: 800px;
}
.testimonials-slider .message-area{
    min-height: 190px;
}
.main-block .main-text p{
    font-size: 20px;
    line-height: 1.6;
}
.benefits-columns-sec{
    display: inline-block;
    width: 100%;
    vertical-align: top;
    padding: 15px 0 50px;
}
.icon-aside-heading-desc-columns-list .list-column{
    margin-bottom: 10px;
}
.icon-aside-heading-desc-columns-list .list-column p{
    font-size: 14px;
    line-height: 1.7;
}
.icon-aside-heading-desc-columns-list .list-column li{
    font-size: 13px;
    line-height: 1.6;
}
.icon-aside-heading-desc-columns-list .list-column .desc{
    /*min-height: 190px;*/
    padding: 10px 0;
}
.columns-holding-row{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    flex-wrap: wrap;
}
.icon-aside-heading{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    padding: 10px 0;
}
.icon-aside-heading.icon-stand-alone{
    display: inline-block;
    width: 100%;
    vertical-align: top;
}
.icon-aside-heading .icon{
    width: 105px;
    float: left;
}
.icon-aside-heading.icon-stand-alone .icon{
    width: auto;
    max-width: 120px;
}
.icon-stand-alone .icon{
    display: block;
}
.icon-aside-heading .icon img{
    max-width: 100%;
}
.icon-aside-heading .heading{
    align-items: center;
    display: flex;
    padding-left: 10px;
}
.icon-aside-heading.icon-stand-alone .heading{
    display: block;
    clear: both;
}
.icon-aside-heading .heading h6{
    line-height: 1.4;
}
.brand-marketing-sec{
    display: inline-block;
    vertical-align: top;
    width: 100%;
    padding: 40px 0;
    position: relative;
}
.brand-marketing-sec:before{
    content:url('../images/key-bg-img.png');
    position: absolute;
    display: inline-block;
    top: -450px;
    right: -80px;
    z-index: -1;
}
.company-best-qualities-sec{
    padding-top: 80px;
}
.company-best-qualities-sec:before{
    content:url('../images/company-best-qualities-img.png');
    top: -70px;
    right: 0;
}
.icons-caption-list{
    display: inline-block;
    width: 100%;
    vertical-align: top;
    padding: 35px 0;
}
.icons-caption-list .list-content{
    display: flex;
}
.icons-caption-list .icon-caption-column{
    flex: 1;
    text-align: center;
}
.icons-caption-list .icon-caption-column .column-content{
    max-width: 250px;
    margin: 0 auto;
}
.icons-caption-list .icon-caption-column .icon{
    margin-bottom: 10px;
}
.icons-caption-list .icon-caption-column .caption{
    padding: 10px 0;
    min-height: 130px;
    display: flex;
    justify-content: center;
    align-content: center;
}
.icon-caption-column .caption h6{
    line-height: 1.6;
    font-family: 'Conv_AvenirNextLTProMedium';
    font-weight: 600;
}
.work-example-sec{
    display: inline-block;
    width: 100%;
    vertical-align: top;
    padding-bottom: 30px;
}
.our-work-slider-block .slide-item{
    padding: 10px 5px;
}
.our-work-slider-block .block-content{
    padding-bottom: 75px;
}
.our-work-slider-block.project-slider .slide-item .hover-effect{
    transform: translateY(-20px);
}

.our-work-slider-block .slide-item .figure{
    max-width: 328px;
    border: 4px;
    box-shadow: 0 2px 16px rgba(82,60,130,0.1);
    border-radius: 15px;
    overflow: hidden;
    padding: 5px;
    background: #fff;
}
.our-work-slider-block.project-slider .slide-item .figure{
    box-shadow: none;
    margin: 0 auto;
}
.our-work-slider-block.project-slider .slick-dots{
    width: 100%;
}
.our-work-slider-block.project-slider .block-content{
    padding-bottom: 30px;
}
.our-work-slider-block.project-slider .slick-list{}
.our-work-slider-block .slide-item .figure img{
    width: 100%;
    border-radius: 15px;
}
.our-work-slider-block .left-arrow{
    left: 0;
}
.our-work-slider-block .right-arrow{
    left: 300px;
}
.aside-nav.sticked{
    position: fixed;
    top: 120px;
    width: 100%;
    max-width: 230px;
}
.aside-nav ul{
    padding: 0;
    list-style: none;
}
.aside-nav li{
    border-bottom: 1px solid #87d6ff;
}
.aside-nav li.active{
    border-bottom: 1px solid transparent;
}
.aside-nav li a{
    color: #fff;
    padding: 24px 25px 25px 0;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    position: relative;
    border-right: 5px solid transparent;
    transition: all 0.3s ease 0s;
}
.aside-nav li.active a,.aside-nav li.active a:hover{
    background: #1e99d8;
    border-right: 5px solid #ff7900;
}
.aside-nav li.active a:after{
    content: '\f105';
    font-family: FontAwesome;
    font-size: 14px;
    color: #fff;
    position: absolute;
    right: 20px;
    top: 51%;
    transform: translateY(-50%);
}
.aside-nav li a:hover{
    border-right: 5px solid #ff7900;
}
.aside-nav li.active a:before{
    height: 100%;
    left: -30px;
    width: 30px;
    position: absolute;
    top: 0;
    display: inline-block;
    content: '';
    background: #1e99d8;
}

.numeric-column-list{
    display: inline-block;
    vertical-align: top;
    width: 100%;
    padding: 30px 0;
}
.numeric-column-list .numeric-column{
    float: left;
    width: 85px;
    border-left:1px solid #f7f7f7;
    border-right: 1px solid #f7f7f7;
    position: relative;
}
.numeric-column-list .numeric-column.in{
    width: 54%;
}
.numeric-column .digit{
    width: 85px;
    text-align: center;
    float: left;
}
.numeric-column .digit .digit-content{

}
.numeric-column .digit strong{
    font-size: 50px;
    color: #ff7900;
}
.numeric-column .numeric-desc-block{
    display: none;
    float: left;
    width: calc(100% - 85px);
    padding: 5px 15px 15px 0;
}
.numeric-column.in .numeric-desc-block{
    display: block;
}
.numeric-column .numeric-desc-block h6{
    line-height: 1.4;
    margin: 0;
    font-family: 'Conv_AvenirNextLTProMedium';
    font-weight: 600;
}
.numeric-column .numeric-desc-block .desc{
    padding: 15px 0;
}
.numeric-column .numeric-desc-block .block-content{
    max-width: 380px;
}
.numeric-column .numeric-desc-block p{
    font-size: 14px;
    line-height: 1.6;
}
.numeric-column.in:after{
    content: '\f105';
    font-family: FontAwesome;
    font-size: 34px;
    color: #ff7900;
    position: absolute;
    right: 30px;
    top: 10px;

}
.select-category-block{
    display: inline-block;
    width: 100%;
    vertical-align: top;
    padding: 15px 0;
}

.rounded-select-field {
    position: relative;
    display: inline-block;
    background-color: #ffffff;
    border: 1px solid #eeecf2;
    width: 385px;
    height: 60px;
    line-height: 60px;
    border-radius: 30px;
}
.rounded-select-field ul{
    padding: 0;
    list-style: none;
}
/*.rounded-select-field::after {*/
    /*font-family: "FontAwesome";*/
    /*content: '\f0d7';*/
    /*position: absolute;*/
    /*right: 20px;*/
    /*pointer-events: none;*/
    /*color: #1293CD;*/
    /*line-height: 42px;*/
    /*top: 0; }*/




.rounded-select-field .dropdown-toggle {
    padding-right: 30px;
    padding-left: 20px;
    display: inline-block;
    width: 100%;
    vertical-align: top;
    color: rgba(46,54,63,0.4);
    font-size: 18px;
}
.rounded-select-field .dropdown-toggle .caret-sign {
    position: absolute;
    right: 25px;
    top: 0%;
    color: #ff7900;
    font-size: 28px;
    font-family: 'AvenirNextLTPro-Thin';
}
.rounded-select-field .dropdown-menu{
    width: 100%;
    box-shadow: none;
    border: 1px solid #eeecf2;
    padding: 20px 10px;
    border-radius: 20px;
}
.rounded-select-field .dropdown-menu li{
    line-height: normal;
}
.rounded-select-field .dropdown-menu li a{
    padding: 8px 10px;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    color: rgba(46,54,63,0.4);
    font-size: 16px;
}
.portfolio-list-block{
    display: inline-block;
    vertical-align: top;
    width: 100%;
    padding: 30px 0;
}
.portfolio-holding-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}
.portfolio-item{
    padding: 7px;
    margin-bottom: 10px;
}
.portfolio-item a{
    color: #2e363f;
}
.portfolio-item .figure{
    padding: 4px;
    box-shadow: 0 2px 16px rgba(82,60,130,0.13);
    border-radius: 15px;
    background: #fff;
}
.portfolio-item .figure .image{
    border-radius: 15px;
    overflow: hidden;
}
.portfolio-item .figure img{
    width: 100%;
    transition: all 0.3s ease 0s;
}
.portfolio-item:hover .figure img{
    transform: scale(1.1);
}
.portfolio-item .caption{
    text-align: center;
    padding: 10px 0;
}
.portfolio-item .caption h6{
    font-size: 18px;
    font-family: 'Conv_AvenirNextLTProMedium';
    font-weight: 600;
    margin: 5px 0;
}
.pagination-block{
    display: inline-block;
    vertical-align: top;
    padding: 20px 0 10px;
    width: 100%;
}
.pagination-block .pagination-content{
    text-align: left;
    border-top: 1px solid rgba(0,0,0,0.1);
    /*bottom: 0;*/
    /*padding-left: 30px;*/
}
.pagination-block a{
    color: #2e363f;
    width: 45px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
}
.pagination-block span.prev,.pagination-block span.next{
    width: 65px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
}
.pagination-block a img{
    margin-top: -5px;
}
.pagination-block a.active {
    box-shadow: 0 -2px 0px #ff7900;
}
.pagination-block.bluish-active a.active{
    box-shadow: 0 -2px 0px #0099ff;
}
.categories-icon-heading-column-sec{
    padding: 20px 0;
}
.webdesign-buildwebiste-sec:before{
    content:url("../images/web-design-whatwedo-illustration.png");
    left: -20px;
    top: -155px;
}
.seo-sem-icons-sec:before{
    content:url("../images/seo-items-bg-img.png");
    top: -155px;
}
.webdesign-buildwebiste-sec .icon-caption-column{
    position: relative;
}
.webdesign-buildwebiste-sec .icon-caption-column:after{
    height: 80%;
    right: 0;
    width: 1px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    content: '';
    background: #cfcfd9;
}
.webdesign-buildwebiste-sec .icon-caption-column:last-of-type:after{
    content: none;
}

.heading-desc-columns-block{
    display: inline-block;
    width: 100%;
    vertical-align: top;
}
.heading-desc-columns-block .heading-desc-column{
    padding: 15px;
}
.heading-desc-columns-block .heading-desc-column h6{
    line-height: 1.6;
    font-family: 'Conv_AvenirNextLTProMedium';
    font-weight: 600;
}
.heading-desc-columns-block .heading-desc-column p{
    font-size: 14px;
}
.heading-desc-columns-block .heading-desc-column .heading{
    padding-bottom: 20px;
    margin-bottom: 15px;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    position: relative;
}
.heading-desc-columns-block .heading-desc-column .heading:after{
    content: url('../images/site-icons/header-wave-style-img.png');
    position: absolute;
    bottom: 0;
    left: 0;
}

.search-block{
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin-bottom: 10px;
}
.search-block .search-block-content{
    max-width: 520px;
}
.search-block .search-input-field{
    max-width: 405px;
    float: left;
    width: 100%;
}
.search-block .icon-btn{
    float: left;
    width: 115px;
    padding: 0 15px;
    text-align: center;
}
.search-block .icon-btn button{
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: inline-block;
    line-height: 60px;
    color: #fff;
    background-image: -webkit-linear-gradient(to right, #37bbff 0%, #0072ff 100%);
    background-image: -o-linear-gradient(to right, #37bbff 0%, #0072ff 100%);
    background-image: linear-gradient(to right, #37bbff 0%, #0072ff 100%);
    border: none;
    font-size: 20px;
    box-shadow: 0 4px 10px rgba(37,164,255,0.34);
}
.search-block .icon-btn button:hover{
    background-image: -webkit-linear-gradient(to right, #0072ff 0%, #37bbff 100%);
    background-image: -o-linear-gradient(to right, #0072ff 0%, #37bbff 100%);
    background-image: linear-gradient(to right, #0072ff 0%, #37bbff 100%);
}



.faq-block{
    display: inline-block;
    width: 100%;
    vertical-align: top;
    padding: 40px 0;
}
.faq-block .faq-list{
    margin: 0 auto;
    max-width: 1040px;
    text-align: left;
}
.faq-block .faq {
    margin-bottom: 0px;
    overflow: hidden;
    border-bottom: 1px solid #eeecf2;
}
.faq-block .faq.in{
    background: #eef1fa;
    border-color: #fff;
}
.faq-block .faq .faq-title {
    position: relative;
    z-index: 0;
    font-size: 20px;
}
.faq-block .faq .faq-title a {
    background-color: transparent;
    color: #2e363f;
    cursor: pointer;
    display: inline-block;
    padding: 25px 30px 27px 64px;
    vertical-align: top;
    width: 100%;
    font-family: 'Conv_AvenirNextLTProMedium';
    font-weight: 600;
}
.faq-block .faq .faq-title a:before{
    content: url("../images/site-icons/faq-question-icon.png");
    position: absolute;
    left: 16px;
    top: 24px;
}
.faq-block .faq.in .faq-title a:before{
    content: url("../images/site-icons/faq-tick-icon.png");
}
.faq-block .faq:first-of-type{
    border-top: 1px solid #eeecf2;
}
.faq-block .faq .faq-title span.sign {
    color: #fff;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 50px;
    color: #ff7900;
    font-family: 'russiaregular';
}
.faq-block .faq .faq-body {
    height: 0;
    overflow: hidden;
    padding: 0 15px 0 64px;
    /*transform: translateY(-20px);*/
    transition: all 0.3s ease 0s;
    font-weight: 200;
    z-index: 0;
}
.faq-block .faq .faq-body.open {
    height: auto;
    margin-top: -20px;
    padding: 0px 15px 20px 64px;
    transform: translateY(0%);
}
.faq-block ul.faq-list{
    padding-left:0;
}
.faq-block .faq .faq-body p{
    max-width: 800px;
}






.main-block .chat-contact-sec{
    padding: 70px 0 10px;
}
.main-block .chat-contact-sec{
    position: relative;
}
.main-block .chat-contact-sec::before{
    content: url("../images/faq-contact-bg-img.png");
    left: -20px;
    position: absolute;
    top: -88px;
    z-index: -1;
}
.chat-contact-sec .contact-info-block{
    display: inline-block;
    vertical-align: top;
    width: 100%;
}
.contact-info-block .block-content{
    min-height: 250px;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin-top: 100px;
    padding-top: 25px;
}
.contact-info-block .contact-column{
    float: left;
    width: 25%;
    padding-right: 10px;
}
.contact-info-block .contact-column.large-column{
    width: 50%;
}
.contact-column .heading{
    padding: 10px 0;
    min-height: 80px;
}
.contact-column .heading h6{
    font-family: 'Conv_AvenirNextLTProMedium';
    font-weight: 600;
}
.contact-column .contact-info-detail{
    display: flex;
    width: 100%;
    font-size: 20px;
    line-height: 1.6;
}
.contact-column .contact-info-detail .info{
    flex: 1;
}
.contact-column .contact-info-detail em{
    font-style: normal;
}
.contact-info-block .contact-column .strong-link a{
    color: #2e363f;
    font-family: 'Conv_AvenirNextLTProMedium';
    font-weight: 600;
}
.contact-column .social-links ul{
    padding: 0;
    list-style: none;
}
.contact-column .social-links a{
    color: #2e363f;
}
.contact-column .social-links a i{
    width: 18px;
    height: 18px;
    text-align: center;
    font-size: 10px;
    color: #fff;
    background: #b2b4bd;
    border-radius: 50%;
    line-height: 19px;
    vertical-align: middle;
}
.contact-column .social-links a:hover i{
    background: #33b6ff;
}



.angled-hero-sec .sec-content{
    padding: 100px 0 20px;
}
.angled-hero-sec .text-block{
    padding-left: 0;
    padding-top: 30px;
    padding-bottom: 5px;
    min-height: 245px;
    display: flex;
    align-items: center;
}
.angled-hero-sec{
    position: relative;
}
.angled-hero-sec:after{
    left: 0;
    top: 0;
    position: absolute;
    z-index: -1;
}
.our-clients-hero-sec:after{
    content: url("../images/our-clients-hero-img.png");
}
.contact-hero-sec::after{
    content: url("../images/contact-hero-img.png");
}
.our-clients-page-testimonials:before{
    content: url('../images/clients-bg-img.png');
    top: -10px;
}
.our-clients-page-testimonials .sec-content{
    padding-top: 150px;
}

.our-clients-page-testimonials .dual-title h2{
    min-height: 170px;
}

.our-clients-page-testimonials .clients-content-holder{
    padding-left:15px;
    padding-right: 15px;
}

.our-clients-page-testimonials .message-area .message{
    max-width: 100%;
}
.our-clients-page-testimonials .message-area{
    min-height: 210px;
}

.angled-hero-sec .text-block .short-desc {
    display: flex;
    align-items: center;
    min-height: 70px;
    font-size: 18px;
}
.contact-main-sec{
    display: inline-block;
    vertical-align: top;
    width: 100%;
    padding: 130px 0 50px;
}
.contact-main-sec .spotlight-title-desc{
    margin-bottom: 25px;
}
.contact-main-sec .contact-block-area{
    padding-top: 25px;
    padding-bottom: 15px;
}
.contact-main-sec .contact-block-area .contact-area-holder{
    display: flex;
    flex-wrap: wrap;
}
.contact-main-sec .contact-block-area .contact-column-area{
    display: flex;
    float: left;
}
.contact-main-sec .contact-block-area .offices-address-column{
    width: 37%;
    padding-right: 30px;
}
.contact-main-sec .contact-block-area .form-column{
    width: 37%;
    padding: 0 30px;
    border-left: 1px solid #eeecf2;
    border-right: 1px solid #eeecf2;
}
.contact-main-sec .form-column .column-content{
    width: 100%;
    display: inline-block;
    vertical-align: top;
}
.contact-column-area .contact-form{
    padding: 45px 0 5px;
}
.contact-main-sec .form-column .input-field,.contact-main-sec .form-column .texarea-field{
    margin-bottom: 20px;
}
.contact-main-sec .form-column .input-field input,.contact-main-sec .form-column textarea{
    max-width: 400px;
    width: 100%;
    border-width: 2px;
    background-position: 10px center !important;
    background-repeat: no-repeat !important;
    padding-left: 45px;
}
.contact-main-sec .form-column textarea{
    background-position: 10px 12px !important;
}
.contact-main-sec .form-column textarea{
    min-height: 175px;
}
.input-field.person-field input{
    background: url("../images/site-icons/form-person-icon.png");
}
.input-field.email-field input{
    background: url("../images/site-icons/form-envelope-icon.png");
}
.input-field.subject-field input{
    background: url("../images/site-icons/form-subject-icon.png");
}
.texarea-field textarea{
    background: url("../images/site-icons/form-message-icon.png");
}
.contact-main-sec .form-column .c-btn{
    width: 100%;
    max-width: 400px;
    height: 60px;
    border-radius: 30px;
    font-size: 22px;
}
.contact-main-sec .form-column .btn-content{
    display: inline-block;
    width: 100%;
    vertical-align: top;
}
.contact-main-sec .contact-block-area .contact-info-column{
    width: 26%;
    padding-left: 30px;
}
.contact-column-area .office{
    width: 100%;
    display: inline-block;
    vertical-align: top;
    padding: 30px 0;
    border-bottom: 1px solid #eeecf2;
}
.contact-column-area .office:last-of-type{
    border-bottom: none;
}
.contact-column-area .office .feat-img{
    width: 150px;
    float: left;
}
.contact-column-area .office .feat-img img{
    border-radius: 50%;
    overflow: hidden;
    width: 150px;
    height: 150px;
}
.contact-column-area .office .office-location-info{
    float: right;
    width: calc(100% - 150px);
    padding-left: 20px;
    max-width: 240px;
    line-height: 1.6;
    padding-right: 10px;
    font-size: 20px;

}
.office .office-location-info strong{
    display: block;

}
.office .office-location-info p a{
    display: block;
}
.contact-main-sec .contact-info-column .column-content{
    max-width: 215px;
}
.contact-main-sec .contact-info-column .contact-links-area{
    padding: 25px 0;
}
.contact-info-column .contact-links-area > .content{
    margin-bottom: 35px;
    font-size: 20px;
}
.contact-info-column .social-links ul{
    padding: 15px 0;
    list-style: none;
}
.contact-info-column .social-links li{
    margin-bottom: 14px;
}
.contact-info-column .social-links a{
    color: #2e363f;
}
.contact-info-column .social-links i{
    width: 30px;
    height: 30px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background: #eeecf2;
    border-radius: 50%;
    line-height: 30px;
    vertical-align: middle;
    margin-right: 5px;
    margin-top: -1px;
}
.contact-info-column .social-links a:hover i{
    background: #33b6ff;
    color: #fff;
}
.list-feat-wrap-aside-desc{
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin-bottom: 30px;
}
.list-feat-wrap-aside-desc .text-block{
    float: left;
    width: 50%;
    padding-right: 35px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.list-feat-wrap-aside-desc .text-block p{
    font-size: 20px;
    line-height: 1.5;
}
.list-feat-wrap-aside-desc .list-wrap-block{
    float: left;
    width: 50%;
    padding-left: 20px;
    padding-right: 15px;
}
.list-wrap-block .block-content{
    background: #e4edfd;
    padding: 30px 35px;
    position: relative;
}
.list-wrap-block .block-content:before{
    content:url('../images/wrap-angle-edge.png');
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
}
.list-wrap-block .block-content:after{
    content:url('../images/thumbsup-bg-img.png');
    display: inline-block;
    position: absolute;
    right: 0;
    top: 50px;
    z-index: 0;
}
.list-wrap-block .block-content *{
    z-index: 1;
    position: relative;
}
.list-wrap-block .block-content h6{
    margin-bottom: 20px;
}
.list-wrap-block ol{
    list-style: none;
    padding: 5px 0 0;
}
.list-wrap-block ol li{
    margin-bottom: 12px;
    font-size: 20px;
}
.list-wrap-block ol li:last-of-type{
    margin-bottom: 0;
}
.list-wrap-block ol li em{
   color: #ff7900;
    padding-right: 18px;
    font-weight: bold;
    font-style: normal;
}
.digit-list-detail-content{
    display: inline-block;
    vertical-align: top;
    width: 100%;
    padding: 40px 0 20px;
}
.digit-list-detail-content .content-area{
    border-top: 8px solid #ff7900;
    padding: 30px 0;
    display: inline-block;
    vertical-align: top;
    width: 100%;
}
.digit-list-detail-content .digit-title-area{
    padding-left: 0;
}
.digit-list-detail-content .digit-title-content .digit{
    position: absolute;
    left: 0px;
    top: -76px;
    background: rgb(255, 255, 255) none repeat scroll 0% 0%;
    width: 80px;
    text-align: left;
    font-size: 50px;
    font-family: 'Conv_AvenirNextLTProBold';
    /*font-weight: 600;*/
    color: #ff7900;
    line-height: 70px;
}
.digit-title-content .digit strong{
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: 8px solid #ff7900;
    display: inline-block;
    vertical-align: middle;
    line-height: 54px;
    text-align: center;
}
.digit-item-desc-holder{
    display: flex;
    flex-wrap: wrap;
}
.digit-item-desc-holder .digit-desc-item{
    margin-bottom: 15px;
}
.digit-title-content .title h6{
    line-height: 1.4;
}
.digit-desc-item .digit-heading{
    display: inline-block;
    vertical-align: top;
    width: 100%;
     margin-bottom: 10px;
}
.digit-desc-item .digit-heading h6{
    font-family: 'Conv_AvenirNextLTProLight';
    line-height: 1.4;
}
.digit-desc-item .digit-heading h6 strong{
    font-family: 'Conv_AvenirNextLTProMedium';
    font-weight: 600;
    padding-right: 5px;
}
.digit-desc-item .text p{
    font-size: 14px;
    line-height: 1.7;
}
.digit-item-desc-holder .digit-desc-item ul{
    padding: 0;
}
.digit-item-desc-holder .digit-desc-item li{
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 1.7;
}


.package-detail-feat-box{
    padding:0;
}
.package-detail-feat-box:nth-last-child(2),.package-detail-feat-box:last-of-type{
    border-bottom: 1px solid rgba(0,0,0,0.10);
    margin-bottom: 40px;
}
.package-detail-feat-box .box-content{
    padding: 0;
}

.package-detail-feat-box .title-area{
    padding-bottom: 0;
    padding-top: 0;
}
.package-detail-feat-box .package-heading{
    border-top: 1px solid rgba(0,0,0,0.10);
    border-bottom: 1px solid rgba(0,0,0,0.10);
    padding: 25px 5px;
    text-align: center;
}
.package-detail-feat-box .package-heading h6{
    text-transform: uppercase;
    font-family: 'Conv_AvenirNextLTProMedium';
    font-weight: 600;
    letter-spacing: 5px;
    font-size: 20px;
}
.package-detail-feat-box .plan-key-feat-list{
    border-right: 1px solid rgba(0,0,0,0.10);
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}
.best-seller-package .plan-key-feat-list:before{
    position: absolute;
    right: 0;
    top: -7px;
    content: '';
    background: url("../images/best-seller-tag.png");
    display: inline-block;
    width: 90px;
    height: 84px;
}
.package-detail-feat-box:nth-child(2n) .plan-key-feat-list{
    border-right: none;
}
.plan-key-feat-list-content{
    max-width: 245px;
    margin: 0 auto;
}
.plan-key-feat-list-content .plan-price{
    text-align: center;
    padding: 25px 10px;
    border-bottom: 1px solid rgba(0,0,0,0.10);
    display: block;
}
.plan-key-feat-list-content .plan-price strong{
    font-size: 26px;
    color: #0099ff;
    font-family: 'Conv_AvenirNextLTProMedium';
    font-weight: 600;
}
.package-detail-feat-box .checked-li{
    padding: 20px 0 0;
    position: relative;
}
.package-detail-feat-box .checked-li > li.has-more{
    position: static;
}
.package-detail-feat-box .checked-li > li.has-more:before{
    content: none;
}
.package-detail-feat-box .checked-li .more-feat-list{
    left: 0;
}
.package-detail-feat-box .plan-key-feat-list-content .btn-content{
    padding: 25px 0;
}
.package-detail-feat-box .plan-key-feat-list-content .btn-content a{
    width: 100%;
    padding: 12px 10px;
    border-radius: 35px;
    font-size: 20px;
}

.blog-hero-sec{
    min-height: 550px;
}

.blog-hero-sec .sec-content .text-block{
    padding-top: 80px;
}
.dual-aside-separate-blocks-sec{
    padding-bottom: 35px;
    display: inline-block;
    vertical-align: top;
    width: 100%;
}
.dual-aside-separate-blocks-sec .left-aside-block{
    float: left;
    width: 300px;
    position: relative;
}
.dual-aside-separate-blocks-sec .left-aside-block .block-content{
    float: right;
    width: 230px;
}
.dual-aside-separate-blocks-sec .main-block{
    padding-left: 30px;
    padding-right: 30px;
    float: left;
    width: calc(100% - 620px);
}
.dual-aside-separate-blocks-sec .main-block.skewed-fixed-main-block{
    padding-top: 120px;
}


.left-aside-block .search-input-field.icon-field{
    position: relative;
}
.left-aside-block .search-input-field.icon-field input{
    padding-left: 50px;
}
.left-aside-block .search-input-field.icon-field:before{
    content: '\f002';
    font-family: FontAwesome;
    position: absolute;
    left: 22px;
    top: 12px;
    font-size: 18px;
    color: rgba(46,54,63,0.4);
}
.left-aside-block .show-more-list{
    display: inline-block;
    vertical-align: top;
    width: 100%;
    padding: 10px 0;
}
.left-aside-block .show-more-list .heading{
    margin-bottom: 10px;
    display: inline-block;
    vertical-align: top;
    margin-top: 10px;
}
.left-aside-block .show-more-list ul{
    padding-left: 15px;
}
.left-aside-block .show-more-list ul li{
    margin-bottom: 5px;
}
.left-aside-block ul a{
    color: #2e363f;
}
.left-aside-block ul a:hover{
    color: #ff7900;
}
.left-aside-block .show-more-list a.more-options{
    color: #0099ff;
}
.show-more-list a.more-options em{
    font-style: normal;
    display: inline-block;
    vertical-align: middle;
    border-bottom: 1px dashed;
    line-height: 1.2;
}
.left-aside-block .show-more-list a.more-options:hover{
    color: #ff7900;
}
.left-aside-block .show-more-list a.more-options img{
    padding-right: 5px;
}
.left-aside-block .show-more-list li.more-items{
    /*visibility: hidden;*/
    /*height: 0;*/
    /*opacity: 0;*/
    /*transition: all 0.3s ease 0s;*/
    display: none;
}

.left-aside-block .show-more-list li.more-items.in{
    visibility: visible;
    opacity: 1;
    height: auto;
    display: block;
}
.left-aside-block .show-more-list ul.more-feat-list{
    padding-left: 0;
    list-style: disc;
}

.right-aside-block{
    float: left;
    width: 320px;
    position: relative;
}
.right-aside-block .block-content{
    float: left;
    width: 250px;
}
.skewed-fixed-right-aside{
    padding-top: 275px;
}
.feat-article-posts-list .list-area .post{
    display: inline-block;
    vertical-align: top;
    width: 100%;
    padding: 8px 0;
}
.feat-article-posts-list .list-area .post .feat-img{
    padding: 14% 0;
    width: 100%;
    background-position: center !important;
    background-size: cover !important;
    margin-bottom: 15px;
}
.feat-article-posts-list .list-area .date strong{
    color: #abadb0;
    font-size: 12px;
    text-transform: uppercase;
}
.feat-article-posts-list .list-area .title h6{
    font-size: 16px;
    font-family: 'AvenirNextLTPro-Thin';
    line-height: 1.6;
}
.post .title a{
    color: #2e363f;
}
.aside-block .widget #searchform .search-field:before{
    top: 13px;
}
/*.widget_categories li a,.widget_recent_entries li a{*/
    /*display: inline-block;*/
    /*width: 100%;*/
    /*line-height: 1.4;*/
    /*vertical-align: top;*/
/*}*/
/*.feat-article-posts-list .list-area .title h6 a{*/
    /*line-height: 1.4;*/
    /*display: inline-block;*/
    /*width: 100%;*/
    /*vertical-align: top;*/
/*}*/
.widget h6.widgettitle{
    line-height: 1.4;
}
article.post .article-meta{
    margin-bottom: 10px;
    display: inline-block;
    vertical-align: top;
    width: 100%;
}
article.post .article-meta strong{
    text-transform: uppercase;
    color: rgba(46,54,63,0.5);
    letter-spacing: 2px;
}
article.post .entry-title h2{
    font-family: 'russiaregular';
    line-height: 1.4;
}
article.post .entry-title a{
    color: #2e363f;
}
.article-main-figure{
    display: inline-block;
    vertical-align: top;
    width: 100%;
    padding: 25px 0 30px;
}
.article-main-figure img{
    width: 100%;
}
article.post{
    padding: 40px 0;
    border-bottom: 1px solid #e5e5e5;
}
article.post:last-of-type{
    border-bottom: none;
}
article.post .excerpt-content{
    display: inline-block;
    vertical-align: top;
    padding: 5px 0;
}
article.post .excerpt-content p{
    font-size: 20px;
    line-height: 1.6;
}
article.post .link-content a.text-link{
    color: #0099ff;
    font-size: 20px;
}
article.post .link-content a.text-link:hover{
    color: #ff7900;
}
article.post .link-content a.text-link i{
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #0099ff;
    color: #fff;
    text-align: center;
    line-height: 18px;
    font-size: 14px;
    vertical-align: top;
    margin-top: 5px;
    margin-right: 4px;
}
article.post .link-content a.text-link:hover i{
    background: #ff7900;
}
.aside-block .standard-list{
    padding: 10px 0;
}
.aside-block .standard-list ul{
    padding-left: 0px;
}
.aside-block .standard-list ul li{
    border-bottom: 1px solid #e5e5e5;
    padding: 10px 10px 10px 0;
    list-style-position: inside;
}
.aside-block .standard-list ul li:first-of-type{
    padding-top: 0;
}
.aside-block .standard-list ul li:last-of-type{
    border-bottom: none;
}
.aside-block .standard-list ul li a{
    /*display: inline-block;*/
    /*width: 100%;*/
    /*vertical-align: top;*/
}
.aside-block .heading{
    display: inline-block;
    width: 100%;
    vertical-align: top;
    margin: 10px 0;
}
.aside-block .heading h6{
    line-height: 1.4;
}
.aside-block .subscribe-form .email-field input{
    background-repeat: no-repeat !important;
    background-position: 15px 14px !important;
    padding-left: 50px;
    background-color: #fff;
}
.aside-block .subscribe-form .btn-content{
    padding: 15px 0;
}
.aside-block.left-aside-block input{
    height: 50px;
}
.aside-block .subscribe-form button.c-btn{
    border-radius: 30px;
    height: 50px;
    width: 100%;
    font-size: 20px;
    letter-spacing: 1px;
}
.aside-block .subscribe-form .form{
    padding: 15px 0;
}

.innerpage-straight-hero-sec .sec-content {
    padding: 100px 0 20px;
    position: relative;
    z-index: 1;
}
.innerpage-straight-hero-sec .text-block {
    padding-left: 260px;
    min-height: 220px;
    display: flex;
    align-items: center;
}
.innerpage-straight-hero-sec .text-block h1{
    font-family: 'russiaregular';
    line-height: 1.2;
}
.innerpage-straight-hero-sec .text-block .post-title{
    padding-top: 15px;
}




.pricing-plans-page-content .hero-sec .sec-content .text-block{
    min-height: 420px;
}

.pricing-plans-page-content .hero-sec .hero-sec-img{
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    width: 100%;
    height: 1095px;
    background-size: cover !important;
    z-index: 0;
}

.pricing-plans-main-sec:before{
    content: url('../images/pricing-angle-right-img.png');
    display: inline-block;
    width: 535px;
    height: 380px;
    position: absolute;
    left: 0;
    top: -210px;
    z-index: 0;
}

.pricing-plans-main-sec .dual-title h2{
    color: #2e363f;
}


.price-category-detail-box{
    padding: 45px 15px;
}
.price-category-detail-box .box-content{
    padding: 0px;
    border-radius: 40px;
    /*overflow: hidden;*/
    box-shadow: 0 19px 22px rgba(0,0,0,0.08);
    background: #fafafb;
}
.price-category-detail-box .pkg-category{
    padding: 10px;
    text-align: center;
}
.price-category-detail-box .pkg-category h6{
    text-transform: uppercase;
    font-family: 'Conv_AvenirNextLTProMedium';
    font-weight: 600;
    letter-spacing: 4px;
}
.price-category-detail-box .plan-key-feat-list{
    padding: 5px 40px;
    border-radius: 40px;
    border-radius: 40px;
    background: #fff;
    /*overflow: hidden;*/
    position: relative;
}
.price-category-detail-box .activation-price{
    text-align: center;
    padding: 15px 5px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 20px;
}
.activation-price strong{
    color: #0099ff;
    font-size: 26px;
    padding-right: 5px;
    font-family: 'Conv_AvenirNextLTProMedium';
    font-weight: 600;
}
.activation-price del{
    color: #ff7900;
    font-size: 18px;
    font-family: 'Conv_AvenirNextLTProLight';
}
.price-category-detail-box .plan-key-feat-list .btn-content{
    padding: 20px 0;
}
.price-category-detail-box ul.checked-li{
    position: relative;
}
.price-category-detail-box ul.checked-li li{
    padding-left: 20px;
    font-family: 'Conv_AvenirNextLTProLight';
    margin-bottom: 0;
    line-height: 1.8;
}
.price-category-detail-box.best-seller-box .plan-key-feat-list:before{
    position: absolute;
    right: -9px;
    top: -7px;
    content: '';
    background: url("../images/best-seller-tag-2.png");
    display: inline-block;
    width: 96px;
    height: 96px;
}
.price-category-detail-box .plan-key-feat-list ul.checked-li li.has-more {
    padding-left: 0;
    position: static;
}
.price-category-detail-box .plan-key-feat-list li.has-more:before{
    content:none
}
.price-category-detail-box ul.checked-li,.price-category-detail-box ul.checked-li > li:last-of-type{
    margin-bottom: 0;
}
.price-category-detail-box .btn-content a{
    width: 100%;
    font-size: 20px;
    padding: 10px;
    font-family: 'Conv_AvenirNextLTProMedium';
    font-weight: 600;
    border-radius: 30px;
}
.price-category-detail-box .plan-key-feat-list ul.more-feat-list{
    top: 0;
    width: 100%;
    position: absolute;
}
.price-category-detail-box .plan-key-feat-list ul.more-feat-list.in{
    height: 100%;
}



.pricing-plans-main-sec .tabs-navigation ul.nav-tabs > li a{
    padding-top: 25px;
    padding-bottom: 25px;
}




.tabs-navigation ul{
    position: relative;
}
.tabs-navigation .slick-nav{
    position: absolute;
    right: 0;
    top: -5px;
}
.tabs-navigation .slick-nav .slick-arrow{
    width: 60px;
    height: 60px;
    position: relative;
    display: inline-block;
    background-position: center !important;
    opacity: 0.4;
}
.tabs-navigation .slick-nav .slick-arrow.prev{
    background: url('../images/angle-left.png');
}
.tabs-navigation .slick-nav .slick-arrow.next{
    background: url('../images/angle-right.png');
}
.tabs-navigation .slick-nav .slick-arrow:hover{
    opacity: 1;
}
.tabs-navigation .slides-status{
    font-family: 'Conv_AvenirNextLTProMedium';
    font-weight: 600;
    padding-top: 24px;
}
.tabs-navigation .slides-status strong{
    padding: 0 7px;
}
.tabs-navigation .slides-status strong span{
    font-family: 'Conv_AvenirNextLTProLight';
}
.price-page-services-sec .sec-content{
    padding-bottom: 80px;
}
.price-page-services-sec .services-list-holder{
    margin-bottom: 0px;
}
.price-page-services-sec .services-list-holder .list-box{
    width: 20%;
}
.price-page-clients-sec::before{
    content: url("../images/prcing-page-cilents-bg-angled.png");
    top: -78px;
}
.price-page-clients-sec .dual-title{
    color: #2e363f;
    max-width: 300px;
    margin-bottom: 20px;
}
.price-page-clients-sec .testimonials-slider .message-area{
    min-height: 240px;
}
.best-seller-package .plan-key-feat-list::before {
    position: absolute;
    right: 0;
    top: -7px;
    content: '';
    background: url("../images/best-seller-tag.png");
    display: inline-block;
    width: 90px;
    height: 84px;
}




.before-footer-contact-sec{
    display: inline-block;
    width: 100%;
    vertical-align: top;
}
.before-footer-content-sec .long-column{
    float: left;
    width: 65%;
}
.before-footer-contact-sec .top-contact-block{
    display: inline-block;
    vertical-align: top;
    width: 100%;
    padding: 60px 0;
    border-bottom: 1px solid #e5e5e5;
}
.before-footer-contact-sec .bottom-contact-block{
    display: inline-block;
    vertical-align: top;
    width: 100%;
    padding: 30px 0;
    border-bottom: 1px solid #e5e5e5;
}
.before-footer-contact-sec .top-contact-block .heading{
    min-height: 55px;
}
.before-footer-contact-sec .heading img{
    padding-right: 7px;
    margin-top: -3px;
}
.before-footer-contact-sec .heading h6{
    font-family: 'Conv_AvenirNextLTProMedium';
    font-weight: 600;
}
.before-footer-contact-sec .content{
    padding: 10px 0;
    display: inline-block;
    vertical-align: top;
    width: 100%;
}
.office-address-contact .feat-img{
    width: 90px;
    border-radius: 50%;
    overflow: hidden;
    float: left;
}
.office-address-contact .feat-img img{
    max-width: 100%;
}
.office-address-contact .office-info{
    float: left;
    width: calc(100% - 90px);
    padding: 0 15px;
    font-size: 20px;
}
.office-address-contact .office-info address{
    margin-bottom: 3px;
    display: block;
}
.office-address-contact .office-info a{
    color: #009ce9;
}
.before-footer-contact-sec .short-column{
    float: left;
    width: 17.5%;
}
.before-footer-contact-sec .short-column .content{
    font-size: 20px;
}
.before-footer-contact-sec .short-column p{
    margin-bottom: 5px;
}
.before-footer-contact-sec .short-column a{
    color: #0099ff;
    text-decoration: underline;
}
.before-footer-contact-sec .bottom-contact-block .content-holder{
    display: flex;
}
.before-footer-contact-sec .coupon-area{
    float: left;
    width: 37%;
    padding-right: 15px;
}
.coupon-area .inline-field-group,.signup-area .inline-field-group{
    display: inline-block;
    vertical-align: top;
    width: 100%;
}
.coupon-area .inline-field-group .inline-field,.signup-area .inline-field-group .inline-field{
    width: calc(100% - 100px);
    float: left;
    padding-right: 10px;
    position: relative;
}
.coupon-area .inline-field-group .inline-field input,.signup-area .inline-field-group .inline-field input{
    padding-left: 45px;
    position: relative;
}
.coupon-area .inline-field-group .inline-field:before{
    content:'\f0c1';
    font-family: FontAwesome;
    position: absolute;
    left: 13px;
    top: 15px;
    z-index: 1;
    font-size: 22px;
    color: #e3dfe9;
}
.coupon-area .inline-field-group button,.signup-area .inline-field-group button{
    width: 100px;
    float: left;
    border-radius: 30px;
    border: none;
    height: 60px;
    margin: 0;
    font-family: 'Conv_AvenirNextLTProLight';
    font-size: 18px;
}
.before-footer-contact-sec .signup-area{
    float: left;
    width: 42%;
    padding: 0 15px;
}
.before-footer-contact-sec .follow-us-area{
    float: left;
    width: 250px;
    padding-left:15px;
}

.before-footer-contact-sec .follow-us-area .social-links a{
    padding-right: 8px;
}









.page-template-create-logo-step-one,.page-template-create-logo-step-two,.page-template-create-logo-step-three {
    /*background: linear-gradient(to bottom, #0072ff 0%, #37baff 100%)!important;*/
    /*background: -webkit-linear-gradient(to bottom, #0072ff 0%, #37baff 100%) !important;*/
    /*background: -ms-linear-gradient(to bottom, #0072ff 0%, #37baff 100%) !important;*/
    background-image: url('../images/steps-bg.png');
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-color: #fafafa;
}
.page-template-create-logo-step-one .header,.page-template-create-logo-step-two .header,.page-template-create-logo-step-three .header{
    border-right: none;
    border-left: none;
}
/*.logo-steps{*/
    /*background: rgba(0,114,255,0.5);*/
/*}*/
.logo-steps .site-content-wrapper{
    background: none;
}
.logo-steps .industry-container{
    max-width: 1000px;
    /*background: rgba(5,31,64, 0.65);*/
}
.page-template-create-logo-step-one .home-page-content,.page-template-create-logo-step-three .home-page-content{
    height: calc(100vh - 120px);
    display: flex;
    justify-content: center;
    align-items: center;
}
.page-template-create-logo-step-three .home-page-content{
    height: auto;
}
.page-template-create-logo-step-one .pane-content,.page-template-create-logo-step-three .pane-content{
    display: flex;
    flex-wrap: wrap;
}
.logo-steps .step-title{
    display: flex;
    width: 50%;
    vertical-align: top;
    margin-bottom: 15px;
    float: left;
    text-align: right;
    border-right: 1px solid #2e363f;
    padding-right: 30px;
    justify-content: flex-end;
}

.logo-steps .step-form-fields{
    float: left;
    width: 50%;
    padding-left: 30px;
    text-align: left;
}
.logo-info-tabs-area .tabs-content-area input{
    background: transparent !important;
    color: #2e363f;
    border: 1px solid #2e363f !important;
}
.logo-info-tabs-area .tabs-content-area input[type=range]{
    border: none !important;
}
.logo-info-tabs-area .range-bar-item{
    margin-bottom: 10px;
}
.logo-steps .step-form-fields input{
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    padding-left: 20px;
}

.logo-steps .step-form-fields ::-webkit-input-placeholder { /* Chrome */
    color: #2e363f;
}
.logo-steps .step-form-fields :-ms-input-placeholder { /* IE 10+ */
    color: #2e363f;
}
.logo-steps .step-form-fields ::-moz-placeholder { /* Firefox 19+ */
    color: #2e363f;
    opacity: 1;
}
.logo-steps .step-form-fields :-moz-placeholder { /* Firefox 4 - 18 */
    color: #2e363f;
    opacity: 1;
}


.logo-steps .step-title{
    margin-bottom: 25px;
}
.logo-steps .step-title h2{
    font-family: 'russiaregular';
    font-size: 50px;
    padding: 8px;
    color: #2e363f;
    /*background: linear-gradient(to right,transparent 0%, #fff 50%, transparent 100%)!important;*/
    /*background: -webkit-linear-gradient(to right,transparent 0%, #fff 50%, transparent 100%) !important;*/
    /*background: -ms-linear-gradient(to right,transparent 0%, #fff 50%, transparent 100%) !important;*/
}
.logo-steps .tabs-content-area.full-width-tabs-content-area{
    display: inline-block;
    width: 100%;
    vertical-align: top;
}
.logo-steps .full-width-tabs-content-area .dropdown.select-category-block {
    float: none;
    display: inline-block;
}

.logo-steps .industry-container {
    padding: 50px 0;
    /*box-shadow: 0 0 15px rgba(2,96,213,0.8) !important;*/
    padding: 50px 30px;
    text-align: center;
    /*background: linear-gradient(transparent 0%, #0260d5 50%, transparent 100%)!important;*/
    /*background: -webkit-linear-gradient(transparent 0%, #0260d5 50%, transparent 100%) !important;*/
    /*background: -ms-linear-gradient(transparent 0%, #0260d5 50%, transparent 100%) !important;*/
}
.logo-steps .industry-btn{
    padding-top: 10px;
    text-align: left;
    text-transform: uppercase;
}
.logo-steps .select-category-block{
    padding: 5px 0;
}
.logo-steps button.c-btn.gradient-btn.rounded-btn {
    padding: 11px 30px;
    width: auto;
    font-size: 16px;
    border-radius: 5px;
    text-align: left;
}
.logo-steps .rounded-select-field{
    background-color: transparent !important;
    width: 100%;
}
.logo-steps .ui-selectmenu-button.ui-widget{
    background-color: transparent !important;
    width: 100%;
    background: none !important;
    border-color: #2e363f;
}
.logo-steps .ui-selectmenu-button span.ui-selectmenu-text{
    color: #fff;
    color: #2e363f;
    background-color: transparent !important;
}
.logo-steps .ui-selectmenu-button span.ui-icon{
    margin-top: -2px;
}
.logo-steps .industry-container .dropdown.select-category-block{
    width: 100%;
}

.color-swatches-list-holder{
    /*height: calc(100vh - 140px);*/
    align-items: center;
    display: flex;
    padding-top: 50px;
}
.swatches-column-height-flex{
    display: flex;
    flex-wrap: wrap;
    /*background: rgba(5,31,64, 0.65);*/
    padding: 20px;
}
.color-swatches-list-holder .color-swatches-list{
    float: left;
    width: 50%;
    padding-left: 30px;
}
.color-swatches-list-holder .color-swatches-list .color-swatch{
    padding: 0 10px;
}
.color-swatches-list-holder .color-swatches-list .color-swatch img{
    margin-bottom: 8px;
}
.color-swatches-list-holder .btns-content{
    display: inline-block;
    width: 100%;
    vertical-align: top;
}

.logo-steps .swatches-list-holder-content{
    /*padding: 0px 20px;*/
    /*background: linear-gradient(transparent 0%, #0260d5 50%, transparent 100%)!important;*/
    /*background: -webkit-linear-gradient(transparent 0%, #0260d5 50%, transparent 100%) !important;*/
    /*background: -ms-linear-gradient(transparent 0%, #0260d5 50%, transparent 100%) !important;*/
    /*box-shadow: 0 0 15px rgba(2,96,213,0.8) !important;*/
    /*background: rgba(5,31,64, 0.65);*/
}
.logo-steps .input-field.email-field input{
    background-image: url("../images/site-icons/form-envelope-icon.png");
    background-color: #fff;
}
.logo-steps .phone-field input{
    background-image: url('../images/site-icons/phone-field-icon.png');
    background-color: #fff;
}

.boxes-grid-list{
    display: flex;
    flex-wrap: wrap;
    padding: 20px 0;
    width: 100%;
    max-width: 760px;
    margin: 0 auto;
}
.boxes-grid-list .boxes-grid{
    float: left;
    padding: 0 20px;
    width: 50%;
}
.boxes-grid-list .boxes-grid .box-content{
    padding: 35px 0px;
    border-radius: 20px;
    box-shadow: 0 0 2px rgba(0,0,0,0.1);
    background: #fff;
}
.boxes-grid-list .boxes-grid .heading {
    padding: 5px;
    background: blue;
    margin-top: 10px;
    margin-bottom: 15px;
    background: #0072ff;
    color: #fff;
}
.boxes-grid-list .boxes-grid .heading h6{
    font-weight: 500;
}
.boxes-grid-list .boxes-grid .icon {
    display: inline-block;
    width: 100px;
    height: 100px;
    font-size: 50px;
    line-height: 100px;
    border-radius: 100%;
    background: #0072ff;
    margin: 10px 0;
    color: #fff;
}
.boxes-grid-list a.rounded-btn {
    height: 55px;
    padding: 15px 20px 15px;
    border-radius: 30px;
    font-size: 16px;
    min-width: 210px;
    letter-spacing: 0.7px;
}
.grid-beneath-main-btn .icon{
    display: inline-block;
    font-size: 35px;
}
.grid-beneath-main-btn .icon i{
    color: #0072ff;
}
.grid-beneath-main-btn a{
    color: #2e363f;
}
.grid-beneath-main-btn a:hover {
    color: #1AA6EE;
}
.grid-beneath-main-btn em{
    font-size: 20px;
    font-style: normal;
    padding-left: 5px;
}
.logo-steps .step-form-fields .input-field input, .logo-info-tabs-area.industry-container{
    color: #2e363f !important;
}
.c-skip{
    color: #2e363f !important;
    text-transform: uppercase;
}
.step-form-fields .content-area{
    color: #2e363f !important;
}

/*====== MEDIA QUERIES =======*/
@media(max-width: 1600px){
    .site-content-wrapper{
        border-left: 0;
        border-right: 0;
    }
}
@media(max-width: 1299px){
    .numeric-column .digit strong {
        font-size: 40px;
    }
    .numeric-column .digit,.numeric-column-list .numeric-column{
        width: 75px;
    }
    .numeric-column.in::after {
        top: 5px;
    }
    .pricing-plans-main-sec .price-plans-content-holder,.price-page-services-sec .services-content-holder{
        padding-left: 15px;
        padding-right: 15px;
    }
    .price-category-detail-box .plan-key-feat-list{
        padding: 5px 30px;
    }
    .price-category-detail-box{
        padding: 45px 10px;
    }
    .before-footer-contact-sec .bottom-contact-block{
        padding-left: 15px;
    }
}
@media(max-width: 1279px){
    .separate-blocks-sec .aside-block{
        width: 260px;
    }
    .separate-blocks-sec .main-block{
        padding-left: 280px;
    }
    .separate-blocks-sec .aside-block::after{
        left: -55px;
    }
    .main-block .our-clients-sec::before {
        top: -55px;
    }
    .contact-column-area .office .office-location-info,.contact-info-column .contact-links-area > .content{
        font-size: 18px;
    }
    .list-wrap-block ol li{
        font-size: 16px;
    }
    .icon-caption-column .caption h6{
        font-size: 16px;
    }
    .dual-aside-separate-blocks-sec .main-block{
        width: calc(100% - 540px);
    }
    .dual-aside-separate-blocks-sec .left-aside-block,.right-aside-block{
        width: 265px;
    }
    article.post .entry-title h2{
        font-size: 34px;
        line-height: 1.4;
    }
    .article-main-figure{
        padding: 15px 0;
    }
    article.post .excerpt-content p{
        font-size: 16px;
    }
}
@media(max-width: 1220px){
    .lp-navigation{
        padding-right: 25px;
    }
    .sec-inner-cta .scroll-down-link{
        padding-right: 4px;
    }
    .special-offer-sec .offer-detail-box.highlighted-box .box-content{
        padding: 30px 25px;
    }
    .special-offer-sec .offer-detail-box{
        padding-left: 15px;
        padding-right: 15px;
    }
    .services-list-holder .list-box{
        width: 20%;
    }
    .our-services-sec .services-list-holder{
        margin-bottom: 20px;
    }
    .our-services-sec .sec-content{
        padding: 50px 15px;
    }
    .achievements-list .criteria-item h2{
        font-size: 70px;
    }
    .about-us-sec .achievements-list{
        min-height: 270px;
    }
    .about-us-sec .sec-content{
        padding-bottom: 60px;
    }
    .project-slider .slider-content::after {
        content: none;
    }
    .project-slider .slide-item > .item-content{
        display: none;
    }
    .project-slider .slide-item .hover-effect {
        opacity: 1;
        visibility: visible;
        position: static;
        left: 5px;
        top: 0;
        transform: translateY(0px);
        width: 100%;
        z-index: 1;
    }
    .project-slider .project-desc{
        display: block;
    }
    .our-work-slider-block.project-slider .slide-item .figure img{
        width: auto;
    }


    .slide-item .project-logo .figure{
        min-height: 210px;
        padding-top: 0;
        transition: all 0.3s ease 0s;
    }
    .project-slider .slick-list{
        padding-bottom: 50px;
    }
    .our-work-sec .sec-content{
        padding: 60px 15px;
    }
    .price-plans-sec::before {
        top: -140px;
    }
    .our-clients-sec .sec-content {
        padding: 50px 15px;
    }
    .our-clients-sec::before {
        top:-480px;
    }
    .price-page-clients-sec::before {
        top: -185px;
    }
    .testimonials-slider .message-area .message{
        max-width: 780px;
    }
    .testimonials-slider .message-area p{
        font-size: 24px;
    }
    .testimonials-slider .message-area{
        min-height: 200px;
    }
    .main-block .our-clients-sec:before {
        top: -115px;
    }
    .main-block .testimonials-slider .message-area p{
        font-size: 20px;
    }
    .our-clients-page-testimonials::before {
        top: -50px;
    }

}

@media(max-width: 1199px){
    h1{
        font-size: 38px;
    }
    h2{
        font-size: 30px;
    }
    h6{
        font-size: 16px;
    }
    .lp-navigation{
        display: none;
    }
    /*.section .sec-content{*/
        /*padding-right: 120px;*/
    /*}*/
    /*.sec-inner-cta{*/
        /*width: calc(100% + 105px);*/
    /*}*/
    .layout-header ul.navbar li{
        padding: 0 8px;
    }
    .hero-sec .sec-content .text-block{
        min-height: 400px;
    }
    .pricing-plans-page-content .hero-sec .sec-content .text-block{
        min-height: 400px;
        padding-bottom: 80px;
    }
    .hero-sec .sec-inner-cta{
        padding-top: 40px;
    }
    .hero-sec .sec-content{
        padding: 100px 15px;
    }
    .columns-holding-row{
        display: inline-block;
        width: 100%;
        vertical-align: top;
    }
    .icon-aside-heading-desc-columns-list .list-column{
        width: 100%;
        display: inline-block;
        vertical-align: top;
    }
    .icon-aside-heading .icon{
        width: 75px;
    }
    .icon-aside-heading.icon-stand-alone .icon{
        width: 75px;
    }
    .main-block .our-clients-sec::before {
        top: -129px;
    }
    .numeric-column .digit strong {
        font-size: 35px;
    }
    .numeric-column .digit,.numeric-column-list .numeric-column{
        width: 60px;
    }
    .main-block .chat-contact-sec::before {
        top: -101px;
    }
    .contact-column .heading h6{
        font-size: 18px;
    }
    .contact-column .contact-info-detail{
        font-size: 16px;
    }


    .contact-column-area .office .office-location-info{
        padding-left: 15px;
    }
    .contact-column-area .office .office-location-info,.contact-info-column .contact-links-area > .content{
        font-size: 16px;
    }
    .contact-column-area .office .feat-img{
        width: 130px;
    }
    .contact-column-area .office .feat-img img{
        width: 130px;
        height: 130px;
    }
    .contact-column-area .office .office-location-info{
        width: calc(100% - 130px);
    }
    .contact-main-sec .contact-block-area .offices-address-column{
        padding-right: 20px;
    }
    .contact-main-sec .contact-block-area .form-column{
        padding-left: 20px;
        padding-right: 20px;
    }
    .contact-main-sec .contact-block-area .contact-info-column{
        padding-left: 20px;
    }
    article.post .entry-title h2{
        font-size: 26px;
    }
    .dual-aside-separate-blocks-sec .main-block{
        padding-left: 20px;
        padding-right: 20px;
    }
    article.post .link-content a.text-link{
        font-size: 16px;
    }
    article.post .link-content a.text-link i{
        margin-top: 1px;
    }
    .office-address-contact .office-info{
        font-size: 16px;
        padding-top: 10px;
        padding-right: 0;
    }
    .before-footer-contact-sec .short-column .content{
        font-size: 16px;
        padding-top: 17px;
    }
    .before-footer-contact-sec .top-contact-block .heading{
        min-height: 45px;
    }
}

@media (min-width: 1024px){
    .hidden-mob-collapse{
        display: block !important;
    }
    .visible-mob-collapse{
        display: none !important;
    }

    .layout-header{
        top: 0;
        width: 100%;
        z-index: 1;
        max-width: 1440px;
        left: 50%;
        transform: translateX(-50%);
        border-left: 1px solid #f7f7f7;
        border-right: 1px solid #f7f7f7;
        position: fixed;
        background: none;
    }
    .layout-header.fixed-header{
        max-width: 1440px;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        border-left: 1px solid #f7f7f7;
        border-right: 1px solid #f7f7f7;
        box-shadow: 0 1px 0 #f7f7f7;
        z-index: 1;
        background: #fff;
    }
    .mobile-menu-close {
        display: none;
    }
    ul li.parent-li{
        position: relative;
    }
    .main-nav li.parent-li .sub-menu {
        position: absolute;
        padding: 0;
        list-style: none;
        background: #fff;
        opacity: 0;
        top: 100%;
        visibility: hidden;
        text-align: left;
        left: 0;
        width: 200px;
        padding: 10px;
        border-top: 3px solid #009ce9;
        box-shadow: 0 0 4px rgba(0,0,0,.05);
    }
    .main-nav li.parent-li:hover .sub-menu{
        visibility: visible;
        opacity: 1;
    }
    .navbar > li> ul.sub-menu li:hover .sub-menu{
        visibility: visible;
        opacity: 1;
    }

    ul.navbar > li.parent-li span.parent-arrow{
        position: relative;
        top: 1px;
        padding-left: 5px;
    }
    ul.navbar > li.parent-li span.arrow-down:before{
        content:'\f107';
        font-family: FontAwesome;
        display: inline-block;
        width: 10px;
        height: 8px;
    }
    ul.navbar > li.parent-li span.arrow-up:before{
        content:'\f106';
        font-family: FontAwesome;
        display: inline-block;
        width: 10px;
        height: 8px;
    }

    li.parent-li > .sub-menu > li{
        float: left;
        padding: 0 5px;
    }
}

@media (max-width: 1024px){
    .hidden-mob-collapse{
        display: none !important;
    }
    .visible-mob-collapse{
        display: block !important;
    }
    .navbar-header .collapse, .navbar-toggle {
        display:block !important;
    }
    .navbar-toggle {
        border-radius: 0;
        display: inline-block;
        height: 50px;
        margin: 0 !important;
        padding: 0 !important;
        position: absolute;
        right: 10px;
        top: 52%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 50px;
    }
    .navbar-toggle span::after {
        box-shadow: 0 0 0 1px #0095f0, 0 7px 0 1px #0095f0, 0 14px 0 1px #0095f0;
        content: "";
        display: block;
        height: 0;
        margin-top: -8px;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        top: 50%;
        width: 30px;
        transition: all 0.3s ease 0s;
    }
    .navbar-toggle span::before {
        content: "";
        display: block;
        height: 0;
        opacity: 0;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        top: 50%;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        transition: all 0.3s ease 0s;
        z-index: 9;
    }
    .navbar-toggle.cross span::before {
        box-shadow: 0 0 0 1px #0095f0;
        opacity: 1;
        -webkit-transform: rotate(-43deg);
        transform: rotate(-43deg);
        width: 30px;
        left:10px;
    }
    .navbar-toggle.cross span::after {
        box-shadow: 0 0 0 1px #0095f0;
        margin-top: 0;
        -webkit-transform: rotate(43deg);
        transform: rotate(43deg);
        width: 30px;
        left:10px;
    }
    #main-header{
        background: #fff;
        box-shadow: 0 1px 5px rgba(0,0,0,0.01);
    }
    .layout-header{
        position: relative;
    }
    .layout-header .logo{
        width: 100%;
        position: relative;
        margin-top: 0;
        padding-top: 24px;
        padding-bottom: 18px;
    }
    .layout-header .logo img{
        position: relative;
        max-width: 140px;
    }
    .layout-header.fixed-header .logo {
        width: 100%;
    }
    .layout-header.fixed-header .logo img{
        bottom: 0;
    }
    .layout-header .main-nav.navbar-collapse {
        background: #fff;
        background: #FBFBFB;
        height: 100% !important;
        left: -307px;
        position: fixed;
        top: 0;
        width: 0;
        padding-top: 40px;
        padding-bottom: 20px;
        transition: all 0.3s ease 0s;
        overflow: hidden;
        width:305px;
        box-shadow: none;
        border-top: none;
        border-right: 1px solid rgba(0,0,0,0.1);
        margin-top:0 !important;
        z-index: 2;
        overflow-Y: auto !important;
    }
    .layout-header .main-nav.navbar-collapse.in {
        left:0;
        transition: all 0.3s ease 0s;
        overflow: visible;
    }
    .layout-header .main-nav a:hover{
        color: #a8cf45;
    }
    .mobile-menu-close {
        width: 30px;
        height: 30px;
        position: absolute;
        right: 20px;
        top: 10px;
        font-size: 24px;
        -webkit-transform: scale(1.4,1);
        transform: scale(1.4,1);
        text-align: center;
        cursor: pointer;
        color: #36456a;
        font-weight: 300;
    }
    .layout-header .main-nav ul{
        width: 100%;
    }
    ul.navbar{
        padding-left: 0;
        padding-bottom: 5px;
    }
    .layout-header ul.navbar a,.layout-header .navbar > li > a{
        color: #36456a;
    }
    .layout-header ul.navbar a:hover,.layout-header .navbar > li > a:hover,.layout-header ul.navbar li.parent-li:hover > a,.layout-header ul.navbar li.parent-li.active > a{
        color: #009ce4;
    }
    ul.navbar > li{
        margin-right: 0;
        text-align: left;
        width: 100% ;
        padding: 0;
    }
    .layout-header ul.navbar li.c-btn a{
        display: inline-block;
        width: auto;
        margin: 20px 0;
    }
    ul.navbar > li:hover .sub-menu{
    }
    .navbar > li > .sub-menu,.navbar > li:hover > .sub-menu{
        position: static;
        visibility: hidden;
        opacity: 0;
        height: 0;
        padding: 0;
        width: 100%;
        background: rgba(0,0,0,0.02);
        display: none;
        text-align: left;

    }
    .navbar > li .sub-menu a{
        border-bottom: 1px solid rgba(255,255,255,0.05);
    }
    .layout-header .navbar li .sub-menu a{
        padding: 8px 10px;
        width: 100%;
        border-radius: 0;
    }
    .navbar > li .sub-menu a:hover,.navbar > li .sub-menu li.active a{
        color: #009ce4;
    }

    .navbar > li > .sub-menu.sub-in{
        height: auto !important;
        opacity: 1 !important;
        visibility: visible !important;
        display: block;
        border-right: none;
        box-shadow: none;
    }
    .navbar > li .sub-menu li.sub-menu-list .sub-menu {
        display: inline-block;
        height: auto;
        left: 0;
        opacity: 1;
        visibility: visible;
        position: static;
        padding: 5px 0 7px;
    }
    .layout-header .navbar .sub-menu .sub-menu a{
        padding-top: 6px;
        padding-bottom: 6px;
    }
    .layout-header .sub-menu li.submenu-feat-img{
        display: none;
    }
    .layout-header .navbar > li > a{
        width: 100%;
        padding: 10px 30px 10px 10px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.02);
    }
    ul.sub-menu{
        position: static;
        display: block;
    }
    .navbar > li .sub-menu a{
        padding: 10px 15px;
    }
    .navbar > li:last-of-type > a{
        border-bottom: none;
    }
    .main-nav ul.navbar{
        padding-top: 10px;
    }
    .layout-header ul.navbar li{
        padding:0;
    }
    ul.navbar a span.caret-down{
        width: 30px;
        height: 30px;
        display: inline-block;
        position: absolute;
        right: 0;
        text-align: center;
    }
    ul.navbar a span.caret-down:after{
        content:'\f107';
        font-family: FontAwesome;
        width: 15px;
        height: 15px;
        font-size: 16px;
        font-weight: normal;
    }
    ul.navbar a span.caret-down.up:after{
        content:'\f106';
    }
    .main-nav.navbar-collapse.collapse{
        margin-top: 10px;
        box-shadow: 0 1px 0 rgba(0,0,0,0.2) inset;
    }
    .layout-header .header-useful-links {
        display: inline-block;
        padding-left: 0;
        padding-right: 0;
        padding-top: 15px;
        width: 100%;
        float: none;
        margin-bottom: 20px;
    }
    .layout-header .main-nav ul{
        width: 100%;
    }
    .layout-header .header-useful-links .icons-links{
        padding-top: 10px;
    }
    .layout-header .header-useful-links ul.icons-links{
        text-align: left;
    }
    .layout-header .icons-links li.link a{
        border-left: 0 !important;
        border-right: 1px solid #ccd6e5;
    }
    .layout-header .icons-links li.link:last-of-type a{
        border-right: none !important;
    }
    .services-list-holder .list-box:hover .box-content{
        transform: none;
    }
    .services-list-holder .list-box.flip-in .box-content{
        transform: rotateY(180deg);
    }
    .services-list-holder .list-box.flip-in .service-feat-list{
        opacity: 1;
        visibility: visible;
    }
    .blog-hero-sec{
        min-height: 360px;
    }
    .blog-hero-sec .sec-content .text-block{
        padding-top: 60px;
    }
    .blog-hero-sec::before{
        top: -105px;
    }
    .modal-body-content .left-title-area h2 {
        font-size: 38px;
    }
    .modal-body-content .left-title-area {
        width: 240px;
    }
    .modal-body-content .logo-info-tabs-area {
        width: calc(100% - 240px);
        padding-right: 0px;
    }
    .logo-steps{
        padding-top: 45px !important;
        padding-bottom: 45px !important;
    }
}
@media(min-width: 991px){
    .aside-open-close-trigger{
        display: none;
    }
}
@media(max-width: 991px){
    h2{
        font-size: 28px;
    }
    .sec-inner-cta .cta-left-block .c-btn,a.rounded-btn {
        height: 50px;
        padding: 12px 20px;
        border-radius: 25px;
        font-size: 18px;
        min-width: 200px;
    }
    .sec-inner-cta .cta-left-block .input-field{
        max-width: 320px;
    }
    .sec-inner-cta .cta-left-block .rounded-field input {
        border-radius: 25px;
        height: 50px;
        padding: 10px 20px;
        font-size: 16px;
    }
    .offer-feat-list li, ul.checked-li li {
        font-size: 14px;
        padding-left: 20px;
    }
    .special-offer-sec .offer-detail-box.highlighted-box .box-content,.special-offer-sec .box-content{
        padding-left: 15px;
        padding-right: 15px;
    }
    .sec-inner-cta .cta-left-block .bottom-area{
        text-align: left !important;
    }
    .special-offer-sec .title-offer-highlight-column{
        width: 30%;
    }
    .special-offer-sec .offer-detail-box{
        width: 35%;
        padding-top: 25px;
    }
    .special-offer-sec .title-offer-highlight-column strong.offer-price{
        font-size: 65px;
    }
    .special-offer-sec .title-offer-highlight-column p{
        font-size: 18px;
    }
    .sec-inner-cta .cta-left-block{
        width: calc(100% - 220px)
    }
    .sec-inner-cta .cta-right-scrolling-block{
        width: 220px;
    }
    .sec-inner-cta .scroll-down-link .sec-name{
        font-size: 14px;
        margin-top: 5px
    }
    .our-services-sec .sec-content{
        padding: 30px 15px;
    }
    .achievements-list .criteria-item h2{
        font-size: 55px;
    }
    .achievements-list .criteria-item{
        padding-right: 20px;
    }
    .plan-key-feat-list a.more-options{
        font-size: 14px;
    }
    .price-services-feat-box .box-content .c-btn-bordered{
        padding-left: 15px;
        padding-right: 15px;
    }
    .tabs-navigation ul.nav-tabs > li a{
        min-width: 140px;
    }
    .our-clients-sec::before{
        left: -50px;
    }
    .services-list-holder .list-box .service-feat-list{
        padding-left: 10px;
        padding-right: 10px;
    }
    .plan-key-feat-list ul.more-feat-list{
        width: calc(100% - 5px);
    }
    .price-services-feat-box .title-area h6 .price{
        display: block;
    }
    .before-footer-content-holder .btn-content{
        width: 210px;
    }
    .before-footer-content-holder .top-title-desc{
        width: calc(100% - 210px);
    }
    .innerpage-hero-sec{
        z-index: 2;
    }
    .innerpage-hero-sec .sec-content .text-block {
         padding-left: 130px;
     }
    .innerpage-hero-sec .sec-content{
        padding-top: 10px;
    }
    .innerpage-hero-sec::before{
        pointer-events: none;
    }
    .separate-blocks-sec .main-block{
        padding-top: 110px;
        padding-right: 15px;
    }
    .main-block .our-clients-sec::before {
        top: -132px;
    }
    .separate-blocks-sec .aside-block {
        width: 220px;
        position: absolute;
        transform: translateX(-100%);
        transition: all 0.3s ease 0s;
        padding-top: 30px;
    }
    .separate-blocks-sec .aside-block.in {
        transform: translateX(0%);
        z-index: 1;
    }
    .separate-blocks-sec .aside-block:before{
        z-index: -2;
    }
    .separate-blocks-sec .aside-block:after{
        content: none;
    }
    .separate-blocks-sec .main-block{
        padding-left: 15px;
        padding-top: 90px;
    }
    .aside-open-close-trigger {
        width: 50px;
        height: 50px;
        text-align: center;
        position: absolute;
        background: #35a5dd;
        right: -50px;
        top: 30px;
        line-height: 50px;
        color: #fff;
    }
    .aside-open-close-trigger span{
        display: inline-block;
        width: 100%;
        height: 100%;
        cursor: pointer;
        line-height: 50px;
        color: #fff;
        opacity: 1;
    }
    .aside-block .aside-open-close-trigger .close{
        display: none;
    }
    .aside-block.in .aside-open-close-trigger .close{
        display: block;
    }
    .aside-block.in .aside-open-close-trigger .open{
        display: none;
    }
    .aside-nav li a {
        padding: 14px 25px 13px 10px;
    }
    .icon-aside-heading-desc-columns-list .list-column{
        padding-left: 0;
        padding-right: 0;
    }
    .main-block .chat-contact-sec::before{
        top: -200px;
    }
    .contact-info-block .block-content{
        margin-top: 0;
    }
    .faq-block .faq .faq-title{
        font-size: 18px;
    }
    .faq-block .faq .faq-title span.sign {
        right: 8px;
        font-size: 30px;
    }
    .faq-block .faq .faq-title a{
        padding-left: 55px;
    }
    .faq-block .faq .faq-body,.faq-block .faq .faq-body.open{
        padding-left: 55px;
    }
    .faq-block .faq .faq-title a::before {
        left: 10px;
    }
    .angled-hero-sec .sec-content{
        padding: 20px 0;
    }
    .our-clients-page-testimonials .dual-title h2 {
        min-height: 130px;
    }
    .our-clients-page-testimonials::before {
        left: -460px;
        top: -175px;
    }
    .our-clients-page-testimonials .sec-content{
        padding-top: 100px;
    }
    .contact-main-sec{
        padding-top: 160px;
    }
    .contact-column-area .office .feat-img{
        width: 110px;
    }
    .contact-column-area .office .feat-img img{
        width: 110px;
        height: 110px;
    }
    .contact-column-area .office .office-location-info{
        float: left;
        font-size: 13px;
        padding-top: 7px;
        padding-right: 0;
        width: calc(100% - 110px);
    }
    .contact-main-sec .contact-block-area .form-column{
        padding-left: 15px;
        padding-right: 15px;
    }
    .digit-item-desc-holder .digit-desc-item{
        padding: 0;
    }
    .digit-item-desc-holder .digit-desc-item ul{
        padding-left: 15px;
    }
    .package-detail-feat-box .package-heading h6{
        font-size: 18px;
        letter-spacing: 2px;
    }
    .dual-aside-separate-blocks-sec .left-aside-block {
        transform: translateX(-100%);
        width: 0px;
        background-image: -webkit-linear-gradient(to right, #37bbff 0%, #35a5dd 100%);
        background-image: -o-linear-gradient(to right, #37bbff 0%, #35a5dd 100%);
        background-image: linear-gradient(to right, #37bbff 0%, #35a5dd 100%);
        position: absolute;
        margin-top: 10px;
    }
    .dual-aside-separate-blocks-sec .left-aside-block .aside-open-close-trigger{
        top:0;
    }
    .dual-aside-separate-blocks-sec .left-aside-block .block-content{
        padding: 15px 15px 15px 0;
    }
    .dual-aside-separate-blocks-sec .left-aside-block.in{
        transform: translateX(0);
        width: 243px;
        margin-top: 10px;
        transition: all 0.3s ease 0s;
    }
    .dual-aside-separate-blocks-sec .left-aside-block a,.dual-aside-separate-blocks-sec .left-aside-block{
        color: #fff;
    }
    .dual-aside-separate-blocks-sec .left-aside-block a:hover{
        color: #2e363f;
    }
    .left-aside-block .show-more-list a.more-options {
        color: #2e363f;
    }
    .left-aside-block .show-more-list a.more-options:hover {
        color: rgba(255,255,255,1);
    }
    .left-aside-block .show-more-list a.more-options img {
        filter: brightness(0%) invert(1);
    }
    .aside-block .subscribe-form button.c-btn{
        background-image: -webkit-linear-gradient(to right, #0072ff 0%, #37bbff 100%);
        background-image: -o-linear-gradient(to right, #0072ff 0%, #37bbff 100%);
        background-image: linear-gradient(to right, #0072ff 0%, #37bbff 100%);
    }
    .dual-aside-separate-blocks-sec .main-block{
        width: calc(100% - 265px);
        padding-left: 15px;
        padding-right: 15px;
    }
    .dual-aside-separate-blocks-sec .main-block.skewed-fixed-main-block{
        padding-top: 70px;
    }
    .skewed-fixed-right-aside{
        padding-top: 183px;
    }
    .price-category-detail-box .box-content{
        padding-left: 0;
        padding-right: 0;
    }
    .before-footer-contact-sec .long-column{
        width: 100%;
        margin-bottom: 40px;
    }
    .before-footer-contact-sec .short-column{
        padding: 0 15px;
        width: 50%;
    }
    .before-footer-contact-sec .top-contact-block .heading{
        min-height: 35px;
    }
    .before-footer-contact-sec .short-column .content{
        padding-top: 5px;
    }
    .before-footer-contact-sec .bottom-contact-block .content-holder{
        display: inline-block;
        vertical-align: top;
        width: 100%;
    }
    .before-footer-contact-sec .coupon-area,.before-footer-contact-sec .signup-area{
        width: 50%;
    }
    .before-footer-contact-sec .follow-us-area{
        width: 100%;
        padding-top: 30px;
    }
    .modal-body-content .left-title-area {
        display: inline-block;
        width: 100%;
        margin-bottom: 15px;
        text-align: center;
    }
    .modal-body-content .left-title-area h2 br{
        display: none;
    }
    .modal-body-content .logo-info-tabs-area{
        width: 100%;
    }
    .logo-steps .step-title {
        width: 45%;
        padding-right: 25px;
    }
    .logo-steps .step-title h2{
        font-size: 40px;
    }
    .logo-steps .step-form-fields {
        width: 55%;
        padding-left: 25px;
    }
    .logo-steps .ui-selectmenu-button.ui-widget {
        width: 365px !important;
    }
}

@media(max-width: 767px){
    h1{
        font-size: 32px;
    }
    .tabs-navigation ul.nav-tabs > li a{
        min-width: auto;
        padding-left: 15px;
        padding-right: 15px;
    }
    .hero-sec .sec-content{
        padding: 70px 15px;
    }
    .hero-sec .sec-content .text-block{
        padding: 20px 0;
        min-height: auto;
    }
    .pricing-plans-page-content .hero-sec .sec-content .text-block{
        padding: 20px 0;
        min-height: auto;
    }
    .cta-right-scrolling-block{
        display: none;
    }
    .sec-inner-cta .cta-left-block{
        width: 100%;
    }
    .special-offer-sec .title-offer-highlight-column{
        width: 100%;
    }
    .special-offer-sec .offer-detail-box{
        width: 50%;
    }
    .services-list-holder .list-box{
        width: 50%;
        float: left;
    }
    .list-box .service-feat-list li{
        max-width: 220px;
    }
    .about-us-sec::before{
        left: -200px;
    }
    .achievements-list .criteria-item{
        width: 50%;
        padding: 10px 0;
    }
    .about-us-sec::before{
        top:-390px;
    }
    .about-us-sec .achievements-list{
        padding-right: 0;
        padding-left: 0;
    }
    .price-plans-sec::before {
        top: 50px;
    }
    .price-services-feat-box{
        float: left;
        width: 50%;
    }
    .plan-key-feat-list ul.more-feat-list{
        max-width: 250px;
    }
    .testimonials-slider .message-area p{
        font-size: 18px;
    }
    .footer{
        background: rgba(0,0,0,0.01);
    }
    .before-footer-sec .sec-content{
        padding-bottom: 25px;
    }
    .before-footer-sec .before-footer-content-holder{
        display: inline-block;
        width: 100%;
        vertical-align: top;
    }
    .before-footer-content-holder .top-title-desc{
        width: 100%;
    }
    .before-footer-content-holder .btn-content{
        width: 100%;
    }
    .footer .footer-main-content{
        padding: 30px 0 0;
    }
    .footer-nav-block,.copyright-block{
        width: 100%;
        padding: 20px 15px;
    }
    .copyright-block{
        padding: 20px 15px 10px;
        background: rgba(0,0,0,0.03);
    }
    .footer-nav-block .block-content {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        vertical-align: top;
    }
    .copyright-block .block-content{
        max-width: 100%;
        text-align: center;
        width: 100%;
    }
    .copyright-block .block-content small br{
        display: none;
    }
    .footer-nav-block .block-content .column{
        display: flex;
        width: 50%;
        flex: none;
    }
    .footer #backToTop{
        text-align: center;
    }
    .innerpage-hero-sec .sec-content .text-block {
        padding-left: 20px;
        padding-top: 15px;
    }
    .innerpage-hero-sec .sec-content{
        padding-bottom: 30px;
    }
    .icons-caption-list .list-content{
        display: inline-block;
        width: 100%;
        vertical-align: top;
    }
    .icons-caption-list .icon-caption-column{
        display: inline-block;
        vertical-align: top;
        width: 100%;
        padding: 10px 0;
    }
    .company-best-qualities-sec .icons-caption-list .list-content{
        display: flex;
        flex-wrap: wrap;
    }
    .company-best-qualities-sec .icons-caption-list .icon-caption-column{
        float: left;
        width: 50%;
        padding-bottom: 20px;
        flex: none;
    }
    .brand-marketing-sec::before{
        opacity: 0.1;
    }
    .our-work-slider-block .block-content{
        padding-bottom: 45px;
    }
    .our-work-slider-block .slide-item .figure{
        margin: 0 auto;
    }
    .main-block .testimonials-slider .message-area p{
        font-size: 18px;
    }
    .benefits-columns-sec{
        padding-bottom: 25px;
    }
    .brand-marketing-sec{
        padding-top: 25px;
    }
    .numeric-column-list .numeric-column,.numeric-column-list .numeric-column.in{
        width: 100%;
        border-right: 0;
        border-left: 0;
    }
    .numeric-column .numeric-desc-block{
        display: block;
    }
    .numeric-column .numeric-desc-block .block-content{
        max-width: 100%;
    }
    .numeric-column.in::after {
        content: none;
    }
    .numeric-column .numeric-desc-block{
        padding: 5px 0;
    }
    .pagination-block a{
        width: 35px;
    }
    .webdesign-buildwebiste-sec .icon-caption-column::after{
        content: none;
    }
    .heading-desc-columns-block .heading-desc-column{
        padding-left: 0;
        padding-right: 0;
    }
    .main-block .chat-contact-sec::before{
        top: -150px;
    }
    .contact-info-block .contact-column{
        width: 50%;
        margin-bottom: 25px;
    }
    .contact-info-block .contact-column.large-column{
        width: 100%;
    }
    .contact-column .heading{
        min-height: auto;
    }
    .search-block .search-input-field{
        max-width: 100%;
        width: 70%;
    }
    .faq-block .faq .faq-title{
        font-size: 16px;
    }
    .innerpage-hero-sec .text-block .block-content{
        padding-right: 10px;
    }
    .contact-main-sec .contact-block-area .contact-area-holder{
        width: 100%;
        display: inline-block;
        vertical-align: top;
    }
    .contact-main-sec .contact-block-area .contact-column-area{
        display: inline-block;
        width: 100%;
        vertical-align: top;
    }
    .contact-main-sec .contact-block-area .contact-info-column{
        display: none;
    }
    .offices-address-column .offices-content{
        display: flex;
        flex-wrap: wrap;
    }
    .contact-column-area .office{
        float: left;
        width: 50%;
        border-bottom: none;
    }
    .contact-main-sec .contact-block-area .offices-address-column{
        padding-right: 0;
    }
    .contact-main-sec .contact-block-area .form-column{
        border: none;
        padding-left: 0;
        padding-right: 0;
    }
    .contact-column-area .contact-form{
        padding-top: 15px;
    }
    .contact-main-sec .form-column .input-field input, .contact-main-sec .form-column textarea{
        max-width: 100%;
    }
    .list-feat-wrap-aside-desc .text-block{
        padding-right: 0;
        width: 100%;
    }
    .list-feat-wrap-aside-desc .list-wrap-block{
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }
    .digit-list-detail-content,.digit-list-detail-content .content-area{
        padding-bottom: 10px;
    }
    .dual-aside-separate-blocks-sec .main-block{
        width: 100%;
    }
    .skewed-fixed-right-aside{
        padding-top: 20px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .right-aside-block{
        width: 100%;
    }
    .right-aside-block .block-content{
        width: 100%;
    }
    .right-aside-block .block-content .post{
        width: 100%;
        float: left;
    }
    .blog-hero-sec{
        min-height: 290px;
    }
    .price-page-services-sec .services-list-holder .list-box{
        width: 50%;
    }
    .before-footer-contact-sec .bottom-contact-block{
        padding-right: 15px;
    }
    .before-footer-contact-sec .coupon-area,.before-footer-contact-sec .signup-area{
        width: 100%;
        padding:10px 0
    }
    .modal .modal-xl .modal-body {
        padding-left: 0px;
        padding-right: 0px;
    }
    .modal .modal-dialog.modal-xl {
        width: calc(100% - 20px);
    }
    .page-template-create-logo-step-one .home-page-content{
        height: auto;
    }
    .page-template-create-logo-step-one .pane-content, .page-template-create-logo-step-three .pane-content{
        display: inline-block;
        width: 100%;
    }
    .logo-steps .industry-container{
        padding: 30px 15px;
    }
    .logo-steps .step-title{
        padding-right: 0;
        width: 100%;
        text-align: center;
        justify-content: none;
        display: inline-block;
        vertical-align: top;
        border-right: none;
        margin-bottom: 10px;
    }
    .logo-steps .step-form-fields{
        padding-left: 0;
        float: none;
        margin: 0 auto;
        width: 100%;
    }
    .logo-steps .step-form-fields .rounded-select-field{
        text-align: center;
    }
    .rounded-select-field.input-field{
        display: block;
        margin-left: auto;
        margin-right: auto;
        max-width: 400px;
    }
    .logo-steps .step-form-fields .modal-body.form{
        max-width: 400px;
        margin: 0 auto;
    }
    .color-swatches-list-holder .color-swatches-list{
        padding-left: 0;
        width: 100%;
    }
    .color-swatches-list-holder{
        padding-top: 10px;
    }
    .swatches-column-height-flex{
        padding: 0 20px;
    }
    .page-template-create-logo-step-four .logo-steps .step-form-fields,.page-template-create-logo-step-five .logo-steps .step-form-fields {
        display: inline-block;
    }
    .boxes-grid-list .boxes-grid{
        padding: 0 10px;
    }
    .page-template-creative-pricing .logo-info-tabs-area.industry-container{
        padding: 15px !important;
    }
}
@media(min-width: 640px){
    .open-close-trigger{
        display: none;
    }
}
@media(max-width: 640px){
    .tabs-navigation{
        position: absolute;
        width: 200px;
        background: rgb(255, 255, 255) none repeat scroll 0% 0%;
        z-index: 1;
        left: -15px;
        top: 0;
        border-right: 2px solid #ff7900;
        border-bottom: 2px solid #ff7900;
        border-top: 2px solid #ff7900;
        transform: translateX(-100%);
        transition: all 0.3s ease 0s;
        z-index: 2;
    }
    .tabs-navigation.in{
        transform: translateX(0);
    }
    .tabs-navigation ul.nav-tabs > li{
        width: 100%;
        border-bottom: 1px solid rgba(0,0,0,0.07);
    }
    .tabs-navigation ul.nav-tabs > li:last-of-type{
        border-bottom: none !important;
    }
    .tabs-navigation ul.nav-tabs{
        border-bottom: none !important;
    }
    .tabs-navigation ul.nav-tabs > li > a {
        min-width: auto;
        text-align: center;
        width: 100%;
        display: inline-block;
        vertical-align: top;
        min-height: 80px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: rgba(0,0,0,0.04);
        border-bottom: none !important;
    }
    .tabs-navigation ul.nav-tabs > li.active > a{
        /*background: #33b6ff;*/
        box-shadow: none;
        border-bottom: none !important;
        /*color: #fff;*/
        font-weight: normal;
    }
    .open-close-trigger {
        width: 50px;
        height: 50px;
        text-align: center;
        position: absolute;
        background: #ff7900;
        right: -50px;
        top: -2px;
        line-height: 50px;
        color: #fff;
    }
    .open-close-trigger span{
        display: inline-block;
        width: 100%;
        height: 100%;
        cursor: pointer;
        line-height: 50px;
        color: #fff;
        opacity: 1;
    }
    .tabs-navigation .open-close-trigger .close{
        display: none;
    }
    .tabs-navigation.in .open-close-trigger .close{
        display: block;
    }
    .tabs-navigation.in .open-close-trigger .open{
        display: none;
    }
    .tabs-block .block-content{
        padding-top: 40px;
        position: relative;
    }
    .tabs-navigation .slick-nav{
        display: none;
    }
    .slider-mobile-nav{
        text-align: center;
    }
    .slider-mobile-nav .slick-arrow{
        width: 60px;
        height: 60px;
        position: relative;
        display: inline-block;
        background-position: center !important;
        opacity: 0.4;
    }
    .slider-mobile-nav .slick-arrow.prev{
        background: url('../images/angle-left.png');
    }
    .slider-mobile-nav .slick-arrow.next{
        background: url('../images/angle-right.png');
    }
    .slider-mobile-nav .slick-arrow:hover{
        opacity: 1;
    }
    .office-address-contact{
        width: 100%;
        padding: 10px 15px;
    }
    .modal-body-content .left-title-area{
        padding-top: 5px;
    }
    .modal-body-content .left-title-area h2 {
        font-size: 30px;
    }
    .pane-content .tabs-content-area .left-tabs-block{
        width: 100%;
        border-right: none;
    }
    .modal-body .content-area{
        min-height: 200px;
    }
    .pane-content .tabs-content-area .logo-preview {
        min-height: auto;
        padding: 35px 15px 50px;
        width: calc(100% - 40px);
        /*border-right: none;*/
        display: inline-block;
    }
    .logo-info-tabs-area .tabs-navigation {
        position: static;
        transform: none;
        width: 100%;
        border: 1px solid #e6e6e6;
        margin-bottom: 15px;
    }
    .logo-info-tabs-area .tabs-navigation ul.nav-tabs li a{
        display: inline-block;
        width: 100%;
        vertical-align: top;
    }
    .logo-info-tabs-area .tabs-navigation ul.nav-tabs li a {
        min-width: auto;
        max-width: 100%;
        min-height: 60px;
        padding: 12px;
        background: #fff;
    }
    .logo-info-tabs-area .tabs-navigation ul.nav-tabs li.active a {
        background: #ff7900;
        color: #fff;
    }
    .logo-info-tabs-area .tabs-navigation ul.nav-tabs li.active a i{
        color: #fff;
    }
    .modal-body .logo-info-tabs-area .btns-content a.c-btn {
        height: 45px;
        padding: 12px 15px 10px;
        font-size: 16px;
        width: 150px;
        min-width: 120px;
    }
    .modal-body .logo-info-tabs-area .btns-content a.back-link {
        font-size: 14px;
    }
    .modal-footer {
        padding-top: 10px;
        text-align: left;
    }
    .modal-footer .left-area,.modal-footer .right-area {
        text-align: left;
        float: left;
        width: 100%;
    }
    .modal .modal-content {
        padding: 30px 15px;
    }
    .boxes-grid-list .boxes-grid{
        width: 100%;
        max-width: 400px;
    }
    .boxes-grid-list{
        display: inline-block;
        width: 100%;
    }
    .boxes-grid-list .boxes-grid {
        width: 100%;
        max-width: 400px;
        margin: 0 auto;
        display: inline-block;
        float: none;
        margin-bottom: 15px;
    }
}
@media(max-width: 599px){
    .offices-address-column .offices-content{
        display: inline-block;
        vertical-align: top;
        width: 100%;
    }
    .contact-column-area .office{
        width: 100%;
    }
    .contact-column-area .office .office-location-info{
        font-size: 14px;
    }
    .package-detail-feat-box{
        width: 100%;
    }
    .package-detail-feat-box .plan-key-feat-list{
        border-right: none;
    }
    .digit-list-detail-content .digit-title-content .digit{
        font-size: 35px;
    }
    .digit-title-content .digit strong{
        width: 50px;
        height: 50px;
        line-height: 40px;
        border: 6px solid #ff7900;
    }
}
@media (max-width: 580px){
    .project-slider .left-arrow {
        left: 42%;
        transform: translateX(-50%);
    }
    .project-slider .right-arrow {
        left: 58%;
        transform: translateX(-50%);
    }
}
@media(max-width: 560px){
    .special-offer-sec .offer-detail-box{
        width: 100%;
    }
    .about-us-sec::before{
        top:-340px
    }
    .offer-detail-box .plus-icon{
        display: none;
    }
    .offer-feat-list li, ul.checked-li li{
        font-size: 16px;
    }
    .special-offer-sec .offer-detail-box{
        padding: 10px 0;
    }
    .price-order-now-content{
        position: static;
    }
    .about-us-sec{
        background-position: center !important;
    }
}
@media(max-width: 480px){
    h2{
        font-size: 26px;
    }
    .dual-title p,.large-text p{
        font-size: 18px;
    }
    .about-us-sec::before {
        top: -300px;
        left: -470px;
    }
    .achievements-list .criteria-item{
        width: 100%;
    }
    .services-list-holder .list-box{
        width: 100%;
    }
    .footer-nav-block .block-content {
        display: inline-block;
    }
    .footer-nav-block .block-content .column{
        width: 100%;
    }
    .price-services-feat-box{
        width: 100%;
    }
    .price-services-feat-box .title-area h6 .price{
        display: inline;
    }
    .testimonials-slider .slick-dots{
        padding-left: 10px;
    }
    .contact-column .contact-info-detail{
        display: inline-block;
        width: 100%;
    }
    .contact-column .contact-info-detail .info,.contact-info-block .contact-column{
        margin-bottom: 15px;
    }
    .contact-info-block .contact-column,.contact-info-block .contact-column.large-column{
        width: 100%;
    }
    .search-block .search-input-field{
        width: calc(100% - 60px);
        padding-right: 5px;
    }
    .search-block .icon-btn{
        width: 60px;
        padding: 0;
    }
    .faq-block .faq .faq-body, .faq-block .faq .faq-body.open{
        padding-left: 15px;
    }
    .contact-hero-sec::after {
        top: -100px;
    }
    .contact-main-sec{
        padding-top: 70px;
    }
    ul.two-columns-list {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
    .icon-aside-heading-desc-columns-list .list-column li{
        font-size: 14px;
    }
    .price-page-services-sec .services-list-holder .list-box{
        width: 100%;
    }
}
@media(max-width: 430px){
    .company-best-qualities-sec .icons-caption-list .list-content{
        display: inline-block;
        vertical-align: top;
        width: 100%;
    }
    .company-best-qualities-sec .icons-caption-list .icon-caption-column{
        width: 100%;
    }
    .numeric-column .digit{
        width: 45px;
    }
    .numeric-column .numeric-desc-block{
        width: calc(100% - 45px);
        padding-right: 10px;
    }
    .portfolio-item{
        width: 100%;
    }
    .pagination-block a{
        width: 26px;
    }
    .coupon-area .inline-field-group .inline-field, .signup-area .inline-field-group .inline-field{
        width: 100%;
        margin-bottom: 10px;
    }
    .before-footer-contact-sec .long-column{
        margin-bottom: 20px;
    }
    .before-footer-contact-sec .short-column{
        width: 100%;
    }
}
@media(max-width: 420px){
    .ui-selectmenu-button span.ui-selectmenu-text{
        font-size: 15px;
    }
    .logo-steps .ui-selectmenu-button.ui-widget{
        width: 290px !important;
    }
    .logo-steps .step-title h2 {
        font-size: 36px;
    }
}
@media(max-width: 360px){
    .hero-sec{
        background-position: -300px !important;
    }
    .project-slider .left-arrow {
        left: 35%;
    }
    .project-slider .right-arrow {
        left: 65%;
    }
}