@import url('https://fonts.googleapis.com/css?family=Ek+Mukta:600|Roboto');

.ffoonnttss
{
    font-family: 'Roboto' , sans-serif;
    font-family: 'Ek Mukta' , sans-serif;
}

*
{
    padding: 0px;
    margin: 0px;
    font-family: 'Roboto' , sans-serif;
    word-wrap: break-word;
}

p
{
    color: #3a3c3c;
    font-size: 15px;
    word-wrap: break-word;
    line-height: 25px;
    text-align: justify;
    padding-bottom: 10px;
    margin: 0px;
}

a, a:hover, a:focus, a:active
{
    font-family: 'Roboto' , sans-serif;
    text-decoration: none;
}

h1, h2, h3, h4
{
    font-family: 'Ek Mukta' , sans-serif;
}

h1
{
    font-weight: 600;
    font-size: 36px;
}

h2
{
    font-weight: 600;
    font-size: 32px;
}

h3
{
    font-weight: 600;
    font-size: 28px;
}

h4
{
    font-size: 24px;
    font-weight: 600;
}

.notshow
{
    display: none !important;
}

.bredcrumb1
{
    text-align: right;
    font-size: 13px;
    margin: -20px 0 20px auto;
}

.bredcrumb2
{
    text-align: right;
    font-size: 13px;
    margin: 20px 0 20px auto;
}

.bredcrumb3
{
    text-align: right;
    font-size: 13px;
    margin: 0px 0 20px auto;
}

.bredcrumb1 a, .bredcrumb2 a, .bredcrumb3 a
{
    color: #333333;
}



 /*Popup Design CSS*/
#popup-design1 .nospce {
    padding: 0;
}

#popup-design1 .nobrdr {
    border-radius: 0;
}

#popup-design1 .pop-flex1 {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    flex-wrap: wrap;
}

#popup-design1 .pop-form1 {
    width: 50%;
    padding: 20px;
    position: relative;
}

#popup-design1 .form1-title {
    margin: 20px auto;
    text-align: center;
}

#popup-design1 .form-grp1 {
    margin: 20px 0;
}

#popup-design1 .form-ele1 {
    display: block;
    width: 100%;
    padding: 10px 12px;
    line-height: 14px;
    font-size: 14px;
    background-color: #ffffff;
    color: #333333;
    border: 1px solid #333333;
    border-radius: 6px;
}

#popup-design1 .form-sub1 {
    display: block;
    width: 100%;
    padding: 12px;
}

#popup-design1 .pop-div2 {
    width: 50%;
    padding: 30px 15px;
    position: relative;
    background-size: cover;
    background-position: center center;
}

#popup-design1 .absrtbg {
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 9;
}

#popup-design1 .pop-link1 {
    display: inline-block;
    padding: 12px 24px;
    margin: 20px auto;
}

#popup-design1 .close-link1 {
    position: absolute;
    right: 0;
    display: inline-block;
    padding: 2px 10px;
    background-color: rgba(0,0,0,0.8);
    border: none;
    outline: none;
    color: #ffffff;
}
#popup-design1 .pop-div22 {
    width: 50%;
    position: relative;
}

#popup-design1 .form2-title {
    margin: 0px auto;
    padding: 10px 0 20px 0;
    text-align: center;
}

#popup-design1 .pop-div22 {
    width: 50%;
    position: relative;
}

#popup-design1 .form2-title {
    margin: 0px auto;
    padding: 10px 0 20px 0;
    text-align: center;
}
#popup-design1 .pop-bg2 {
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 100%;
    padding: 30px 15px;
}
@media screen and (max-width: 767px) {
    #popup-design1 .pop-form1, #popup-design1 .pop-div2, #popup-design1 .pop-div22 {
        display: block;
        width: 100%;
    }
}


/*Fixed Header CSS*/
.topbgcolor2fixed
{
position: fixed;
left: 0;
right: 0;
top: 0;
z-index: 9999;
animation: smoothScrolls 1s forwards;
}

