/*===================== TABLE OF CONTENT =======================
1.	3 Homepages
2.  Fonts 
3.  Reset Css
4.  Cross Browser Compatibility
5.  Header
6. Shop
6.  Navigations
7.  Dropdown
8.  Responsive Header
9.  Revolution Slider (Banner)
10. About App
11. Amazing Features
12. Interesting Screenshots
14.	Latest Blog News
15.	Questions Sections
16.	Clinet's Testimonial
17.	Our Newsletter
18. Stylish Pricing Plan
19.	Never Miss a Deal
20.	Contact Us
21. Footer

=============================================================*/



/* ================================================================================== 
Fonts
===================================================================================== */

@import url('https://fonts.googleapis.com/css?family=Roboto:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i');


/* ================================================================================== 
Reset Css
===================================================================================== */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
    font-family: 'Roboto', sans-serif;
    overflow-x: hidden;
    font-weight: 400;
    background-color: #eeeeee;
    margin: 0 auto;
}

ol,
ul {
    list-style: none;
}

a:hover {
    text-decoration: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

button {
    outline: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

* {
    margin: 0;
    padding: 0;
}

a:focus {
    text-decoration: none;
    outline: none;
}

a:hover {
    color: #fff;
}

button {
    outline: none;
}

input {
    outline: none;
}

textarea {
    outline: none;
}

section {
    float: left;
    width: 100%;
    position: relative;
}

img {}

p {
    font-size: 14px;
    line-height: 26px;
    color: #666666;
}


/* ================ CROSS BROWSER COMPATABILITY =============== */

.ask-question,
nav,
.notification-box.active,
nav ul li a,
.user-account-settingss.active,
.user-info a,
.suggestion-usd>span i,
.view-more>a,
.tags-sec ul li a,
.post-st ul li a,
.ed-opts>a,
.bk-links li a,
.like-com li a,
.user-profy>a,
.slick-previous:before,
.slick-nexti:before,
.comment>a,
.sign_link>a,
.post-popup,
.post-project>a,
.post-project-fields form ul li button,
.post-project-fields form ul li a,
.sign-control li a,
.cover-sec>a,
.star-descp>a,
.message-btn a,
.pf-gallery ul li,
.gallery_pt:before,
.gallery_pt>a,
.overview-box,
.skl-name,
.conv-list,
.save-stngs ul li button,
.forum-links.active,
.react-links li a,
.next-prev>a,
nav ul li:hover>ul,
.user-pro-img>a i {
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
    transition: all 0.4s ease-in;
}


/* ============== DEFAULT BORDER RADIUS =========== */


.ask-question,
.login_register ul li a,
.search-bar form input,
.search-bar form button,
.search_form form input,
.post-st ul li a,
.post-bar,
.bk-links li i,
.bid_now,
.user-profy ul li a,
.posty,
.comment_box form button,
.post-project-fields form input,
.post-project-fields form textarea,
.post-project-fields form select,
.post-project-fields form ul li button,
.post-project-fields form ul li a,
.signin-pop,
.sign-control,
.sign_in_sec form input,
.sign_in_sec form select,
.sign_in_sec form button,
.signup-tab,
.login-resources ul li a,
.flw-hr li a,
.message-btn a,
.user-profile-ov,
.portfolio-gallery-sec,
.overview-edit,
.overview-edit form textarea,
.overview-edit form input,
.overview-edit form select,
.overview-edit button,
.file-submit,
.billing-method,
.lt-sec>a,
.add-billing-method,
.payment_methods form button,
.payment_methods form input,
.company-up-info ul li a,
.search-box form input,
.filter-dd form input,
.filter-dd form select,
.conversation-box,
.save-stngs ul li button,
.cp-field input,
.cp-field textarea,
.accept-req,
.mf-field input,
.mf-field button,
.pagination li .page-link,
.post_comment_sec form textarea,
.post_comment_sec form button,
.next-prev>a {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

.wrapper {
    float: left;
    width: 100%;
    position: relative;
}

.overlay:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.75);
    z-index: 99;
}

/*===Header Sticky==*/
.header {
    position: relative;
    position: relative;
    z-index: 999;
    padding: 19px 0px;
    border-bottom: 1px solid #7f7f7f;
    background-color: #353535;
}

.headerbg {
    background-size: 100%;
    background: #353535;

}

.menu ul {
    padding: 0px;
    margin: 0px;
}

.menu ul {

    padding: 0px;
    margin: 0px;

}

.menu ul li {
    display: inline;
    padding: 0px 19px;
}

.navbar-collapse {
    padding-right: 0px !important;
}

.menu ul li a {
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
}

.navbar .active,
.menu ul li a:hover {
    transform: rotate(0deg);
    transition: all .5s;
    color: #ffc815;
    text-decoration: none;
}

.social {

    padding: 10px;
}

.social ul {
    margin: 0px;

}

.fixed-header {
    position: fixed;
    top: 0;
    z-index: 4;
    left: 0;
    background: #353535;
    width: 100%;
}

nav {
    width: 100%;
    height: 70px;

}

.dropdown-toggle::after {
    content: none !important;
}

nav div {

    visibility: initial;
}

.visible-title {
    visibility: visible;
}

.sticky-top {
    width: 100%;
}

.social {
    padding: 0px;
    margin: 0px;

}

.menu .navbar-nav .dropdown-menu {
    border: 1px solid #fff;
    border-radius: 0px;
    margin: 4px 23px;
    background: #fff;
}

.menu .navbar-nav .dropdown-menu li {
    width: 100%;
    display: inherit;
    border-bottom: 1px solid #eee;
    padding: 4px 9px;
}

.menu .navbar-nav .dropdown-menu li a {
    color: #555;
    font-size: 12px;
}

.menu .navbar-nav .dropdown-menu li a:hover {
    transform: rotate(0deg);
    transition: all .5s;
    color: #ffc815;
}

.social ul {
    padding: 0px;
    margin: 0px;
}

.social ul li {
    display: inline;
    padding: 0px 15px;
}

.social ul li a {
    color: #fff;
}

.social ul li a:hover {
    transform: rotate(0deg);
    transition: all .5s;
    color: #ffc815;
    text-decoration: none;
}

/*===body Sticky==*/
.box {
    text-align: center;
    background-color: #fffdf0;
    padding: 80px 0px;
}

/**Icon Background**/
.social-text {
    text-align: center;
    padding: 80px 0px 80px;
    background: url(../images/banner/banner.jpg);
    background-size: 100%;
}

.social-text .icon-main {
    margin-bottom: 24px;
}

.social-text .ico-no {
    font-size: 48px;
    color: #ffffff;
    font-weight: 700;
    line-height: 24px;
}

.social-text .ico-txt {
    color: #fff;
    font-size: 20px;
    margin-top: 24px;
}

/*==Title Home===*/
.padding {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.about-text {
    padding: 50px 0px 0px;
}

.main-title {
    padding: 80px 0px;
}

.title-cont {
    font-size: 14px;
    color: #686868;
}

.page-title {
    font-size: 14px;
    color: #ffc815;
}

.page-title span {
    color: #353535;
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
}

.title-cont p {
    font-size: 14px;
    color: #686868;
    line-height: 24px;
}

/*===footer Sticky==*/
footer {
    background: #353535;
    text-align: center;
    clear: both;
    color: #909090;
    font-size: 15px;
    padding-top: 90px;

}


.social-icon {
    margin: 0 auto;
    padding: 20px 0px 10px;
    text-align: center;

}

.social-icon ul li {
    height: 41px;
    width: 41px;
    list-style: none;
    background-color: #353535;
    border-radius: 50%;
    margin: 0px 2px;
    line-height: 41px;
    display: inline;
    display: inline-block;
}

.footer-bottom {
    padding: 30px 0px;
    border-top: 1px solid #404040;
    color: #909090;
    font-size: 14px;
}

.footer-bottom a {
    color: #ffc815;
    padding: 0px 6px;
}

.footer-bottom a:hover {
    text-decoration: none;
    transform: rotate(0deg);
    transition: all .5s;
    color: #ffc815;
}

.social-icon i {
    color: #fff;
    font-size: 18px;
}

.social-icon .icofont:hover {
    text-decoration: none;
}

.social-icon ul li:hover {
    transform: rotate(0deg);
    transition: all .5s;
    text-decoration: none;
    background: #ffc815;
}

.footer-box p {
    color: #909090;
    margin-bottom: 0px;
    margin-top: 10px;
    line-height: 22px;
    font-size: 14px;
}

.footer-box i {
    color: #ffc815;

    font-size: 22px;
}

/*=#boxes=*/
.box-ico {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    color: #353535;
    font-size: 28px;
    /* padding: 20px; */
    border: 1px solid #353535;
    line-height: 65px;
    margin: 0 auto;
}

.box-ico:hover {
    background: #ffc815;
    transform: rotate(0deg);
    transition: all .5s;

    color: #fff;
    border: 1px solid #ffc815;
}

.box-title {
    padding: 30px 0px 20px;
    font-size: 18px;
    color: #353535;
    font-weight: 600;
}

.box-content {
    padding: 0px 14px;
    line-height: 22px;
    color: #686868;
    font-size: 14px;
}

/*===Team==*/
.team-box {
    border: 1px solid #e5e5e5;
    color: #ffc815;
    text-align: center;
}

.team-image img {
    width: 100%;
}

.team-hide {
    display: none;
}

.team-name {
    font-size: 18px;
    padding: 22px 0px;
    font-weight: 600;
    color: #353535;
}

.team-name p {
    margin-bottom: 0px;
    font-size: 14px;
    color: #ffc815;
    padding-top: 5px;
}

.team :hover .team-hide {
    transform: rotate(0deg);
    transition: all .5s;
    display: block;
    border-bottom: 2px solid #ffc815;
    border-right: 2px solid #ffc815;
    border-left: 2px solid #ffc815;
    height: 101px;
}

.team :hover .team-name {
    display: none;
    transform: rotate(0deg);
    transition: all .5s;
}

/*===#Price===*/
.bg-price {
    background: #fffdf0;
}

.plan {
    margin: 50px 0px 80px;
    border-right: 1px solid #e5e5e5;
}

/** plan **/
.plan-sub {
    background: #353535;
    width: 170px;
    cursor: pointer;
    height: 45px;
    text-align: center;
    line-height: 46px;
    color: #fff;
    margin: 0 auto;
}

.plan-icon {
    background: #353535;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    font-size: 36px;
    color: #fff;
    margin-bottom: 30px;
    border-radius: 50%;
    line-height: 75px;
}

.personal-plan {
    font-size: 18px;
    color: #353535;
    padding: 0px 0px 20px;
    font-weight: 700;
    text-transform: capitalize;
}

.plan .price {
    font-size: 24px;
    color: #353535;
    font-style: italic;
    font-weight: 600;
    margin-bottom: 30px;
}

.team {
    margin-top: 50px;
}

.plan-list ul {
    padding: 0px;
    margin: 0px;
}

.plan-list ul li {
    padding-bottom: 20px;
    color: #999999;
    font-size: 14px;
}

.plan-icon:hover,
.plan-sub:hover {
    background: #ffc815;
    color: #353535;
}

.plan-list ul li:hover {
    transform: rotate(0deg);
    transition: all .5s;
    color: #353535;
}

/*==#Banner==*/
.banner {
    background-image: url(../images/banner/header-bg.png);
    background-size: 100%;
    background-repeat: no-repeat;
}

.banner-title {
    padding: 35px 0;
}

.banner-title h2 {
    font-size: 42px;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;

}

.breadcrumb {
    margin: 0px !important;
    display: inherit !important;
    padding: 0px !important;
    background-color: transparent !important;
}

.breadcrumb li {
    display: inline !important;
}

.breadcrumb-item a {
    color: #fff;
    font-size: 24px;
    text-transform: uppercase;
}

.breadcrumb-item a:hover {
    color: #ffc815;
    text-decoration: none;
}

.breadcrumb-item.active {
    color: #ffc815 !important;
    font-size: 24px;
    text-transform: uppercase;
}


/*==Contact Page==*/
.p-left {
    padding-left: 0px !important
}

.p-rignt {
    padding-right: 0px !important;
}

.map {
    margin: 50px 0px;
}

.form-float {
    float: left;
    width: 282px;
    margin-bottom: 10px;
}

.form-data {
    color: #353535;
    font-size: 14px;
    font-weight: 600;
}

.form-data input {
    font-size: 12px;
    height: 45px;
    border: 1px solid #cccccc;
    color: #999999;
    padding-left: 15px;
    margin-top: 15px;
    width: 100%;
}

.form-data textarea {
    border: 1px solid #cccccc;
    color: #999999;
    font-size: 12px;
    padding: 15px;
    margin-top: 15px;
    height: 160px;
    width: 100%;
}

.textarea {
    padding-top: 30px;
    padding-bottom: 15px;
}

.contact-send {
    margin: 50px 0px 80px;

}

.contact-send a {


    background: #353535;

    font-size: 16px;
    padding: 18px 40px;
    color: #fff;

    line-height: 45px;
}

.contact-send a:hover {
    transform: rotate(0deg);
    transition: all .5s;
    text-decoration: none;
    color: #fff;
    background: #ffc815;
}

.contact-heading {
    margin-bottom: 50px;
}

.contact-heading h4 {
    font-size: 24px;
    color: #353535;
    margin: 0px;
    font-weight: 600;
    margin-right: 50px;
    float: left;
}

.contact-heading p {
    font-size: 14px;
    color: #686868;
    width: 100%;
    /* margin-bottom: 0px!important; */
    float: left;
    margin-bottom: 50px;
    margin-top: 25px;
}

.contac-right-heading {
    padding: 0px;
    margin: 0px;
}

.contac-right-heading h4 {
    font-size: 24px;
    color: #353535;
    margin: 0px;
    font-weight: 600;
    float: left;
    margin-right: 116px;
}

.right-contact {
    width: 100%;
    margin-top: 15px;
    float: left;
}

.right-contact label {
    height: 24px;
}

.border1 {
    border: 1px solid #353535 !important;
    float: left;
    width: 26%;
    margin-right: 0px;
    margin: 16px 0px;
}

.right-contact .right-main {
    padding: 15px 0;
    color: #686868;
    font-size: 14px;
    font-weight: 600;
}

.right-contact .right-main label {
    height: 33px;
    float: left;
    color: #ffc815;
    margin-right: 8px;
}

/*==#Blog==*/
.navbar {
    padding: 0px !important;
}

.blog {
    padding: 80px 0px;
}

.blog2 {
    padding: 25px 20px;
    width: 80%;
    float: left;
}

.blog2-Read {
    float: right;
    margin: 25px 20px 0 0;

}

.blog2-Read a {
    background: #353535;
    width: 16%;
    padding: 8px 15px;
    height: 40px;

    color: #ffffff;
}

.blog2-Read a:hover {
    transform: rotate(0deg);
    transition: all .5s;
    color: #fff;
    text-decoration: none;
    background: #ffc815;
}

.blog2 h4 {
    color: #353535;
    margin-bottom: 8px;
    font-size: 18px;
}

.blog2-border {
    border: 1px solid #eee;
    width: 772px;
    margin-bottom: 30px;
}

.blog-content {
    width: 100%;
    float: left;
    padding: 0px 20px 25px;
    color: #686868;
    font-size: 14px;
}

.blog2 ul {
    padding: 0px;
    margin: 0px;
}

.blog2 ul li {
    display: inline;
    color: #999999;
    font-size: 12px;
    padding: 0px 10px 0 0;
}

.blog2 ul li a {
    color: #999999;
    font-size: 12px;
    font-weight: 600;
}

.blog2 ul li a:hover {
    transform: rotate(0deg);
    transition: all .5s;
    color: #ffc815;
    text-decoration: none;
}

.sidetitle {
    border-bottom: 1px solid #cccccc;
    padding-bottom: 15px;
    font-size: 18px;
    font-weight: 600;
    color: #353535;
}

.input-sidebar {
    padding-top: 15px;
    position: relative;
    padding-bottom: 50px;
}

.input-sidebar input {
    border: 1px solid #ccc;
    font-size: 13px;
    font-weight: 600;
    width: 100%;
    color: #999999;
    padding: 14px;
    text-transform: capitalize;
}

.input-sidebar .icofont-search {
    position: absolute;
    right: 12px;
    top: 31px;
    color: #999999;
    cursor: pointer;
    font-weight: 700;
}

.paragraph {
    padding: 0px;
    margin-bottom: 50px;
}

.paragraph ul {
    padding: 0px;
    margin: 0px;
}

.paragraph li {
    padding: 15px;
    border-bottom: 1px solid #ccc;
}

.paragraph li a {
    color: #353535;
    font-size: 14px;
    width: 100%;
    font-weight: 600;
}

.paragraph li a i {
    font-size: 18px;
    /* text-align: right; */
    float: right;
    padding-top: 7px;
}

.paragraph li a:hover {
    transform: rotate(0deg);
    transition: all .5s;
    color: #ffc815;
    text-decoration: none;
}

.main-sides {
    padding: 25px 15px;
    border-bottom: 1px solid #ccc;
}

.slider-img-log {
    width: 30%;
    float: left;
}

.sider-para span {
    font-size: 16px;
    color: #353535;
    font-weight: 600;
}

.sider-Read-more {
    margin-top: 8px;
}

.sider-Read-more a {
    color: #353535;
    font-weight: 400;
    font-size: 14px;
}

.sider-Read-more a:hover {
    text-decoration: none;
    transform: rotate(0deg);
    transition: all .5s;
    color: #ffc815;
}

.tags {
    margin-top: 50px;
}

.tags .list-one {
    padding: 0px;
    margin: 0px;
}

.tags .list-one ul {
    padding: 0px;
    margin: 0px;
}

.tags .list-one ul li {
    float: left;
    margin: 9px 9px 5px 0px;
    border: 1px solid #cccccc;
    height: 36px;
    line-height: 34px;

}

.tags .list-one ul li a {
    padding: 8px 24px;
    color: #353535;
    font-size: 14px;

}

.tags .list-one ul li a:hover {
    background: #ffc815;
    transform: rotate(0deg);
    transition: all .5s;
    text-decoration: none;
}

.pagina {
    border: 1px solid #cccccc;
    margin: 50px 0px;
    padding: 10px 50px;
}

.pagina ul {
    padding: 0px;
    margin: 0px;
}

.pagina ul li {
    float: left;
    display: inline;
}

.pagina ul li a {
    color: #353535;
    font-size: 16px;
    padding: 5px 15px;
}

.pagina ul li a:hover,
.pagina i:hover {
    transform: rotate(0deg);
    transition: all .5s;
    text-decoration: none;
    background: #ffc815;
}

.pagina i {
    background: #353535;
    color: #fff;
    float: left;
    padding: 4px;
    border-radius: 50%;

}

.pagina .icofont-simple-right {
    margin-left: 150px;
}

.pagina .icofont-simple-left {
    margin-right: 150px;
}

.title {
    border: 1px solid #eee;
    margin-bottom: 17px;
}

.image_logo {
    float: left;
    width: 299px;
}

.text-area {
    float: left;
    width: 445px;
}

.blog1 {
    margin: 23px 0px;
}

.blog1 h3 {
    color: #353535;
    margin-bottom: 8px;
    font-size: 18px;
}

.blog1 ul {
    padding: 0px;
    margin: 0px;
}

.blog1 ul li {
    display: inline;
    color: #999999;
    font-size: 12px;
    padding: 0px 10px 0 0;
}

.blog1 ul li a {
    color: #999999;
    font-size: 12px;
    font-weight: 600;
}

.contents {
    padding: 0px 0px 25px;
    color: #686868;
    font-size: 14px;

}

.read-more {
    margin-top: 20px;
}

.read-more a {
    background: #353535;
    width: 16%;
    padding: 8px 15px;
    height: 40px;
    color: #ffffff;
}

.read-more a:hover {
    color: #fff;
    transform: rotate(0deg);
    transition: all .5s;
    text-decoration: none;
    background: #ffc815;
}

/*==Single Blog==*/
.single-blog {
    padding: 25px 20px;
}

.single-blog h4 {
    color: #353535;
    margin-bottom: 8px;
    font-size: 18px;
}

.single-blog ul {
    padding: 0px;
    margin: 0px;
}

.single-blog ul li {
    display: inline;
    color: #999999;
    font-size: 12px;
    padding: 0px 10px 0 0;
}

.single-blog ul li a {
    color: #999999;
    font-size: 12px;
    font-weight: 600;
}

.single-blog ul li a:hover {
    color: #ffc815;
    transform: rotate(0deg);
    transition: all .5s;
    text-decoration: none;
}

.single-content p {
    color: #686868;
    font-size: 14px;
}

.single-content .em {
    background: #ffc815;
    font-size: 18px;
    padding: 6px 30px;
    width: 100%;
    font-weight: 600;
    margin: 10px 0;

}

.tagings {
    font-size: 15px;
    color: #686868;
    padding: 13px 0px 46px;
    border-bottom: 1px solid #ccc;
}

.tagings b {
    text-transform: uppercase;
}

.comment-title {
    padding: 50px 0px 30px;
    font-size: 18px;
    color: #353535;
    text-transform: uppercase;
    font-weight: 600;
}

.comments {
    padding: 30px 0px;
    border-bottom: 1px solid #cccccc;
}

.cooment-img {
    float: left;
    width: 14%;
}

.comment-mid {
    float: left;
    width: 75%;
}

.comment-reply {
    float: right;
    width: 8%;
    text-align: right;
}

.comment-reply a {
    color: #353535;
    font-weight: 600;
    font-size: 13px;
}

.comment-reply a:hover {
    color: #ffc815;
    transform: rotate(0deg);
    transition: all .5s;
    text-decoration: none;
}

.comment-mid p {
    font-size: 16px;
    color: #333333;
    text-transform: capitalize;
    margin-bottom: 17px;
    font-weight: 600;
}

.comment-mid {
    color: #686868;
    text-transform: capitalize;
    font-size: 14px;
}

.comment-mid span {
    text-transform: capitalize;
    font-size: 12px;
    color: #999999;
}

.comments:last-child {
    border-bottom: 0px;
}

.leav-comment {
    padding: 50px 0px;
    color: #353535;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
}

.leav-comment p {
    margin-bottom: 0px !important;
    font-size: 14px;
    color: #686868;
    font-weight: 400;
    text-transform: capitalize;
    padding-top: 20px;
}

.comment-form .form-data {
    margin-top: 20px;
}

.comment-form .contact-send {
    margin: 50px 0px 0px;
}

.comment-form .contact-send a {
    background: #353535;
    font-size: 14px;
    padding: 16px 30px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
}

.comment-form .contact-send a:hover {
    color: #fff;
    text-decoration: none;
    background: #ffc815;
    transform: rotate(0deg);
    transition: all .5s;
}

.footer img {
    /*margin-top: 60px;*/
    margin-bottom: 27px;
}

/**contact **/

.home-form {
    padding-top: 50px;
}

.home-form .form-control-label {
    font-size: 14px;
    font-weight: 600;
    color: #353535;
}

.home-form input[type='text'],
.home-form input[type='tel'],
.home-form input[type='email'] {
    border: 1px solid #cccccc;
    color: #999999;
    border-radius: 0px;
    font-size: 12px;
    margin-bottom: 15px;
    padding: 18px 16px;
}

.home-form textarea {
    border: 1px solid #cccccc;
    color: #999999;
    border-radius: 0px;
    padding: 18px 16px;
    margin-bottom: 50px;
    width: 100%;
    font-size: 12px;
}

.home-form .input-group-btn .btn {
    background: #353535;
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    text-transform: uppercase;
    /* margin-top: 40px!important; */
    margin: 0px !important;
}

.home-form .input-group-btn .btn:hover {
    background: #ffc815;
    transform: rotate(0deg);
    transition: all .5s;
}

/**Testimonial**/
.testimonialbg {

    margin: 74px auto 40px;
    position: relative;
    border: 1px solid #353535;
    padding: 70px 0px 50px;
}

.testimonialbg .comts {
    height: 45px;
    font-size: 45px;
    border-radius: 50%;
    background: #ffc815;
    margin: 0 auto;
    color: #353535;
    width: 45px;
    position: absolute;
    top: -24px;
    text-align: center;
    left: 46%;
}

.testimonialbg .comts i {
    position: absolute;
    font-size: 22px;
    padding: 10px;
    /* line-height: 2; */
    color: #fff;
    /* margin-top: -16px; */
    right: 1px;
    top: 4px;
}

/**Home Blog**/

.blog-home {
    background: #fffdf0;
    padding: 80px 0px;
}

.midd-blog {
    margin-top: 50px;
}

.blogimg {
    float: left;
    width: 50%;
}

.blogbg {
    background-image: url(../images/blog/blogbg.png);
    float: left;
    width: 55%;
    margin-top: -1px;
    margin-left: -29px;
    padding: 10px 19px 0px 35px;
    height: 215px;
    margin-bottom: 30px;
    background-repeat: no-repeat;
}

.blog-title {
    margin-top: 20px;
}

.blog-title a {
    color: #353535;
    font-size: 18px;
    font-weight: 600;
}

.homgbgcontent {
    font-size: 14px;
    color: #686868;
}

.home-admin {
    padding: 0px;
    margin: 0px;
}

.home-admin ul {
    padding: 10px 0px 28px;
    margin: 0px;
    list-style: none;
}

.home-admin ul li {
    display: inline;
    padding: 0px 10px 0px 0px;
    font-size: 12px;
    color: #999999;

}

.home-admin ul li a {
    font-size: 12px;

    color: #999999;
    text-transform: capitalize;
}

.blog-title a:hover,
.home-admin ul li a:hover {
    color: #ffc815;
    text-decoration: none;
}

/**Testmonial**/

@media (max-width: 640px) {
    .quote-card:after {
        font-size: 18em;
        right: -25px;
    }
}

.testiminal-image {
    padding: 0px;
    margin: 0px;
    position: relative;

}

.testiminal-image ul li img:hover {
    border: 2px solid #ffc815;
    border-radius: 2px;
    width: 130px;

    height: 130px;


}

/**#hover**/
@keyframes shake {
    0% {
        transform: translate(1px, 1px) rotate(0deg);
    }

    10% {
        transform: translate(-1px, -2px) rotate(-1deg);
    }

    20% {
        transform: translate(-3px, 0px) rotate(1deg);
    }

    30% {
        transform: translate(3px, 2px) rotate(0deg);
    }

    40% {
        transform: translate(1px, -1px) rotate(1deg);
    }

    50% {
        transform: translate(-1px, 2px) rotate(-1deg);
    }

    60% {
        transform: translate(-3px, 1px) rotate(0deg);
    }

    70% {
        transform: translate(3px, 1px) rotate(-1deg);
    }

    80% {
        transform: translate(-1px, -1px) rotate(1deg);
    }

    90% {
        transform: translate(1px, 2px) rotate(0deg);
    }

    100% {
        transform: translate(1px, -2px) rotate(-1deg);
    }
}

.about-text img:hover {
    transform: scale(1.5);
    transform: rotate(8deg);
    transition: all .5s;
}

.box-ico:hover {
    transform: scale(1.5);
    transform: rotate(360deg);
    transition: all .5s;
}

.view:hover,
.tags .list-one ul li a:hover {
    transform: scale(1.01);

    transition: all 1.5s;
}

.plan-sub:hover {
    transform: scale(1.5);
    transform: rotate(360deg);
    transition: all 1.5s;
}

.box-title:hover {
    color: #ffc815;
}

.tile img:hover {
    transform: scale(1.02);
    transition: all 1.5s;
}

.midd-blog .col-md-6:hover {
    transform: scale(1.02);

    transition: all .7s;
}

.testimonialbg .comts i:hover,
.hidden-xs img:hover {
    transform: rotate(360deg);
    transition: all .7s;
}

.team-image img:hover {
    transform: scale(1.01);

    transition: all 1.5s;
}

.footer-box i:hover {
    animation: shake 0.5s;
    animation-iteration-count: infinite;
}

.icon-main img:hover {
    transform: rotate(360deg);
    transition: all .7s;
}

.image_logo img:hover {
    transform: scale(1.05);

    transition: all 1.5s;
}

.plan-icon:hover {
    transition: all .7s;
    transform: rotate(5deg);
    margin-bottom: 14px;
}

.slider-img-log:hover,
.blog2-border img:hover,
.blog2-border img:hover {
    /*animation: shake 0.5s; 
animation-iteration-count: infinite;	*/
    transform: scale(1.02);

    transition: all 1.5s;
}

.cooment-img img:hover {
    transform: rotate(360deg);
    transition: all .7s;
}

.contact-send a:hover .read-more a:hover,
.contact-send:hover {
    transform: scale(1.01);

    transition: all 1.5s;
}

#back2Top {
    width: 40px;
    line-height: 40px;
    overflow: hidden;
    z-index: 999;
    display: none;
    cursor: pointer;
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    position: fixed;
    bottom: 19px;
    right: 20px;
    background-color: #DDD;
    color: #555;
    text-align: center;
    font-size: 24px;
    text-decoration: none;
    border-radius: 50%;
}

#back2Top:hover {
    color: #fff;
    background: #ffc815;
}
/*### Custom section start ###*/
.custom-nav-font li a {
    font-size: 2em !important;
    font-weight: bold;
}

.video-background {
    position: relative;
    height: 100vh;
    overflow: hidden;
}

    .video-background video {
        position: absolute;
        top: 50%;
        left: 50%;
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: auto;
        transform: translate(-50%, -50%);
        z-index: -1;
    }

.content-overlay {
    position: relative;
    z-index: 1;
    text-align: center;
    color: white;
    padding: 20px;
}

.footer-links a {
    color: #909090 !important;
}