@keyframes smoothScroll 
{
    0% {
        transform: translateY(-100%);
        opacity: 0;
    }
    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes hideanim
		{
			from {opacity: 1;}
			to {opacity: 0;}
		}
		.hide-title
		{
			animation: hideanim 0.6s;
			animation-fill-mode: forwards;		
		}
		@keyframes showanim
		{
			from {opacity: 0;}
			to {opacity: 1;}
		}
		.show-title
		{
			animation: showanim 0.6s;
			animation-fill-mode: forwards;
		}


/*Blog CSS*/
.blogflexbox
{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.blog-space
{
    padding-bottom: 30px;
}

.blog-img
{
    position: relative;
}

.blog-img span.meta-date
{
    position: absolute;
    bottom: 0;
    padding: 20px;
    background: rgba(0, 0, 0, 0.48);
    color: #ffffff;
}

.blogtitle
{
    font-size: 20px;
    text-align: justify;
    text-decoration: none;
    padding-top: 10px;
    color: #333333;
}

.blogcategory
{
    color: #777;
}

.blogcategory > span
{
    color: #777;
    margin-right: 10px;
}

.blogspace
{
    padding-bottom: 20px;
}

.blog-dtitle
{
    margin: 20px 0 10px;
}

.blog-date
{
    display: block;
    color: #777;
    font-size: 14px;
    padding-bottom: 20px;
}

.blog-detail
{
    padding-bottom: 10px;
}

.tag-side
{
    background-color: #fbfbfb;
    border-top: 2px solid #565656;
    padding: 20px;
    margin-bottom: 30px;
}

.tag-title > h4
{
    color: #777;
}

.tag-title > hr
{
    border-color: #565656;
    width: 30%;
    margin-top: 10px;
}

.tag-listline
{
    list-style: none;
    margin-left: 0px;
    padding-left: 0px;
}

.tags ul li
{
    padding: 5px 10px;
    border: 1px solid #B5B5B5;
    margin-bottom: 10px;
    transition: ease-in-out 0.5s;
    display: inline-block;
}

.tags ul li a
{
    color: #333;
    transition: ease-in-out 0.5s;
}

.tags ul li:hover
{
    background-color: #B5B5B5;
}

.tags ul li:hover a
{
    color: white;
}

.arclist li
{
    padding-bottom: 8px;
}

.arclist li i
{
    padding-right: 10px;
    transition: all 0.4s ease-in-out;
}

.arclist li a
{
    color: #333;
}

.arclist li:hover i
{
    padding-left: 5px;
    padding-right: 5px;
}

.allblg
{
    padding: 6px 20px;
    margin-top: 6px;
    display: inline-block;
    border: 1px solid #B5B5B5;
    color: #333;
    font-size: 15px;
    transition: all ease-in-out 0.5s;
}

.allblg:hover
{
    background-color: #B5B5B5;
    color: white;
}

.blogflex1
{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px dashed #dddddd;
}

.blogflex1 > div:first-child
{
    margin-right: 16px;
}

.blogflex1 a
{
    text-decoration: none;
    color: #333;
    font-size: 16px;
    line-height: 26px;
    font-weight: 600;
    display: inline-block;
    margin-bottom: 10px;
}

.sharepost
{
    background-color: #fbfbfb;
    border-top: 2px solid #565656;
    padding: 20px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.sharepost li
{
    vertical-align: middle;
    font-size: 18px;
    font-weight: 600;
}

.pager div
{
    float: left;
    border: 1px solid gray;
    margin: 5px;
    padding: 10px;
    cursor: pointer;
}

.pager div.disabled
{
    opacity: 0.25;
}

.pager .pageNumbers a
{
    display: inline-block;
    padding: 0 10px;
    color: #494848;
    font-size: 15px;
}

.pager .pageNumbers a.active
{
    color: #1e51ff;
    font-weight: bold;
    font-size: 18px;
}

.pager
{
    overflow: hidden;
}


/*Heading Element CSS*/

#he-mydesign1 h1
{
    margin: 5px 0;
}

#he-mydesign2 h2
{
    margin: 5px 0;
}

#he-mydesign3 h3
{
    margin: 5px 0;
}

#he-mydesign4
{
    padding-top: 10px;
}

#he-mydesign5
{
    padding-top: 20px;
}

#he-mydesign6
{
    border-bottom: 1px dotted #393939;
    height: 10px;
    margin-bottom: 10px;
}

#he-mydesign7
{
    border-bottom: 1px dashed #393939;
    height: 10px;
    margin-bottom: 10px;
}

#he-mydesign8
{
    border-bottom: 1px solid #393939;
    height: 10px;
    margin-bottom: 10px;
}

#he-mydesign9
{
    padding-bottom: 5px;
    padding-top: 5px;
}

#he-mydesign9 .titlebrdr
{
    text-align: center;
}

#he-mydesign9 .titlediv
{
    border: 1px solid #d8d8d8;
    padding: 10px 40px;
    border-radius: 30px;
    display: inline-block;
    position: relative;
    background-color: white;
}

#he-mydesign9 .titlediv h3
{
    margin: 0px;
    font-size: 22px;
}

#he-mydesign9 .titlebrdr:before
{
    content: '';
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 1px;
    background-color: #d8d8d8;
    left: 0px;
    top: 50%;
}

@media (max-width: 767px)
{
    #he-mydesign9 .titlediv h3
    {
        font-size: 18px;
    }
}

#he-mydesign10
{
    padding-bottom: 5px;
    padding-top: 5px;
}

#he-mydesign10 .titlebrdr
{
    text-align: center;
}

#he-mydesign10 .titlediv
{
    border: 1px solid #d8d8d8;
    padding: 10px 40px;
    border-radius: 0px;
    display: inline-block;
    position: relative;
    background-color: white;
}

#he-mydesign10 .titlediv h3
{
    margin: 0px;
    font-size: 22px;
}

#he-mydesign10 .titlebrdr:before
{
    content: '';
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 1px;
    background-color: #d8d8d8;
    left: 0px;
    top: 50%;
}

@media (max-width: 767px)
{
    #he-mydesign10 .titlediv h3
    {
        font-size: 18px;
    }
}







/*Content Elements CSS*/

#con-mydesign1
{
    padding-top: 30px;
}

#con-mydesign1 .flexbox1
{
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

#con-mydesign1 .flexbox1 > div
{
    margin-bottom: 30px;
}

#con-mydesign1 .condiv
{
    height: 100%;
    position: relative;
    padding: 40px 30px 50px 30px;
}

#con-mydesign1 .conicon
{
    height: 60px;
    width: 60px;
    display: inline-block;
    line-height: 60px;
    font-size: 36px;
    text-align: center;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
}

#con-mydesign1 .conicon i
{
    line-height: 60px;
}

#con-mydesign1 .maintitle
{
    margin: 20px 0;
}

#con-mydesign1 a.conlink
{
    display: inline-block;
    padding: 10px 20px;
    margin: 15px 0 0 0;
}

#con-mydesign2
{
    padding-top: 30px;
}

#con-mydesign2 .flexbox1
{
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

#con-mydesign2 .flexbox1 > div
{
    margin-bottom: 30px;
}

#con-mydesign2 .condiv
{
    height: 100%;
    position: relative;
    padding: 30px 30px 50px 20px;
}

#con-mydesign2 .dt
{
    display: table;
    width: 100%;
}

#con-mydesign2 .dc
{
    display: table-cell;
    vertical-align: top;
}

#con-mydesign2 .dc:first-child
{
    width: 80px;
}

#con-mydesign2 .conicon
{
    height: 60px;
    width: 60px;
    display: inline-block;
    line-height: 60px;
    font-size: 36px;
    text-align: center;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
}

#con-mydesign2 .conicon i
{
    line-height: 60px;
}

#con-mydesign2 .maintitle
{
    margin: 15px 0 20px 0;
    text-align: left;
}

#con-mydesign2 a.conlink
{
    display: inline-block;
    padding: 10px 20px;
    margin: 15px 0 0 0;
}

#con-mydesign3
{
    padding-top: 30px;
}

#con-mydesign3 .flexbox1
{
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

#con-mydesign3 .flexbox1 > div
{
    margin-bottom: 30px;
}

#con-mydesign3 .condiv
{
    height: 100%;
    position: relative;
    padding: 30px 15px 40px 15px;
}

#con-mydesign3 .conicon
{
    height: 60px;
    width: 60px;
    display: inline-block;
    line-height: 60px;
    font-size: 36px;
    text-align: center;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
}

#con-mydesign3 .conicon i
{
    line-height: 60px;
}

#con-mydesign3 .maintitle
{
    margin: 20px 0;
}

#con-mydesign3 a.conlink
{
    display: inline-block;
    padding: 10px 20px;
    margin: 15px 0 0 0;
}

#con-mydesign4
{
    padding-top: 30px;
}

#con-mydesign4 .flexbox1
{
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

#con-mydesign4 .flexbox1 > div
{
    margin-bottom: 30px;
}

#con-mydesign4 .condiv
{
    height: 100%;
    position: relative;
    padding: 30px 30px 30px 30px;
}

#con-mydesign4 .image
{
    display: inline-block;
}

#con-mydesign4 h4
{
    margin: 20px 0 10px 0;
}

#con-mydesign4 a
{
    display: inline-block;
    padding: 8px 20px;
    border-radius: 4px;
    font-size: 15px;
    margin: 10px 0 0 0;
}

#con-mydesign5
{
    padding-top: 20px;
    padding-bottom: 20px;
}

#con-mydesign5 .flexbox1
{
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

#con-mydesign5 h3
{
    margin: 20px 0;
}

#con-mydesign5 a
{
    display: inline-block;
    padding: 8px 20px;
    margin: 10px 0;
}

#con-mydesign6
{
    padding-top: 20px;
    padding-bottom: 20px;
}

#con-mydesign6 .flexbox1
{
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

#con-mydesign6 h3
{
    margin: 20px 0;
}

#con-mydesign6 a
{
    display: inline-block;
    padding: 8px 20px;
    margin: 10px 0;
}

#con-mydesign7
{
}

#con-mydesign8
{
    padding-bottom: 20px;
    padding-top: 20px;
}

#con-mydesign9
{
    padding-top: 30px;
}

#con-mydesign9 .flexbox1
{
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

#con-mydesign9 .flexbox1 > div
{
    margin-bottom: 30px;
}

#con-mydesign9 .condiv
{
    height: 100%;
    position: relative;
    padding: 30px 30px 30px 30px;
}

#con-mydesign9 .image
{
    display: inline-block;
}

#con-mydesign9 h4
{
    margin: 20px 0 10px 0;
}

#con-mydesign9 a
{
    display: inline-block;
    padding: 8px 20px;
    border-radius: 4px;
    font-size: 15px;
    margin: 10px 0 0 0;
}

#con-mydesign13
{
    padding-top: 20px;
    padding-bottom: 20px;
}

#con-mydesign13 .flexbox1
{
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

#con-mydesign13 .threepoints
{
    padding-bottom: 15px;
}

#con-mydesign13 .dt
{
    display: table;
}

#con-mydesign13 .dc
{
    display: table-cell;
    vertical-align: top;
}

#con-mydesign13 .dc:first-child
{
    padding-right: 10px;
}

#con-mydesign13 .contitle
{
    margin: 10px 0;
    font-weight: 400;
    display: inline-block;
}

#con-mydesign13 .conmaintitle
{
    margin: 0 0 30px 70px;
    font-weight: 400;
    display: inline-block;
}

@media screen and (max-width: 767px)
{
    #con-mydesign13 .conmaintitle
    {
        margin: 20px 0;
        text-align: center;
    }
}

#con-mydesign13 .conicon
{
    height: 60px;
    width: 60px;
    display: inline-block;
    line-height: 60px;
    font-size: 36px;
    text-align: center;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
}

#con-mydesign13 .conicon i
{
    line-height: 60px;
}

#con-mydesign14
{
    padding-top: 20px;
    padding-bottom: 20px;
}

#con-mydesign14 .dt
{
    display: table;
    width: 100%;
}

#con-mydesign14 .dr
{
    display: table-row;
}

#con-mydesign14 .dc
{
    display: table-cell;
    text-align: center;
}

#con-mydesign14 .dc p
{
    text-align: center;
}

#con-mydesign14 .dc a
{
    display: inline-block;
    padding: 8px 20px;
    border-radius: 4px;
    font-size: 15px;
    margin: 10px 0;
}

#con-mydesign15
{
    padding-bottom: 20px;
    padding-top: 30px;
}

#con-mydesign15 .dt
{
    display: table;
    width: 100%;
}

#con-mydesign15 .dr
{
    display: table-row;
}

#con-mydesign15 .dc
{
    display: table-cell;
    text-align: center;
}

#con-mydesign15 .icon
{
    height: 70px;
    width: 70px;
    display: inline-block;
    line-height: 70px;
    text-align: center;
    font-size: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

#con-mydesign15 .icon i
{
    line-height: 70px !important;
}

#con-mydesign15 h3
{
    margin: 14px 0 10px 0;
    font-size: 30px;
}

#con-mydesign15 p
{
    text-align: center;
}

#con-mydesign16 .borderdiv
{
    border: 2px solid #e6e6e6;
    background-color: white;
    border-radius: 4px;
    margin-top: 10px;
    margin-bottom: 10px;
}

#con-mydesign16 .dt
{
    display: table;
}

#con-mydesign16 .dc
{
    display: table-cell;
    padding: 8px;
    vertical-align: middle;
}

#con-mydesign16 .icon
{
    height: 30px;
    width: 30px;
    display: inline-block;
    line-height: 30px;
    text-align: center;
    font-size: 18px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

#con-mydesign16 .icon i
{
    line-height: 30px;
}

#con-mydesign16 .dc a
{
    font-weight: normal;
    font-size: 18px;
    margin: 0px;
    text-decoration: none;
}

#con-mydesign17 img
{
    margin: 15px 0;
    display: inline-block;
}

#con-mydesign18
{
    padding-top: 20px;
    padding-bottom: 20px;
}

#con-mydesign18 .flexbox1
{
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

#con-mydesign18 h3
{
    margin: 20px 0;
}

#con-mydesign18 a
{
    display: inline-block;
    padding: 8px 20px;
    margin: 10px 0;
}

#con-mydesign19
{
    padding-top: 20px;
    padding-bottom: 20px;
}

#con-mydesign19 .flexbox1
{
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

#con-mydesign19 h3
{
    margin: 20px 0;
}

#con-mydesign19 a
{
    display: inline-block;
    padding: 8px 20px;
    border-radius: 4px;
    font-size: 15px;
    margin: 10px 0;
}

#con-mydesign20
{
    padding-top: 20px;
    padding-bottom: 20px;
}

#con-mydesign20 .flexbox1
{
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

#con-mydesign20 .content
{
    padding: 15px;
}

#con-mydesign20 .content .icon
{
    height: 60px;
    width: 60px;
    display: inline-block;
    line-height: 60px;
    text-align: center;
    font-size: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

#con-mydesign20 .content .icon i
{
    line-height: 60px;
}

#con-mydesign20 .content h4
{
    margin: 20px 0;
}

#con-mydesign20 .content p
{
    padding: 0px;
}

#con-mydesign21
{
    padding-top: 20px;
    padding-bottom: 20px;
}

#con-mydesign21 .flexbox1
{
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

#con-mydesign21 h3
{
    margin: 20px 0;
}

#con-mydesign21 a
{
    display: inline-block;
    padding: 8px 20px;
    margin: 10px 0;
}

#con-mydesign22
{
    padding-top: 20px;
    padding-bottom: 20px;
}

#con-mydesign22 .flexbox1
{
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

#con-mydesign22 h3
{
    margin: 20px 0;
}

#con-mydesign22 a
{
    display: inline-block;
    padding: 8px 20px;
    margin: 10px 0;
}





/*Button Elements*/

#con-mydesign10
{
    padding-top: 5px;
}

#con-mydesign10 a
{
    display: inline-block;
    padding: 10px 30px;
    border-radius: 4px;
    font-size: 16px;
    margin: 0 0 5px 0;
}

#con-mydesign11
{
    padding-top: 5px;
}

#con-mydesign11 a
{
    display: inline-block;
    padding: 10px 30px;
    border-radius: 4px;
    font-size: 16px;
    margin: 0 0 5px 0;
}

#con-mydesign12
{
    padding-top: 5px;
}

#con-mydesign12 a
{
    display: block;
    padding: 10px 30px;
    border-radius: 4px;
    font-size: 16px;
    margin: 0 0 5px 0;
}






/*Modern Elements*/
#mele-mydesign1
{
    padding-top: 30px;
}

#mele-mydesign1 .flexbox1
{
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

#mele-mydesign1 .flexbox1 > div
{
    margin-bottom: 30px;
}

#mele-mydesign1 .flexbox1 > div .bxbg
{
    background-color: #f6f6f6;
    text-align: center;
    padding: 70px 30px 30px 30px;
    transition: all .4s ease-in-out;
    border-bottom: 3px solid #757575;
    border-radius: 4px 4px 0 0;
    height: 100%;
    box-sizing: border-box;
}

#mele-mydesign1 .flexbox1 > div .bxbg:hover
{
    box-shadow: 2px 2px 16px rgba(0,0,0,0.3);
    margin-top: -2px;
}

#mele-mydesign1 .flexbox1 > div .bxbg .icon
{
    height: 80px;
    width: 80px;
    display: inline-block;
    line-height: 80px;
    text-align: center;
    font-size: 50px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

#mele-mydesign1 .flexbox1 > div .bxbg .icon i
{
    line-height: 70px;
}

#mele-mydesign1 .flexbox1 > div .bxbg a
{
    margin: 30px 0 20px 0;
    display: inline-block;
    font-size: 30px;
    line-height: 45px;
}

#mele-mydesign1 .flexbox1 > div .bxbg p
{
    text-align: center;
}

#mele-mydesign2
{
    padding-top: 30px;
}

#mele-mydesign2 .flexbox1
{
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

#mele-mydesign2 .flexbox1 > div
{
    margin-bottom: 30px;
}

#mele-mydesign2 .flexbox1 > div .bxbg
{
    background-color: #f6f6f6;
    text-align: center;
    padding: 30px;
    transition: all .4s ease-in-out;
    border-bottom: 3px solid #757575;
    border-radius: 4px 4px 0 0;
    height: 100%;
    box-sizing: border-box;
}

#mele-mydesign2 .flexbox1 > div .bxbg:hover
{
    box-shadow: 2px 2px 16px rgba(0,0,0,0.3);
    margin-top: -2px;
}

#mele-mydesign2 .flexbox1 > div .bxbg a
{
    margin: 30px 0 20px 0;
    display: inline-block;
    font-size: 30px;
    line-height: 45px;
}

#mele-mydesign2 .flexbox1 > div .bxbg p
{
    text-align: center;
}

#mele-mydesign3
{
    padding-top: 30px;
    padding-bottom: 30px;
}

#mele-mydesign3 .flexbox1
{
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

#mele-mydesign3 .flexbox1 .pd0
{
    padding: 0px;
}

#mele-mydesign3 .flexbox1 .box
{
    height: 100%;
    padding: 30px;
    text-align: center;
    position: relative;
}

#mele-mydesign3 .flexbox1 .box .icon
{
    height: 80px;
    width: 80px;
    display: inline-block;
    line-height: 80px;
    text-align: center;
    font-size: 50px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin: 50px 0 20px 0;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
}

#mele-mydesign3 .flexbox1 .box .icon i
{
    line-height: 70px;
}

#mele-mydesign3 .flexbox1 .box a
{
    font-size: 28px;
    margin: 0 0 60px 0;
    display: inline-block;
    font-size: 28px;
    line-height: 1.1;
    font-weight: 600;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
}

#mele-mydesign3 .flexbox1 .box:hover .icon
{
    margin: 40px 0 30px 0;
    transform: scale(0.9);
}

#mele-mydesign3 .flexbox1 .box:hover a
{
    transform: scale(1.1);
}

#mele-mydesign4
{
    padding-top: 30px;
    padding-bottom: 30px;
}

#mele-mydesign4 .flexbox1
{
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

#mele-mydesign4 .flexbox1 .pd0
{
    padding: 0px;
}

#mele-mydesign4 .flexbox1 .box
{
    height: 100%;
    padding: 30px;
    text-align: center;
    position: relative;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
}

#mele-mydesign4 .flexbox1 .box .icon
{
    height: 80px;
    width: 80px;
    display: inline-block;
    line-height: 80px;
    text-align: center;
    font-size: 50px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin: 50px 0 20px 0;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
}

#mele-mydesign4 .flexbox1 .box .icon i
{
    line-height: 70px;
}

#mele-mydesign4 .flexbox1 .box a
{
    font-size: 28px;
    margin: 0 0 60px 0;
    display: inline-block;
    font-size: 28px;
    line-height: 1.1;
    font-weight: 600;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
}

#mele-mydesign4 .flexbox1 .box:hover .icon
{
    margin: 40px 0 30px 0;
    transform: scale(0.9);
}

#mele-mydesign4 .flexbox1 .box:hover a
{
    transform: scale(1.1);
}

#mele-mydesign5
{
    padding-top: 30px;
    padding-bottom: 30px;
}

#mele-mydesign5 .flexbox1
{
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    background-color: #f4f4f4;
    padding: 20px 15px 20px 15px;
}

@media screen and (max-width: 767px)
{
    #mele-mydesign5 .flexbox1 > div:first-child
    {
        padding-bottom: 10px;
    }
}

#mele-mydesign5 .flexbox1 > div h3
{
    margin: 0px 0 12px 0;
    font-size: 28px;
}

#mele-mydesign5 .flexbox1 > div p
{
    padding-bottom: 0px;
}

#mele-mydesign5 .flexbox1 > div a
{
    float: right;
    display: inline-block;
    font-size: 16px;
    padding: 14px 38px;
}

#mele-mydesign6
{
    padding-top: 30px;
}

#mele-mydesign6 .flexbox1
{
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

#mele-mydesign6 .flexbox1 > div
{
    margin-bottom: 30px;
}

#mele-mydesign6 .flexbox1 > div .pricediv
{
    height: 100%;
    background-color: #f6f6f6;
    padding-bottom: 80px;
    box-shadow: 0px 40px 20px -40px rgb(133, 133, 133);
    -webkit-box-shadow: 0px 40px 20px -40px rgb(133, 133, 133);
    -moz-box-shadow: 0px 40px 20px -40px rgb(133, 133, 133);
    -o-box-shadow: 0px 40px 20px -40px rgb(133, 133, 133);
    border-radius: 6px;
    position: relative;
}

#mele-mydesign6 .flexbox1 > div .pricediv .pricetitle
{
    display: block;
    width: 100%;
    text-align: center;
    font-size: 22px;
    padding: 10px;
    border-radius: 6px 6px 0 0;
}

#mele-mydesign6 .flexbox1 > div .pricediv h2.planprice
{
    display: inline-block;
    margin: 30px 15px 10px 15px;
    font-size: 38px;
}

#mele-mydesign6 .flexbox1 > div .pricediv span.plandur
{
    display: inline-block;
    margin: 0px 15px 30px 15px;
    font-size: 15px;
}

#mele-mydesign6 .flexbox1 > div .pricediv span.planspec
{
    display: inline-block;
    margin: 0 15px 16px 15px;
    font-size: 14px;
    padding-left: 22px;
    position: relative;
    color: #8a8a8a;
}

#mele-mydesign6 .flexbox1 > div .pricediv span.planspec:before
{
    content: "\f00c";
    font-family: FontAwesome;
    font-weight: 600;
    color: #8a8a8a;
    font-size: 16px;
    position: absolute;
    top: -1px;
    left: 0;
}

#mele-mydesign6 .flexbox1 > div .pricediv a.link
{
    display: inline-block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    padding: 8px 18px;
    font-size: 15px;
    bottom: 25px;
    border-radius: 4px;
}

#mele-mydesign7
{
    padding-top: 30px;
}

#mele-mydesign7 .flexbox1
{
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

#mele-mydesign7 .flexbox1 > div
{
    margin-bottom: 30px;
}

#mele-mydesign7 .flexbox1 > div .pricediv
{
    height: 100%;
    background-color: #f6f6f6;
    padding-bottom: 80px;
    box-shadow: 0px 40px 20px -40px rgb(133, 133, 133);
    -webkit-box-shadow: 0px 40px 20px -40px rgb(133, 133, 133);
    -moz-box-shadow: 0px 40px 20px -40px rgb(133, 133, 133);
    -o-box-shadow: 0px 40px 20px -40px rgb(133, 133, 133);
    border-radius: 6px;
    position: relative;
}

#mele-mydesign7 .flexbox1 > div .pricediv .pricetitle
{
    display: block;
    width: 100%;
    text-align: center;
    font-size: 22px;
    padding: 10px;
    border-radius: 6px 6px 0 0;
}

#mele-mydesign7 .flexbox1 > div .pricediv h2.planprice
{
    display: inline-block;
    margin: 30px 15px 10px 15px;
    font-size: 38px;
}

#mele-mydesign7 .flexbox1 > div .pricediv span.plandur
{
    display: inline-block;
    margin: 0px 15px 30px 15px;
    font-size: 15px;
}

#mele-mydesign7 .flexbox1 > div .pricediv span.planspec
{
    display: inline-block;
    margin: 0 15px 16px 15px;
    font-size: 14px;
    padding-left: 22px;
    position: relative;
    color: #8a8a8a;
}

#mele-mydesign7 .flexbox1 > div .pricediv span.planspec:before
{
    content: "\f00c";
    font-family: FontAwesome;
    font-weight: 600;
    color: #8a8a8a;
    font-size: 16px;
    position: absolute;
    top: -1px;
    left: 0;
}

#mele-mydesign7 .flexbox1 > div .pricediv a.link
{
    display: inline-block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    padding: 8px 18px;
    font-size: 15px;
    bottom: 25px;
    border-radius: 4px;
}

#mele-mydesign8
{
    padding-top: 30px;
}

#mele-mydesign8 div.sp30
{
    padding-bottom: 30px;
    display: block;
}

#mele-mydesign8 .image
{
    display: inline-block;
}

#mele-mydesign8 h4
{
    margin: 20px 0 20px 0;
}

#mele-mydesign8 a
{
    display: inline-block;
    padding: 8px 20px;
    font-size: 15px;
    margin: 10px 0 0px 0;
}

#mele-mydesign9 .flexbox1
{
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    flex-wrap: wrap;
}

#mele-mydesign9 .flexbox1 .pdhdiv
{
    padding-top: 60px !important;
    padding-right: 30px !important;
    padding-bottom: 40px !important;
    padding-left: 30px !important;
    position: relative;
    height: 100%;
}

#mele-mydesign9 .flexbox1 > div h3.title
{
    font-size: 22px;
    margin: 0 0 20px 0;
    padding-bottom: 10px;
    position: relative;
    display: inline-block;
}

#mele-mydesign9 .flexbox1 > div h3.title:before
{
    content: '';
    display: inline-block;
    width: 70%;
    height: 1px;
    position: absolute;
    left: 0px;
    bottom: 0px;
    background-color: rgba(255,255,255,0.8);
}

#mele-mydesign10 h2
{
    margin: 40px 0 8px 0;
    display: inline-block;
    font-size: 28px;
    font-weight: normal;
    line-height: 34px;
}

#mele-mydesign10 span
{
    display: inline-block;
    font-size: 15px;
    line-height: 23px;
    margin: 0 0 20px 0;
}

#mele-mydesign10 a
{
    display: inline-block;
    padding: 12px 28px;
    margin-bottom: 40px;
    font-size: 16px;
}

#mele-mydesign11 h2
{
    margin: 40px 0 30px 0;
    display: inline-block;
    font-size: 30px;
    font-weight: normal;
    line-height: 34px;
}

#mele-mydesign11 .flexbox1
{
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

#mele-mydesign11 .flexbox1 > div
{
    border-right: 1px solid rgba(255, 255, 255, 0.30);
    margin-bottom: 30px;
}

#mele-mydesign11 .flexbox1 > div:last-child
{
    border-right: none;
}

@media (max-width: 991px)
{
    #mele-mydesign11 .flexbox1 > div:nth-child(2)
    {
        border-right: none;
    }
}

@media (max-width: 768px)
{
    #mele-mydesign11 .flexbox1 > div
    {
        border-right: none;
    }
}

#mele-mydesign11 .flexbox1 > div .icon
{
    height: 80px;
    width: 80px;
    display: inline-block;
    line-height: 80px;
    text-align: center;
    font-size: 30px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid white;
}

#mele-mydesign11 .flexbox1 > div .icon i
{
    line-height: 80px;
}

#mele-mydesign11 .flexbox1 > div h3
{
    display: inline-block;
    margin: 20px 0;
    font-size: 22px;
}

#mele-mydesign11 .flexbox1 > div span.planspec
{
    display: inline-block;
    margin: 0 5px 16px 5px;
    font-size: 14px;
    padding-left: 22px;
    position: relative;
    color: #8a8a8a;
}

#mele-mydesign11 .flexbox1 > div span.planspec:before
{
    content: "\f058";
    font-family: FontAwesome;
    font-weight: 400;
    color: #ffffff;
    font-size: 16px;
    position: absolute;
    top: -2px;
    left: 0;
}

#mele-mydesign12
{
    background: url('../_content-images/bg1.jpg') no-repeat;
    background-size: cover;
}

#mele-mydesign12 h2
{
    margin: 40px 0 30px 0;
    display: inline-block;
    font-size: 30px;
    font-weight: normal;
    line-height: 34px;
    padding-bottom: 10px;
    position: relative;
}

#mele-mydesign12 h2:before
{
    content: '';
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 50%;
    height: 1px;
    background-color: #bbc8d5;
    display: inline-block;
}

#mele-mydesign12 .cdiv
{
    padding: 0 15px 40px 15px;
}

#mele-mydesign12 .cdiv h3
{
    display: inline-block;
    margin: 0 0 20px 0;
    font-size: 28px;
}

#mele-mydesign12 .cdiv .icon
{
    height: 80px;
    width: 80px;
    display: inline-block;
    line-height: 80px;
    text-align: center;
    font-size: 60px;
    font-weight: 400;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

#mele-mydesign12 .cdiv .icon i
{
    line-height: 80px;
}

#mele-mydesign12 .cdiv p
{
    text-align: center;
    padding: 10px 0 0 0;
}

#mele-mydesign13
{
    padding-top: 20px;
}

#mele-mydesign13 .icndiv
{
    padding-bottom: 16px;
}

#mele-mydesign13 .icndiv .icon
{
    height: 50px;
    width: 50px;
    display: inline-block;
    line-height: 50px;
    text-align: center;
    font-size: 40px;
    font-weight: 400;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

#mele-mydesign13 .cdiv .icon i
{
    line-height: 50px;
}

#mele-mydesign13 a
{
    display: inline-block;
    padding: 12px;
    font-size: 16px;
}

#mele-mydesign14 .flexbox1
{
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

#mele-mydesign14 .pd0
{
    padding: 0px;
}

#mele-mydesign14 .image
{
    height: 100%;
}

#mele-mydesign14 img
{
    height: 100%;
    object-fit: cover;
    display: block;
    width: 100%;
}

#mele-mydesign14 .ctbg
{
    height: 100%;
    padding: 50px 8% 30px 8%;
}

#mele-mydesign14 .ctbg .title
{
    position: relative;
    display: inline-block;
    font-size: 30px;
    font-weight: normal;
    line-height: 34px;
    padding-bottom: 10px;
    margin: 0 0 20px 0;
}

#mele-mydesign14 .ctbg .title:before
{
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0%;
    width: 50%;
    height: 1px;
    background-color: rgba(255,255,255,0.6);
    display: inline-block;
}

#mele-mydesign14 .ctbg a
{
    display: inline-block;
    padding: 12px 36px;
    font-size: 16px;
    margin-top: 10px;
}

#mele-mydesign15 .flexbox1
{
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

#mele-mydesign15 .pd0
{
    padding: 0px;
}

#mele-mydesign15 .image
{
    height: 100%;
}

#mele-mydesign15 img
{
    height: 100%;
    object-fit: cover;
    display: block;
    width: 100%;
}

#mele-mydesign15 .ctbg
{
    height: 100%;
    padding: 50px 8% 30px 8%;
}

#mele-mydesign15 .ctbg .title
{
    position: relative;
    display: inline-block;
    font-size: 30px;
    font-weight: normal;
    line-height: 34px;
    padding-bottom: 10px;
    margin: 0 0 20px 0;
}

#mele-mydesign15 .ctbg .title:before
{
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0%;
    width: 50%;
    height: 1px;
    background-color: rgba(255,255,255,0.6);
    display: inline-block;
}

#mele-mydesign15 .ctbg a
{
    display: inline-block;
    padding: 12px 36px;
    font-size: 16px;
    margin-top: 10px;
}

#mele-mydesign16 .flexbox1
{
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

#mele-mydesign16 .flexbox1 .pd0
{
    padding: 0px;
}

#mele-mydesign16 .flexbox1 .pd30
{
    padding: 30px 30px 20px 30px;
    position: relative;
}

#mele-mydesign16 .image
{
    display: inline-block;
    margin: 20px 0 20px 0;
}

#mele-mydesign16 h3.title
{
    display: inline-block;
    margin: 0 0 16px 0;
    font-size: 28px;
}

#mele-mydesign16 .tspace
{
    margin-bottom: 16px;
}

#mele-mydesign16 span.planspec
{
    display: block;
    margin: 0 0 10px 0px;
    font-size: 16px;
    padding-left: 24px;
    position: relative;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(225,226,226,0.6);
}

#mele-mydesign16 span.planspec:before
{
    content: "\f00c";
    font-family: FontAwesome;
    font-weight: 600;
    color: #8d8d8d;
    font-size: 16px;
    position: absolute;
    top: -1px;
    left: 0;
}

#mele-mydesign16 span.planspec2
{
    display: block;
    margin: 0 0 10px 0px;
    font-size: 16px;
    padding-left: 24px;
    position: relative;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(255,255,255,0.6);
}

#mele-mydesign16 span.planspec2:before
{
    content: "\f00c";
    font-family: FontAwesome;
    font-weight: 600;
    color: #ffffff;
    font-size: 16px;
    position: absolute;
    top: -1px;
    left: 0;
}

#mele-mydesign17 .teamdiv
{
    border: 1px solid #e1e2e2;
    background: #fff;
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.10);
    margin: 2px;
}

@media (max-width: 767px)
{
    #mele-mydesign17 .teamdiv
    {
        margin: 2px 2px 15px 2px;
    }
}

#mele-mydesign17 .image
{
    display: inline-block;
	position: relative;
    overflow: hidden;
}

#mele-mydesign17 .image:before
{
    content: "";
    position: absolute;
    display: inline-block;
    background: -moz-linear-gradient(left, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0) 47%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(left, rgba(255,255,255,0.8) 0%,rgba(255,255,255,0) 47%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0.8) 0%,rgba(255,255,255,0) 47%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
    height: 1000px;
    width: 80%;
    top: -10px;
    left: -800px;
    transform: skewX(60deg);
    transform-origin: 80px -20px;
}

#mele-mydesign17 .teamdiv:hover .image:before
{
    transition: all 0.8s ease-in-out;
    top: -100%;
    left: 100%;
}

#mele-mydesign17 .teamdetail
{
    padding: 10px 20px 16px 20px;
    margin: 0px;
}

#mele-mydesign17 .teamdetail h3.name
{
    line-height: 30px;
    font-weight: 500;
    font-style: normal;
    font-size: 22px;
    margin: 0px;
}

#mele-mydesign17 .teamdetail span.desig
{
    text-align: left;
    font-size: 12px;
    line-height: 20px;
    display: block;
}

#mele-mydesign18
{
    padding-top: 30px;
}

#mele-mydesign18 .cidiv
{
    padding: 0 15px 30px 15px;
}

#mele-mydesign18 .cidiv .imgdiv
{
    display: inline-block;
    max-width: 250px;
}

#mele-mydesign18 .cidiv .imgdiv img
{
    border: 8px solid rgba(255,255,255,0.6);
}

#mele-mydesign18 .cidiv .ctinfo
{
    padding-top: 16px;
    text-align: center;
}

#mele-mydesign18 .cidiv .ctinfo a
{
    margin: 0px 0 8px 0;
    display: inline-block;
    font-size: 24px;
    line-height: 28px;
}

#mele-mydesign18 .cidiv .ctinfo p
{
    padding: 0px;
}

#mele-mydesign19 .flexbox1
{
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

#mele-mydesign19 .cpdiv
{
    border: 1px solid #e6e6e6;
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 100%;
}

@media (max-width: 767px)
{
    #mele-mydesign19 div.col-xs-12
    {
        margin-bottom: 15px;
    }
}

#mele-mydesign19 .cpdiv .imgdiv
{
    text-align: center;
}

#mele-mydesign19 .cpdiv .imgdiv img
{
    display: inline-block;
}

#mele-mydesign19 .cpdiv a
{
    display: inline-block;
    margin: 10px 0 0 0;
    font-size: 20px;
    line-height: 26px;
}

#mele-mydesign20
{
    background: url('../_content-images/bg3.jpg') no-repeat;
    background-size: cover;
}

#mele-mydesign20 h2
{
    margin: 40px 0;
    display: inline-block;
    font-size: 30px;
    font-weight: normal;
    line-height: 34px;
    padding-bottom: 10px;
    position: relative;
}

#mele-mydesign20 h2:before
{
    content: '';
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 50%;
    height: 1px;
    background-color: #bbc8d5;
    display: inline-block;
}

#mele-mydesign20 .flexbox1
{
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

#mele-mydesign20 .ptdiv
{
    padding-bottom: 30px;
    text-align: left;
}

#mele-mydesign20 .ptdiv .imgdiv
{
    display: inline-block;
    float: left;
    margin-bottom: 15px;
}

#mele-mydesign20 .ptdiv a
{
    display: inline-block;
    margin: 0 0 10px 0;
    font-size: 20px;
    line-height: 26px;
}

#mele-mydesign20 .ptdiv p
{
    text-align: left;
}

#mele-mydesign20 .flexend
{
    align-self: flex-end;
}

#mele-mydesign21 .flexbox1
{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

#mele-mydesign21 .boxdiv
{
    padding: 22px 30px;
    border: 1px solid #e4e4e4;
    height: 100%;
}

@media (max-width: 767px)
{
    #mele-mydesign21 .flexbox1 > div
    {
        padding-bottom: 15px;
    }
}

#mele-mydesign21 .boxdiv h3.title21
{
    font-size: 20px;
    margin-bottom: 14px;
    margin-top: 0px;
    line-height: 1.6em;
}

#mele-mydesign21 .boxdiv a.link21
{
    font-size: 15px;
    font-weight: 500;
}


#mele-mydesign22 .flexbox1
{
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

#mele-mydesign22 .pd0
{
    padding: 0px;
}

#mele-mydesign22 img
{
    height: 100%;
    object-fit: cover;
    display: block;
    max-width: 100%;
}

#mele-mydesign22 .hdcolor
{
    height: 100%;
}

#mele-mydesign22 .ctbg
{
    padding: 50px 8% 30px 8%;
}

#mele-mydesign22 .ctbg .title
{
    font-size: 30px;
    font-weight: normal;
    line-height: 34px;
    margin: 0 0 10px 0;
}

#mele-mydesign22 .threepoints
{
    padding-top: 15px;
}

#mele-mydesign22 .dt
{
    display: table;
}

#mele-mydesign22 .dc
{
    display: table-cell;
    vertical-align: top;
}

#mele-mydesign22 .icon
{
    height: 50px;
    width: 50px;
    display: inline-block;
    margin-right: 15px;
    line-height: 50px;
    text-align: center;
    font-size: 22px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

#mele-mydesign22 .icon i
{
    line-height: 50px;
}

#mele-mydesign22 h3
{
    margin: 0px;
    font-weight: 400;
    font-size: 22px;
    line-height: 28px;
}

#mele-mydesign22 p
{
    padding-bottom: 0px;
    font-size: 14px;
    line-height: 22px;
}

#mele-mydesign23
{
    background: url('../_content-images/bg4.jpg') no-repeat;
    background-size: cover;
}

#mele-mydesign23 .blackbg
{
    background-color: rgba(0,0,0,0.8);
    padding: 4em 0;
}

#mele-mydesign23 .title
{
    margin: 20px 0;
    display: block;
    font-size: 26px;
    font-weight: normal;
    line-height: 30px;
    padding-bottom: 10px;
    position: relative;
}

#mele-mydesign23 .title:before
{
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0%;
    width: 100px;
    height: 1px;
    background-color: #bbc8d5;
    display: inline-block;
}

#mele-mydesign23 .detail
{
    padding-bottom: 20px;
}

#mele-mydesign23 ul
{
    list-style: none;
    padding: 0;
    margin: 0;
}

#mele-mydesign23 ul li
{
    padding: 2em 1em;
    text-align: center;
    border: 1px solid #fff;
    display: inline-block;
    width: 32%;
}

#mele-mydesign23 ul li:nth-child(2)
{
    margin: 0 .5em;
}

#mele-mydesign23 .icon
{
    height: 50px;
    width: 50px;
    display: inline-block;
    margin-right: 15px;
    line-height: 50px;
    text-align: center;
    font-size: 22px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

#mele-mydesign23 .icon i
{
    line-height: 50px;
}

#mele-mydesign23 ul li h4
{
    font-size: 18px;
    margin: 1em 0;
}

#mele-mydesign23 ul li h2
{
    font-size: 36px;
    margin: 0;
}

@media (max-width: 760px)
{
    #mele-mydesign23 ul li
    {
        width: 100%;
        margin: 15px 0 !important;
    }
}

#mele-mydesign24 .flexbox1
{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

#mele-mydesign24 .bddiv
{
    border: 1px solid #eee;
    padding: 15px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
}

#mele-mydesign24 .bddiv:hover
{
    background-color: #fafafa;
}

#mele-mydesign24 .bddiv .icondiv
{
    text-align: center;
    padding: 10px 0 20px 0;
}

#mele-mydesign24 .bddiv .icondiv .icon
{
    height: 150px;
    width: 150px;
    display: inline-block;
    line-height: 150px;
    text-align: center;
    font-size: 100px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

#mele-mydesign24 .bddiv .icondiv .icon i
{
    line-height: 150px;
}

#mele-mydesign24 .bddiv .linkdiv
{
    text-align: center;
    margin: 0 0 10px 0;
}

#mele-mydesign24 .bddiv .linkdiv a
{
    font-size: 20px;
}

#mele-mydesign25
{
    padding-bottom: 30px;
}

#mele-mydesign25 .maintitel
{
    margin: 60px 0 40px 0;
    font-size: 32px;
    line-height: 40px;
}

#mele-mydesign25 .links
{
    min-width: 200px;
    display: inline-block;
    margin: 0 15px 30px 15px;
    font-size: 16px;
    text-align: center;
    padding: 10px 15px;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
}

#mele-mydesign26 .flexbox1
{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

#mele-mydesign26 .productdiv
{
    border: 1px solid #e1e2e2;
    background: #fff;
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.10);
    height: 100%;
}

@media (max-width: 767px)
{
    #mele-mydesign26 .productdiv
    {
        margin: 2px 2px 15px 2px;
    }
}

#mele-mydesign26 .image
{
    display: inline-block;
    padding: 10px 10px 0 10px;
}

#mele-mydesign26 .productdetail
{
    padding: 10px 20px 16px 20px;
    margin: 0px;
}

#mele-mydesign26 .productdetail h3.name
{
    line-height: 30px;
    font-weight: 500;
    font-style: normal;
    font-size: 22px;
    margin: 12px 0px;
    text-align: center;
}

#mele-mydesign26 .productdetail span.desig
{
    text-align: center;
    font-size: 13px;
    line-height: 20px;
    display: block;
}

#mele-mydesign26 .links
{
    min-width: 120px;
    display: inline-block;
    margin: 15px 0 0 0;
    font-size: 14px;
    text-align: center;
    padding: 6px 15px;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
}

#mele-mydesign27
{
    padding-top: 30px;
    padding-bottom: 10px;
}

#mele-mydesign27 h2.name
{
    line-height: 36px;
    font-style: normal;
    font-size: 30px;
    margin: 0 0 20px 0px;
    text-align: right;
    position: relative;
    padding-bottom: 10px;
}

#mele-mydesign27 h2.name:before
{
    position: absolute;
    right: 0;
    bottom: 0;
    display: inline-block;
    width: 40px;
    height: 3px;
    background-color: #181818;
    content: '';
}

@media (min-width: 768px)
{
    #mele-mydesign27 h2.name
    {
        margin-right: 30px;
    }
}

@media (max-width: 767px)
{
    #mele-mydesign27 h2.name
    {
        text-align: center;
    }
    #mele-mydesign27 h2.name:before
    {
        display: none;
    }
}

#mele-mydesign27 .links
{
    display: inline-block;
    margin: 6px 0 0 0;
    font-size: 15px;
    text-align: center;
    padding: 8px 20px;
}


#mele-mydesign28 .flexbox1
{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

#mele-mydesign28 .contactdiv
{
    border: 1px solid #e1e2e2;
    background: #fff;
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.10);
    height: 100%;
    padding: 15px;
}

@media (max-width: 767px)
{
    #mele-mydesign28 .contactdiv
    {
        margin: 2px 2px 15px 2px;
    }
    #mele-mydesign28 .flexbox1
    {
        display: block;
    }
}

#mele-mydesign28 .contactdiv .icondiv
{
    text-align: center;
    margin: 20px 0 20px 0;
}

#mele-mydesign28 .contactdiv .icondiv .icon
{
    width: 80px;
    height: 60px;
    border-top: 3px solid #b7b7b7;
    border-bottom: 3px solid #b7b7b7;
    color: #b7b7b7;
    text-align: center;
    font-size: 30px;
    line-height: 60px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    box-sizing: content-box;
    display: inline-block;
}

#mele-mydesign28 .contactdiv .icondiv .icon i
{
    line-height: 60px;
}

#mele-mydesign29 .flexbox1
{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

#mele-mydesign29 .flexbox1 > div
{
    height: 100%;
}

#mele-mydesign29 .pricediv
{
    border: 1px solid #c6c5c5;
    background: #fff;
    height: 100%;
    border-radius: 10px;
    margin-bottom: 8px;
    margin-top: 8px;
    display: table;
    width: 100%;
}

#mele-mydesign29 .pricediv1
{
    display: table-cell;
    width: 75%;
    text-align: left;
    border-right: 1px solid #c6c5c5;
    padding: 15px;
    vertical-align: middle;
}

#mele-mydesign29 .pricediv1 .title1
{
    margin: 0 0 10px 0;
    padding: 0;
    font-weight: 400;
}

#mele-mydesign29 .pricediv2
{
    display: table-cell;
    width: 25%;
    text-align: center;
    padding: 15px;
    vertical-align: middle;
}

#mele-mydesign29 .pricediv2 .title2
{
    margin: 0;
    padding: 0;
    font-weight: 400;
}

#mele-mydesign30 .space
{
    padding-bottom: 50px;
    padding-top: 70px;
}

#mele-mydesign30 .maindiv
{
    padding-bottom: 20px;
    width: auto;
    display: table;
}

#mele-mydesign30 .icondiv
{
    display: table-cell;
    vertical-align: middle;
    margin-top: 5px;
    text-align: center;
}

#mele-mydesign30 .conicon
{
    height: 60px;
    width: 60px;
    display: inline-block;
    line-height: 60px;
    font-size: 46px;
    text-align: center;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
}

#mele-mydesign30 .conicon i
{
    line-height: 60px;
}

#mele-mydesign30 .numberdiv
{
    display: table-cell;
    vertical-align: middle;
    padding: 0 10px 0 5px;
    text-align: left;
}

#mele-mydesign30 .numberdiv h4
{
    margin: 0;
}

#mele-mydesign30 .textdiv
{
    display: table-cell;
    vertical-align: middle;
    padding-left: 5px;
    text-align: left;
}

#mele-mydesign31 .timeline
{
    list-style: none;
    padding: 10px 0;
    position: relative;
    font-weight: 300;
    margin: 0;
}

#mele-mydesign31 .timeline:before
{
    top: 0;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 2px;
    background: #dddddd;
    left: 50%;
    margin-left: -1.5px;
}

#mele-mydesign31 .timeline > li
{
    position: relative;
    width: 50%;
    float: left;
    clear: left;
}

#mele-mydesign31 .timeline > li:before, #mele-mydesign31 .timeline > li:after
{
    content: " ";
    display: table;
}

#mele-mydesign31 .timeline > li:after
{
    clear: both;
}

#mele-mydesign31 .timeline > li:before, #mele-mydesign31 .timeline > li:after
{
    content: " ";
    display: table;
}

#mele-mydesign31 .timeline > li:after
{
    clear: both;
}

#mele-mydesign31 .timeline > li > .timeline-panel
{
    width: calc(100% - 25px);
    width: -moz-calc(100% - 25px);
    width: -webkit-calc(100% - 25px);
    float: left;
    border: 1px solid #dcdcdc;
    background: #ffffff;
    position: relative;
}

#mele-mydesign31 .timeline > li > .timeline-panel:before
{
    position: absolute;
    top: 26px;
    right: -15px;
    display: inline-block;
    border-top: 15px solid transparent;
    border-left: 15px solid #dcdcdc;
    border-right: 0 solid #dcdcdc;
    border-bottom: 15px solid transparent;
    content: " ";
}

#mele-mydesign31 .timeline > li > .timeline-panel:after
{
    position: absolute;
    top: 27px;
    right: -14px;
    display: inline-block;
    border-top: 14px solid transparent;
    border-left: 14px solid #ffffff;
    border-right: 0 solid #ffffff;
    border-bottom: 14px solid transparent;
    content: " ";
}

#mele-mydesign31 .timeline > li > .timeline-badge
{
    color: #dddddd;
    width: 24px;
    height: 24px;
    line-height: 50px;
    text-align: center;
    position: absolute;
    top: 16px;
    right: -12px;
    z-index: 1;
}

#mele-mydesign31 .timeline > li.timeline-inverted > .timeline-panel
{
    float: right;
}

#mele-mydesign31 .timeline > li.timeline-inverted > .timeline-panel:before
{
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto;
}

#mele-mydesign31 .timeline > li.timeline-inverted > .timeline-panel:after
{
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto;
}

#mele-mydesign31 .timeline-badge > a
{
    color: #dddddd !important;
}

#mele-mydesign31 .timeline-badge a:hover
{
    color: #dcdcdc !important;
}

#mele-mydesign31 .timeline-title
{
    margin-top: 0;
    color: inherit;
}

#mele-mydesign31 .timeline-heading h4
{
    font-weight: 400;
    padding: 0 15px;
    display: inline-block;
    margin: 15px 0 10px;
}

#mele-mydesign31 .timeline-body
{
    padding: 0 15px 15px;
    margin-bottom: 0;
}

#mele-mydesign31 .timeline-footer
{
    padding: 5px 15px;
    background-color: #f4f4f4;
}

#mele-mydesign31 .timeline > li.timeline-inverted
{
    float: right;
    clear: right;
}

#mele-mydesign31 .timeline > li:nth-child(2)
{
    margin-top: 60px;
}

#mele-mydesign31 .timeline > li.timeline-inverted > .timeline-badge
{
    left: -12px;
}

#mele-mydesign31 .no-float
{
    float: none !important;
}

@media (max-width: 767px)
{
    #mele-mydesign31 ul.timeline:before
    {
        left: 40px;
    }
    #mele-mydesign31 ul.timeline > li
    {
        margin-bottom: 0px;
        position: relative;
        width: 100%;
        float: left;
        clear: left;
    }
    #mele-mydesign31 ul.timeline > li > .timeline-panel
    {
        width: calc(100% - 65px);
        width: -moz-calc(100% - 65px);
        width: -webkit-calc(100% - 65px);
    }
    #mele-mydesign31 ul.timeline > li > .timeline-badge
    {
        left: 28px;
        margin-left: 0;
        top: 16px;
    }
    #mele-mydesign31 ul.timeline > li > .timeline-panel
    {
        float: right;
    }
    #mele-mydesign31 ul.timeline > li > .timeline-panel:before
    {
        border-left-width: 0;
        border-right-width: 15px;
        left: -15px;
        right: auto;
    }
    #mele-mydesign31 ul.timeline > li > .timeline-panel:after
    {
        border-left-width: 0;
        border-right-width: 14px;
        left: -14px;
        right: auto;
    }
    #mele-mydesign31 .timeline > li.timeline-inverted
    {
        float: left;
        clear: left;
        margin-top: 30px;
        margin-bottom: 30px;
    }
    #mele-mydesign31 .timeline > li.timeline-inverted > .timeline-badge
    {
        left: 28px;
    }
}

#mele-mydesign32 .timeline
{
    list-style: none;
    padding: 10px 0;
    position: relative;
    font-weight: 300;
    margin: 0;
}

#mele-mydesign32 .timeline:before
{
    top: 0;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 2px;
    background: #dddddd;
    left: 50%;
    margin-left: -1.5px;
}

#mele-mydesign32 .timeline > li
{
    position: relative;
    width: 50%;
    float: left;
    clear: left;
}

#mele-mydesign32 .timeline > li:before, #mele-mydesign32 .timeline > li:after
{
    content: " ";
    display: table;
}

#mele-mydesign32 .timeline > li:after
{
    clear: both;
}

#mele-mydesign32 .timeline > li:before, #mele-mydesign32 .timeline > li:after
{
    content: " ";
    display: table;
}

#mele-mydesign32 .timeline > li:after
{
    clear: both;
}

#mele-mydesign32 .timeline > li > .timeline-panel
{
    width: calc(100% - 25px);
    width: -moz-calc(100% - 25px);
    width: -webkit-calc(100% - 25px);
    float: left;
    border: 1px solid #dcdcdc;
    background: #ffffff;
    position: relative;
}

#mele-mydesign32 .timeline > li > .timeline-panel:before
{
    position: absolute;
    top: 26px;
    right: -15px;
    display: inline-block;
    border-top: 15px solid transparent;
    border-left: 15px solid #dcdcdc;
    border-right: 0 solid #dcdcdc;
    border-bottom: 15px solid transparent;
    content: " ";
}

#mele-mydesign32 .timeline > li > .timeline-panel:after
{
    position: absolute;
    top: 27px;
    right: -14px;
    display: inline-block;
    border-top: 14px solid transparent;
    border-left: 14px solid #ffffff;
    border-right: 0 solid #ffffff;
    border-bottom: 14px solid transparent;
    content: " ";
}

#mele-mydesign32 .timeline > li > .timeline-badge
{
    color: #dddddd;
    width: 24px;
    height: 24px;
    line-height: 50px;
    text-align: center;
    position: absolute;
    top: 16px;
    right: -12px;
    z-index: 1;
}

#mele-mydesign32 .timeline > li.timeline-inverted > .timeline-panel
{
    float: right;
}

#mele-mydesign32 .timeline > li.timeline-inverted > .timeline-panel:before
{
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto;
}

#mele-mydesign32 .timeline > li.timeline-inverted > .timeline-panel:after
{
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto;
}

#mele-mydesign32 .timeline-badge > a
{
    color: #dddddd !important;
}

#mele-mydesign32 .timeline-badge a:hover
{
    color: #dcdcdc !important;
}

#mele-mydesign32 .timeline-title
{
    margin-top: 0;
    color: inherit;
}

#mele-mydesign32 .timeline-heading h4
{
    font-weight: 400;
    padding: 0 15px;
    display: inline-block;
    margin: 15px 0 10px;
}

#mele-mydesign32 .timeline-body
{
    padding: 0 15px 15px;
    margin-bottom: 0;
}

#mele-mydesign32 .timeline-footer
{
    padding: 5px 15px;
    background-color: #f4f4f4;
}

#mele-mydesign32 .timeline > li.timeline-inverted
{
    float: right;
    clear: right;
}

#mele-mydesign32 .timeline > li:nth-child(2)
{
    margin-top: 60px;
}

#mele-mydesign32 .timeline > li.timeline-inverted > .timeline-badge
{
    left: -12px;
}

#mele-mydesign32 .no-float
{
    float: none !important;
}

@media (max-width: 767px)
{
    #mele-mydesign32 ul.timeline:before
    {
        left: 40px;
    }
    #mele-mydesign32 ul.timeline > li
    {
        margin-bottom: 0px;
        position: relative;
        width: 100%;
        float: left;
        clear: left;
    }
    #mele-mydesign32 ul.timeline > li > .timeline-panel
    {
        width: calc(100% - 65px);
        width: -moz-calc(100% - 65px);
        width: -webkit-calc(100% - 65px);
    }
    #mele-mydesign32 ul.timeline > li > .timeline-badge
    {
        left: 28px;
        margin-left: 0;
        top: 16px;
    }
    #mele-mydesign32 ul.timeline > li > .timeline-panel
    {
        float: right;
    }
    #mele-mydesign32 ul.timeline > li > .timeline-panel:before
    {
        border-left-width: 0;
        border-right-width: 15px;
        left: -15px;
        right: auto;
    }
    #mele-mydesign32 ul.timeline > li > .timeline-panel:after
    {
        border-left-width: 0;
        border-right-width: 14px;
        left: -14px;
        right: auto;
    }
    #mele-mydesign32 .timeline > li.timeline-inverted
    {
        float: left;
        clear: left;
        margin-top: 30px;
        margin-bottom: 30px;
    }
    #mele-mydesign32 .timeline > li.timeline-inverted > .timeline-badge
    {
        left: 28px;
    }
}

#mele-mydesign33
{
    position: relative;
    min-height: 550px;
    padding: 50px 15px;
}

#mele-mydesign33 .clrdiv
{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 40%;
}

@media screen and (max-width: 991px)
{
    #mele-mydesign33 .clrdiv
    {
        width: 100%;
    }
}

#mele-mydesign33 .flexbox1
{
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#mele-mydesign33 .flexbox1 .div1
{
    padding-right: 20px;
}

#mele-mydesign33 .brieftitle
{
    margin: 30px 0 0 0;
    text-align: left;
    display: inline-block;
    float: left;
}

#mele-mydesign33 a.brieflink
{
    display: inline-block;
    padding: 10px 20px;
    margin: 20px 0 15px 0;
}

#mele-mydesign33 .flexbox1 .div2
{
    padding: 20px;
    position: relative;
}

#mele-mydesign33 .conicon
{
    height: 50px;
    width: 50px;
    display: inline-block;
    line-height: 50px;
    font-size: 36px;
    text-align: center;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
}

#mele-mydesign33 .conicon i
{
    line-height: 50px;
}

#mele-mydesign33 .maintitle
{
    margin: 10px 0;
}

#mele-mydesign33 a.conlink
{
    display: inline-block;
    padding: 10px 20px;
    margin: 5px 0 25px 0;
}

#mele-mydesign33 .spdiv
{
    transition: all 0.2s ease-in-out;
    transform: scale(0.95);
}

#mele-mydesign33 .spdiv:hover
{
    transform: scale(1);
}

#mele-mydesign34 .space
{
    padding-bottom: 50px;
    padding-top: 70px;
}

#mele-mydesign34 .flexbox1
{
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#mele-mydesign34 .maindiv
{
    padding-bottom: 20px;
}

#mele-mydesign34 .icondiv
{
    margin-top: 5px;
    text-align: center;
}

#mele-mydesign34 .conicon
{
    height: 60px;
    width: 60px;
    display: inline-block;
    line-height: 60px;
    font-size: 46px;
    text-align: center;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
}

#mele-mydesign34 .conicon i
{
    line-height: 60px;
}

#mele-mydesign34 .numberdiv h4
{
    margin: 10px 0;
    text-align: center;
}

#mele-mydesign34 .textdiv
{
    text-align: center;
}

#mele-mydesign35 .flexbox1
{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

#mele-mydesign35 .flexbox1 > div
{
    padding-bottom: 15px;
}

#mele-mydesign35 .pricediv
{
    border: 1px solid #c6c5c5;
    background: #fff;
    height: 100%;
    display: table;
    width: 100%;
}

#mele-mydesign35 .pricediv1
{
    display: table-cell;
    width: 25%;
    text-align: left;
    border-right: 1px solid #c6c5c5;
    padding: 15px;
    vertical-align: middle;
}

#mele-mydesign35 .pricediv2
{
    display: table-cell;
    width: 75%;
    text-align: left;
    padding: 15px;
    vertical-align: top;
}

#mele-mydesign36
{
    position: relative;
    min-height: 200px;
}

#mele-mydesign36 .rowspace
{
    padding-top: 120px;
    padding-bottom: 20px;
    position: relative;
}

#mele-mydesign36 .rowspace:before
{
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 125px;
    top: 0;
    left: 0;
    background: url(../_content-images/topshape.png) no-repeat center top;
}

#mele-mydesign36 .flexbox1
{
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    padding: 0 15px;
}

#mele-mydesign36 .flexbox1 > div
{
    padding-bottom: 20px;
}

#mele-mydesign36 .flexbox1 > div h3
{
    margin: 20px 0;
}

#mele-mydesign36 .flexbox1 > div p
{
    padding-bottom: 0px;
}

#mele-mydesign36 .flexbox1 > div a
{
    float: right;
    display: inline-block;
    padding: 14px 38px;
}

#mele-mydesign37
{
    position: relative;
    min-height: 200px;
}

#mele-mydesign37 .rowspace
{
    padding-top: 150px;
    padding-bottom: 60px;
    position: relative;
}

#mele-mydesign37 .rowspace:before
{
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 125px;
    top: 0;
    left: 0;
    background: url(../_content-images/topshape.png) no-repeat center top;
}

#mele-mydesign37 .links
{
    min-width: 200px;
    display: inline-block;
    margin: 30px 15px 0px 15px;
    font-size: 16px;
    text-align: center;
    padding: 10px 15px;
}
#mele-mydesign38
{
    padding: 30px 15px 20px 15px;
}

#mele-mydesign38 .maintitle
{
    margin: 10px 0 30px 0;
}

#mele-mydesign38 .bord
{
    background: #e8e8e8;
    height: 1px;
    width: 86%;
    margin: 30px auto 40px;
}

#mele-mydesign38 .flexbox1
{
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

#mele-mydesign38 .flexbox1 > div
{
    margin-bottom: 20px;
    padding: 0px 30px;
    border-right: 1px solid #e8e8e8;
}

#mele-mydesign38 .flexbox1 > div:last-child
{
    border: none;
}

@media screen and (max-width: 767px)
{
    #mele-mydesign38 .flexbox1 > div
    {
        border: none;
    }
}

#mele-mydesign38 .conicon
{
    height: 60px;
    width: 60px;
    display: inline-block;
    line-height: 60px;
    font-size: 36px;
    text-align: center;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
}

#mele-mydesign38 .conicon i
{
    line-height: 60px;
}

#mele-mydesign38 .subtitle
{
    margin: 10px 0 20px 0;
}

#mele-mydesign38 a.conlink
{
    display: inline-block;
    padding: 10px 20px;
    margin: 15px 0 0 0;
}
#mele-mydesign39
{
    background-attachment: fixed;
    padding: 50px 15px;
}

#mele-mydesign39 div.container
{
    padding: 30px;
}

#mele-mydesign39 .flexbox1
{
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    border-bottom: 1px solid #e8e8e8;
}

#mele-mydesign39 .flexbox1:last-child
{
    border: none;
}

#mele-mydesign39 .flexbox1 > div
{
    padding: 30px;
    border-right: 1px solid #e8e8e8;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
}

#mele-mydesign39 .flexbox1 > div:hover
{
    -webkit-box-shadow: 0px 6px 6px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12), 0 3px 1px -2px rgba(0,0,0,.2);
    box-shadow: 0px 6px 6px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12), 0 3px 1px -2px rgba(0,0,0,.2);
}

#mele-mydesign39 .flexbox1 > div:last-child
{
    border: none;
}

#mele-mydesign39 .conicon
{
    height: 60px;
    width: 60px;
    display: inline-block;
    line-height: 60px;
    font-size: 36px;
    text-align: center;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
}

#mele-mydesign39 .conicon i
{
    line-height: 60px;
}

#mele-mydesign39 .maintitle
{
    margin: 10px 0 20px 0;
}

#mele-mydesign39 a.conlink
{
    display: inline-block;
    padding: 10px 20px;
    margin: 15px 0 0 0;
}

@media screen and (max-width: 767px)
{
    #mele-mydesign39 .flexbox1 > div
    {
        border-right: none;
        border-bottom: 1px solid #e8e8e8;
    }
}
#mele-mydesign40 .flexbox1
{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

#mele-mydesign40 .bddiv
{
    border: 1px solid #eee;
    padding: 5px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
}

#mele-mydesign40 .bddiv:hover
{
    background-color: #fafafa;
}

#mele-mydesign40 .imagediv
{
    text-align: center;
}

#mele-mydesign40 .namediv
{
    text-align: center;
    padding-top: 8px;
    padding-bottom: 6px;
}

#mele-mydesign40 .namediv p
{
    padding: 0;
    margin: 0;
}

#mele-mydesign41
{
    padding-top: 30px;
}

#mele-mydesign41 .flexbox1
{
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

#mele-mydesign41 .flexbox1 > div
{
    margin-bottom: 50px;
}

#mele-mydesign41 .flexbox1 > div .bxbg
{
    background-color: #f6f6f6;
    text-align: center;
    padding: 30px 30px 20px 30px;
    transition: all .4s ease-in-out;
    border-radius: 4px 4px 0 0;
    height: 100%;
    box-sizing: border-box;
}

#mele-mydesign41 .flexbox1 > div .bxbg .conicon
{
    height: 60px;
    width: 60px;
    display: inline-block;
    line-height: 60px;
    font-size: 38px;
    text-align: center;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
}

#mele-mydesign41 .flexbox1 > div .bxbg .conicon i
{
    line-height: 60px;
}

#mele-mydesign41 .flexbox1 > div .bxbg h3
{
    text-align: center;
    margin: 20px auto 16px auto;
    font-weight: 500;
}

#mele-mydesign41 .flexbox1 > div .bxbg p
{
    padding: 0;
}

#mele-mydesign41 a.conlink
{
    display: inline-block;
    padding: 10px 20px;
    margin: 15px 0 0 0;
}

#mele-mydesign43
{
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
}

#mele-mydesign44
{
    text-align: center;
}

#mele-mydesign44 img
{
    max-width: 100%;
}

#mele-mydesign45
{
    padding-top: 40px;
    padding-bottom: 40px;
}

#mele-mydesign45 .flexbox441
{
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

@media screen and (max-width: 991px)
{
    #mele-mydesign45 .flexbox441
    {
        display: block;
    }
    #mele-mydesign45 .flexbox441>div
    {
        margin-bottom: 20px;
    }
}

#mele-mydesign45 .flexbox441 .box44
{
    height: 100%;
    position: relative;
    padding: 15px;
}

#mele-mydesign45 .title44
{
    margin: 10px 0 20px 0;
}

#mele-mydesign45 .link44
{
    float: left;
    padding: 8px 24px;
}

#mele-mydesign45 .img44box
{
    border: 6px solid #fff;
    box-shadow: 0 0 8px rgba(0,0,0,.3);
    display: inline-block;
}

#mele-mydesign45 .newsletterform
{
    margin: 20px 0 30px 0;
    display: block;
}

#mele-mydesign45 .newsletterform ul
{
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
}

#mele-mydesign45 .newsletterform ul li
{
    display: inline-block;
    float: left;
    padding: 0;
    margin: 0;
}

#mele-mydesign45 .newsletterform ul li:first-child
{
    width: 30%;
}

#mele-mydesign45 .newsletterform ul li:nth-child(2)
{
    width: 50%;
}

#mele-mydesign45 .newsletterform ul li:last-child
{
    width: 20%;
}

#mele-mydesign45 .inp44
{
    width: 100%;
    padding: 8px;
    font-size: 14px;
    line-height: 14px;
    border: 1px solid rgba(0,0,0,0.4);
    background-color: transparent;
    outline: none;
    display: block;
    height: 35px;
}

#mele-mydesign45 .sub44
{
    width: 100%;
    padding: 8px;
    font-size: 14px;
    line-height: 17px;
    border: 1px solid rgba(0,0,0,0.4);
    background-color: rgba(0,0,0,0.4);
    outline: none;
    color: #ffffff;
    display: block;
    height: 35px;
}

#mele-mydesign45 ul.social44 li
{
    display: inline-block;
    margin-right: 10px;
}

#mele-mydesign46 .newsletterform
{
    margin: 20px 0 30px 0;
    display: block;
}

#mele-mydesign46 .newsletterform ul
{
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
}

#mele-mydesign46 .newsletterform ul li
{
    display: inline-block;
    float: left;
    padding: 6px;
    margin: 0;
}

#mele-mydesign46 .newsletterform ul li:first-child
{
    width: 30%;
}

#mele-mydesign46 .newsletterform ul li:nth-child(2)
{
    width: 50%;
}

#mele-mydesign46 .newsletterform ul li:last-child
{
    width: 20%;
}

#mele-mydesign46 .inp46
{
    width: 100%;
    padding: 12px 8px;
    font-size: 14px;
    line-height: 14px;
    border: 1px solid #ffffff;
    background-color: transparent;
    outline: none;
    display: block;
    height: 45px;
    color: #ffffff;
}

#mele-mydesign46 .sub46
{
    width: 100%;
    padding: 12px 0;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    border: 1px solid #ffffff;
    background-color: #ffffff;
    outline: none;
    color: #333333;
    display: block;
    height: 45px;
}

@media screen and (max-width: 767px)
{
    #mele-mydesign46 .newsletterform ul li:first-child,
    #mele-mydesign46 .newsletterform ul li:nth-child(2),
    #mele-mydesign46 .newsletterform ul li:last-child
    {
        width: 100%;
        display: block;
    }
}




#mele-mydesign47 .flexbox1
{
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

#mele-mydesign47 .pd0
{
    padding: 0px;
}

#mele-mydesign47 .image
{
    height: 100%;
}

#mele-mydesign47 img
{
    height: 100%;
    object-fit: cover;
    display: block;
    width: 100%;
}

#mele-mydesign47 .ctbg
{
    height: 100%;
    padding: 50px 8% 30px 8%;
}

#mele-mydesign47 .ctbg .title
{
    position: relative;
    display: inline-block;
    font-size: 30px;
    font-weight: normal;
    line-height: 34px;
    padding-bottom: 10px;
    margin: 0 0 20px 0;
}

#mele-mydesign47 .ctbg .title:before
{
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0%;
    width: 50%;
    height: 1px;
    background-color: rgba(255,255,255,0.6);
    display: inline-block;
}

#mele-mydesign47 .ctbg a
{
    display: inline-block;
    padding: 12px 36px;
    font-size: 16px;
    margin-top: 10px;
}
















#prime-design1
{
    width: 100%;
    height: 100%;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
}

#prime-design1 .textspace
{
    margin-top: 160px;
    margin-bottom: 140px;
}

#prime-design1 .text1
{
    text-align: center;
    letter-spacing: 2px;
    margin: 20px 0 30px 0;
}

#prime-design1 .link1
{
    padding: 5px 15px;
    display: inline-block;
    font-size: 18px;
    line-height: 1.92857;
    min-width: 180px;
    white-space: nowrap;
    text-align: center;    
    margin: 20px 10px;
}

#prime-design2
{
    width: 100%;
    height: 100%;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
}

#prime-design2 .textspace
{
    margin-top: 160px;
    margin-bottom: 140px;
}

#prime-design2 .text1
{
    letter-spacing: 2px;
    margin: 20px 0 30px 0;
}

#prime-design2 .link1
{
    padding: 5px 15px;
    display: inline-block;
    font-size: 18px;
    line-height: 1.92857;
    min-width: 180px;
    white-space: nowrap;
    text-align: center;    
    margin: 20px 20px 20px 0;
}

#prime-design3
{
    width: 100%;
    height: 100%;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
}

#prime-design3 .textspace
{
    margin-top: 160px;
    margin-bottom: 140px;
}

#prime-design3 .text1
{
    letter-spacing: 2px;
    margin: 20px 0 30px 0;
}

#prime-design3 .link1
{
    padding: 5px 15px;
    display: inline-block;
    font-size: 18px;
    line-height: 1.92857;
    min-width: 180px;
    white-space: nowrap;
    text-align: center;    
    margin: 20px 20px 20px 0;
}

#prime-design4
{
    width: 100%;
    height: 100%;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
}

#prime-design4 .full4div
{
    height: 100%;
    padding: 40px 50px;
    position: relative;
}

#prime-design4 .full4div:before
{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 100%;
    top: 0;
    background-color: rgba(255,255,255,0.8);
    background-size: cover;
    clip-path: polygon(0% 100%, 5% 50%, 0% 0%);
}

#prime-design4 .text1
{
    letter-spacing: 1px;
    margin: 20px 0 30px 0;
}

#prime-design4 .link1
{
    padding: 8px 20px;
    display: inline-block;
    font-size: 15px;
    min-width: 120px;
    white-space: nowrap;
    text-align: center;    
    margin: 20px 20px 20px 0;
}

#prime-design5
{
    width: 100%;
    height: 100%;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
}

#prime-design5 .full4div
{
    height: 100%;
    padding: 40px 50px;
    position: relative;
}

#prime-design5 .full4div:before
{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    right: 99.96%;
    top: 0;
    background-color: rgba(255,255,255,0.8);
    background-size: cover;
    clip-path: polygon(100% 0%, 95% 50%, 100% 100%);
}

#prime-design5 .text1
{
    letter-spacing: 1px;
    margin: 20px 0 30px 0;
    text-align: right;
}

#prime-design5 .link1
{
    padding: 8px 20px;
    display: inline-block;
    font-size: 15px;
    min-width: 120px;
    white-space: nowrap;
    text-align: center;
    margin: 20px 20px 20px 0;
}

#prime-design6
{
    padding-top: 30px;
    padding-bottom: 20px;
}

#prime-design6 .top6title
{
    margin: 0 0 20px 0;
    text-align: left;
}

#prime-design6 .ptdiv6
{
    padding-bottom: 30px;
    text-align: center;
}

#prime-design6 .ptdiv6 .imgdiv6
{
    display: block;
    text-align: center;
    margin-bottom: 20px;
}

#prime-design6 .ptdiv6 .imgdiv6 img
{
    max-width: 60px;
}

#prime-design6 .ptdiv6 h3
{
    display: inline-block;
    margin: 0 0 10px 0;
    font-size: 20px;
    line-height: 26px;
}

#prime-design6 .ptdiv6 p
{
    text-align: left;
}

#prime-design7
{
    padding-top: 20px;
}

#prime-design7 .flexp7box
{
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

#prime-design7 .flexp7box>div
{
    padding-bottom: 20px;
}

#prime-design7 .animp7block
{
    height: 100%;
    box-shadow: 0 2px 30px 0 rgba(67, 67, 67, 0.4);
    text-align: center;
}

#prime-design7 .animp7block .image
{
    text-align: center;
}

#prime-design7 .animp7block .image img
{
    display: inline-block;
    max-width: 100%;
}

#prime-design7 .infop7block
{
    padding: 15px;
    text-align: center;
}

#prime-design7 .infop7block .titlep7
{
    margin: 4px 0 15px 0;
}

#prime-design7 .linkp7
{
    display: inline-block;
    padding: 8px 20px;
    margin: 10px 0 5px 0;
}

#prime-design8 .c-table
{
    display: table;
    margin-top: 25px;
}

#prime-design8 .ci-cell
{
    display: table-cell;
    vertical-align: top;
    padding-right: 20px;
}

#prime-design8 .ct-cell
{
    display: table-cell;
    vertical-align: top;
}

#prime-design8 .ct-cell h5
{
    color: #101d37;
    margin: 0 0 8px 0;
    font-size: 20px;
    font-weight: normal;
}

#prime-design8 .ct-cell p
{
    color: #656667;
    font-size: 14px;
    text-align: left;
    line-height: 24px;
}

#prime-design8 .sl_modules
{
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}

#prime-design8 .sl_modules .panels
{
    max-width: 100%;
}

#prime-design8 .sl_modules .sl_image
{
    max-width: 50px;
}

#prime-design8 .sl_icon
{
    padding-right: 0 !important;
    padding-left: 20px !important;
}

#prime-design8 .sl_cell h5, .sl_cell p
{
    text-align: right !important;
}

#prime-design9 .flexp9box
{
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}

#prime-design9 .flexp9box>div
{
    padding-top: 20px;
}

#prime-design9 .boxp9
{
    border: 1px solid #dddddd;
    margin-bottom: 30px;
    padding: 30px;
    box-sizing: border-box;
}

#prime-design9 .dtp9
{
    display: table;
}

#prime-design9 .dcp9
{
    display: table-cell;
    vertical-align: top;
}

#prime-design9 .dcp9:first-child
{
    padding-right: 30px;
}

#prime-design9 .imgp9
{
    max-width: 50px;
}

#prime-design9 h5.titlep9
{
    margin: 0 0 15px 0;
}

#prime-design9 .dcp9 p
{
    padding-bottom: 0;
}

#prime-design10 .relp7div
{
    position: relative;
}

#prime-design10 .divp10space
{
    padding: 60px 15px 40px 15px;
}

#prime-design10 .titlep10
{
    margin: 0 0 20px 0;
}

#prime-design10 .linkp10
{
    display: inline-block;
    padding: 12px 26px;
    margin: 10px 0 5px 0;
}

#prime-design10 .absp10img
{
    position: absolute;
    right: 0;
    bottom: 0;
    max-width: 25%;
}

#prime-design11 .flexp10box
{
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

#prime-design11 .flexp10box>div:first-child
{
    border-left: 1px solid #dddddd;
}

#prime-design11 .flexp10box>div
{
    border-right: 1px solid #dddddd;
    padding-bottom: 20px;
}

#prime-design11 .titlep111
{
    margin: 40px 0 30px 0;
    display: inline-block;
    transition: all 0.4s ease-in-out;
}

#prime-design11 .titlep112
{
    margin: 0 0 15px 0;
    display: inline-block;
}

#prime-design11 .linkp11
{
    margin: 18px 0 0 0;
    display: inline-block;
    padding: 8px 20px;
}

#prime-design11 .flexp10box>div:hover .titlep111
{
    margin: 40px 0 15px 0;
}

#prime-design12 .flexp12box1
{
    display:-webkit-flex;
    display:-webkit-box;
    display:-moz-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:stretch;
    -ms-flex-align:stretch;
    align-items:stretch;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

#prime-design12 .pd0
{
    padding: 0px;
}

#prime-design12 .image
{
    height: 100%;
}

#prime-design12 img
{
    height: 100%;
    object-fit: cover;
    display: block;
    max-width: 100%;
}

#prime-design12 .infop12div
{
    max-width: 580px;
    margin-left: auto;
    padding: 15px 35px 15px 15px;
}

#prime-design12 ul.inp12ul
{
    margin: 50px 0;
    padding: 0;
    list-style: none;
}

#prime-design12 ul.inp12ul li
{
    margin: 0 0 30px 0;
    display: flex;
}

#prime-design12 ul.inp12ul li:last-child
{
    margin: 0;
}

#prime-design12 .inp12icn
{
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

#prime-design12 .inp12icn>div>i
{
    font-size: 60px;
    line-height: 60px;
}

#prime-design12 .inp12icn:before
{
    content: '';
    position: absolute;
    display: inline-block;
    top: 0;
    left: -100vw;
    right: 0;
    bottom: 0;
    transform: skew(-8deg);
    border-radius: 8px;
    background-color: rgba(0,0,0,0.2);
    transform-origin: 100% 100%;
}

#prime-design12 .inp12det
{
    display: inline-block;
    padding-left: 40px;
    align-self: center;
}

#prime-design12 .inp12det .titlep12
{
    margin: 0 0 10px 0;
    font-weight: 400;
}

#prime-design12 .inp12det p
{
    padding: 0;
    margin: 0;
}

#prime-design13
{
    padding-bottom: 30px;
}

#prime-design13 .p13detaildiv
{
    padding-top: 30px;
}

#prime-design13 .titlep13
{
    margin: 20px 0 30px 0;
    display: inline-block;
}

#prime-design13 .p13dt
{
    display: table;
}

#prime-design13 .p13dr
{
    display: table-row;
}

#prime-design13 .p13dc
{
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    padding: 8px;
}

#prime-design13 .iconp13
{
    display: inline-block;
    width: 28px;
    height: 28px;
    border-radius: 25px;
    text-align: center;
}

#prime-design13 .iconp13>i
{
    font-size: 14px;
    line-height: 28px;
}

#prime-design13 .map13div
{
    -webkit-box-shadow: 10px 10px 0px -3px rgba(0,0,0,0.26);
    -moz-box-shadow: 10px 10px 0px -3px rgba(0,0,0,0.26);
    box-shadow: 10px 10px 0px -3px rgba(0,0,0,0.26);
}

#prime-design13 .map13div>div>iframe
{
    margin: 0 0 -6px 0;
}

#prime-design14
{
    padding-top: 30px;
}

#prime-design14 .flexp14box1
{
    display:-webkit-flex;
    display:-webkit-box;
    display:-moz-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:stretch;
    -ms-flex-align:stretch;
    align-items:stretch;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

#prime-design14 .flexp14box1>div
{
    margin-bottom: 30px;
}

#prime-design14 .conp14div
{
    height: 100%;
    border: 4px double #dddddd;
    padding: 30px 15px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    align-items: center;
}

#prime-design14 .leftp14div
{
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: 100%;
    padding-left: 6px;
}

#prime-design14 .iconp14
{
    font-size: 46px;
}

#prime-design14 .rightp14div
{
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    padding-left: 25px;
}

#prime-design14 .titlep14
{
    margin: 0 0 8px 0;
    letter-spacing: 0.6px;
}

#prime-design15
{
    padding-top: 30px;
}

#prime-design15 .flexp15box1
{
    display:-webkit-flex;
    display:-webkit-box;
    display:-moz-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:stretch;
    -ms-flex-align:stretch;
    align-items:stretch;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

#prime-design15 .flexp15box1>div
{
    margin-bottom: 30px;
}

#prime-design15 .contp15div
{
    border: 1px solid #e0e0e0;
    padding: 40px 30px 30px;
    transition: ease-in-out .3s;
}

#prime-design15 .contp15div:hover
{
    box-shadow: 2px 0 13px rgba(0, 0, 0, 0.2);
}

#prime-design15 .imagep15
{
    text-align: center;
}

#prime-design15 .imagep15>img
{
    max-width: 60px;
    max-height: 60px;
}

#prime-design15 .titlep15
{
    margin: 20px 0;
    text-align: center;
}

#prime-design15 .link1
{
    padding: 8px 20px;
    display: inline-block;
    font-size: 15px;
    min-width: 120px;
    white-space: nowrap;
    text-align: center;    
    margin: 20px 0px 0px 0;
}

#prime-design16
{
    margin-top: 30px;
    margin-bottom: 30px;
}

#prime-design16 .relp16div
{
    position: relative;
    margin-top: -30px;
    margin-bottom: -30px;
    padding: 80px 15px;
    box-shadow: 2px 2px 27px 0px rgba(1, 3, 4, 0.35);
    z-index: 2;
}

#prime-design16 .topp16det
{
    margin-top: 20px;
    margin-bottom: 60px;
}

#prime-design16 .p16block
{
    position: relative;
    margin-bottom: 40px;
    text-align: center;
}

#prime-design16 .p16block:before
{
    content: '';
    position: absolute;
    right: -6px;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 1px;
    display: inline-block;
    background: rgba(255,255,255,0.1);
    transform: skew(-20deg);
}

#prime-design16 .p16block:last-child:before
{
    display: none;
}

@media screen and (max-width: 991px)
{
    #prime-design16 .p16block:before
    {
        display: none;
    }
}

#prime-design16 .p16block h4.p16t1
{
    margin: 0 0 10px 0;
}

#prime-design16 .p16block h5.p16t2
{
    margin: 0;
    font-weight: 600;
    letter-spacing: 1px;
}

#prime-design16 .linkp16
{
    display: inline-block;
    padding: 12px 36px;
    margin-top: 30px;
}


#prime-design17 .textp17space
{
    padding-top: 80px;
}

#prime-design17 .textp17
{
    letter-spacing: 2px;
    margin: 0 0 30px 0;
}

#prime-design17 .linkp17
{
    padding: 5px 15px;
    display: inline-block;
    font-size: 18px;
    line-height: 1.92857;
    min-width: 180px;
    white-space: nowrap;
    text-align: center;    
    margin: 20px 20px 20px 0;
}

#prime-design17 .rtp17
{
    text-align: right;
}

@media screen and (max-width: 991px)
{
    #prime-design17 .rtp17
    {
        text-align: center;
    }
}

#prime-design17 .brp17dv
{
    border-top: 2px solid rgba(255,255,255,0.2);
    padding: 15px;
}

#prime-design18 .textp18space
{
    padding-top: 80px;
}

#prime-design18 .textp18
{
    letter-spacing: 2px;
    margin: 0 0 30px 0;
}

#prime-design18 .linkp18
{
    padding: 5px 15px;
    display: inline-block;
    font-size: 18px;
    line-height: 1.92857;
    min-width: 180px;
    white-space: nowrap;
    text-align: center;    
    margin: 20px 20px 20px 0;
}

#prime-design18 .rtp18
{
    text-align: left;
}

@media screen and (max-width: 991px)
{
    #prime-design18 .rtp18
    {
        text-align: center;
    }
}

#prime-design18 .brp18dv
{
    border-top: 2px solid rgba(255,255,255,0.2);
    padding: 15px;
}

#prime-design19 .textp19space
{
    padding-top: 80px;
}

#prime-design19 .textp19
{
    letter-spacing: 2px;
    margin: 0 0 30px 0;
}

#prime-design19 .linkp19
{
    padding: 5px 15px;
    display: inline-block;
    font-size: 18px;
    line-height: 1.92857;
    min-width: 180px;
    white-space: nowrap;
    text-align: center;    
    margin: 20px 20px 20px 0;
}

#prime-design19 .rtp19
{
    text-align: left;
}

@media screen and (max-width: 991px)
{
    #prime-design19 .rtp19
    {
        text-align: center;
    }
}

#prime-design19 .brp19dv
{
    border-top: 2px solid rgba(255,255,255,0.2);
    padding: 15px;
}
#prime-design20 .spcp20dv
{
    padding: 15px 0;
    text-align: center;
}

#prime-design20 .inbp20
{
    display: inline-block;
    border: 8px solid #e1e2e2;
    max-width: 250px;
    overflow: hidden;
    border-radius: 160px;
}

#prime-design20 .fldp20set
{
    padding: 10px 20px 20px 20px;
    position: relative;
    margin: 0;
    border: 2px solid rgba(179, 177, 177, 0.18);
}

#prime-design20 .fldp20set legend
{
    margin: 0px;
    padding-top: 20px;
    border-bottom: none;
}

#prime-design20 .linkp20
{
    padding: 8px 20px;
    display: inline-block;
    font-size: 15px;
    min-width: 120px;
    white-space: nowrap;
    text-align: center;    
    margin: 15px 0 0px 0;
}

#prime-design21
{
    padding: 40px 15px;
}

#prime-design21 .cal21icn
{
    padding: 25px 0px;
}

#prime-design21 .cal21icn img
{
    max-width: 86px;
    transition: all 0.4s ease-in-out;
}

#prime-design21 .cal21icn .ln21dv
{
    padding-top: 15px;
    text-align: center;
}

#prime-design21 .cal21icn .ln21dv a,#prime-design21 .cal21icn .ln21dv a:hover,#prime-design21 .cal21icn .ln21dv a:focus
{
    font-size: 15px;
    line-height: 24px;
    text-decoration: none;
}

#prime-design21 .cal21icn:hover img
{
    transform: translateY(-10px);
}

#prime-design21 .fn21lk
{
    display: inline-block;
    margin: 30px 0 20px 0;
    padding: 12px 30px;
    font-size: 15px;
    line-height: 15px;
}

#prime-design22
{
    padding-top: 60px;
    padding-bottom: 30px;
    background-attachment: fixed;
    background-size: cover; 
    background-position: center center;
}

#prime-design22 .linkp22
{
    padding: 5px 15px;
    display: inline-block;
    font-size: 18px;
    line-height: 1.92857;
    min-width: 180px;
    white-space: nowrap;
    text-align: center;    
    margin: 20px 20px 20px 0;
}

#prime-design22 .dvi22
{
    padding: 25px 0px;
    text-align: center;
    background-color: rgba(255,255,255,0.2);
}

#prime-design22 .dvi22 img
{
    max-width: 86px;
    transition: all 0.4s ease-in-out;
}

#prime-design22 .ln22dv
{
    text-align: center;
    padding-top: 10px;
}

#prime-design22 .ln22dv a,#prime-design22 .ln22dv a:hover,#prime-design22 .ln22dv a:focus
{
    font-size: 15px;
    line-height: 24px;
    text-decoration: none;
}

#prime-design22 .space22
{
    padding: 15px;
}

#prime-design23
{
    padding-bottom: 40px;
}

#prime-design23 .textp23
{
    margin: 0 0 10px 0;
    letter-spacing: 0.5px;
}

#prime-design23 .linkp23
{
    padding: 10px 15px;
    display: inline-block;
    font-size: 15px;
    line-height: 15px;
    white-space: nowrap;
    text-align: center;
    margin-top: 8px;
}

#prime-design23 ul
{
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

#prime-design23 ul li
{
    display: inline-block;
    float: left;
    padding: 10px;
    position: relative;
    box-sizing: border-box;
    z-index: 1;
}

#prime-design23 ul li:before
{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    background-color: rgba(0,0,0,0.1);
    transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    z-index: -1;
}

#prime-design23 ul li:hover:before
{
    transform: scale(1);
}

#prime-design23 img
{
    max-width: 76px;
}

#prime-design23 .ln23dv
{
    text-align: center;
    padding-top: 12px;
}

#prime-design23 .ln23dv a,#prime-design23 .ln23dv a:hover,#prime-design23 .ln23dv a:focus
{
    font-size: 15px;
    line-height: 24px;
    text-decoration: none;
}
.scrollclients li img {
    display: inline-block;
    padding: 10px;
}