/***************************************************************************
*
*   MiniMalen v1.0 (HTML Template)
*   Copyright (C) 2009-2012  Convergine.com  ( http://www.convergine.com )
*   All rights reserved
*   for any support requests please visit http://support.convergine.com
*
* **************************************************************************
*   Main styles
* **************************************************************************/

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

}

@font-face {
    font-family: 'DroidSerifItalic';
    src: url('fonts/droidserif-italic-webfont.eot');
    src: url('fonts/droidserif-italic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/droidserif-italic-webfont.woff') format('woff'), url('fonts/droidserif-italic-webfont.ttf') format('truetype'), url('fonts/droidserif-italic-webfont.svg#DroidSerifItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

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

}

body {
    font: 1em/150% Arial, Helvetica, sans-serif;
    margin: 0px;
    padding: 0px;
    font-family: 'DroidSansRegular';
}

a {
    color: #669;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {
    font: normal 36px/100% 'AbelRegular', Arial, Helvetica, sans-serif;
    color: #6A6A75;
}

h1 {
    font-size: 33px;
    margin: 10px 0px;
}

h2 {
    font-size: 28px;
    margin: 10px 0px;
}

h3 {
    font-size: 24px;
    margin: 10px 0px;
}

h4 {
    font-size: 21px;
    margin: 10px 0px;
    padding-bottom: 0;
}

h5 {
    font-size: 18px;
    margin: 10px 0px;
}

h6 {
    font-size: 15px;
    margin: 10px 0px;
}

p {
    margin: 0px;
    padding: 0px;
}

ul.normal-ul {
    color: #6A6A75;
    padding-left: 20px;
    list-style: url("../images/ul-bullet-12.png");
}

ul.normal-ul li ul {
    padding-left: 25px;
    list-style: url("../images/ul-ul-bullet.gif");
}

ol.normal-ol {
    color: #6A6A75;
    padding-left: 20px;
}

ol.normal-ol li ol {
    padding-left: 25px;
    list-style: lower-alpha;
}

.vi_mid {
    vertical-align: middle;
}

.fleft {
    float: left;
    width: auto;
}

.fright {
    float: right;
    width: auto;
}

.fclear {
    float: none;
    clear: both;
    width: auto;
}

.no_left_margin {
    margin-left: 0 !important;
}

.no_right_margin {
    margin-right: 0 !important;
}
.hidden {
    display: none !important;
}

/************************************************************************************
BUTTONS
*************************************************************************************/


.button, .button:link, .button:visited {
    min-width: 94px;
    height: 29px;
    /*float: left;*/
    line-height: 29px;
    text-align: center;
    background-color: #84d4de;
    display: inline-block;
    margin-top: 15px;
    padding: 0px 7px 0px 7px;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#84d4de), to(#51bad0));
    /* Safari 5.1+, Mobile Safari, Chrome 10+ */
    background-image: -webkit-linear-gradient(top, #84d4de, #51bad0);
    /* Firefox 3.6+ */
    background-image: -moz-linear-gradient(top, #84d4de, #51bad0);
    /* IE 10+ */
    background-image: -ms-linear-gradient(top, #84d4de, #51bad0);
    /* Opera 11.10+ */
    background-image: -o-linear-gradient(top, #84d4de, #51bad0);
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    font-size: 13px;
    color: #ffffff;
    text-decoration: none;

}

.button:hover {
    background-color: #51bad0;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#51bad0), to(#84d4de));
    /* Safari 5.1+, Mobile Safari, Chrome 10+ */
    background-image: -webkit-linear-gradient(top, #51bad0, #84d4de);
    /* Firefox 3.6+ */
    background-image: -moz-linear-gradient(top, #51bad0, #84d4de);
    /* IE 10+ */
    background-image: -ms-linear-gradient(top, #51bad0, #84d4de);
    /* Opera 11.10+ */
    background-image: -o-linear-gradient(top, #51bad0, #84d4de);
}

/* colors */
.red {
    background-color: #DE5068 !important;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DE5068), to(#E02B49)) !important;
    background-image: -webkit-linear-gradient(top, #DE5068, #E02B49) !important; /* Safari 5.1+, Mobile Safari, Chrome 10+ */
    background-image: -moz-linear-gradient(top, #DE5068, #E02B49) !important; /* Firefox 3.6+ */
    background-image: -ms-linear-gradient(top, #DE5068, #E02B49) !important; /* IE 10+ */
    background-image: -o-linear-gradient(top, #DE5068, #E02B49) !important; /* Opera 11.10+ */
}

.red:hover {
    background-color: #E02B49 !important;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E02B49), to(#DE5068)) !important;
    background-image: -webkit-linear-gradient(top, #E02B49, #DE5068) !important; /* Safari 5.1+, Mobile Safari, Chrome 10+ */
    background-image: -moz-linear-gradient(top, #E02B49, #DE5068) !important; /* Firefox 3.6+ */
    background-image: -ms-linear-gradient(top, #E02B49, #DE5068) !important; /* IE 10+ */
    background-image: -o-linear-gradient(top, #E02B49, #DE5068) !important; /* Opera 11.10+ */
}

.black {
    background-color: #505766 !important;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#505766), to(#282F3D)) !important;
    background-image: -webkit-linear-gradient(top, #505766, #282F3D) !important; /* Safari 5.1+, Mobile Safari, Chrome 10+ */
    background-image: -moz-linear-gradient(top, #505766, #282F3D) !important; /* Firefox 3.6+ */
    background-image: -ms-linear-gradient(top, #505766, #282F3D) !important; /* IE 10+ */
    background-image: -o-linear-gradient(top, #505766, #282F3D) !important; /* Opera 11.10+ */
}

.black:hover {
    background-color: #282F3D !important;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#282F3D), to(#505766)) !important;
    background-image: -webkit-linear-gradient(top, #282F3D, #505766) !important; /* Safari 5.1+, Mobile Safari, Chrome 10+ */
    background-image: -moz-linear-gradient(top, #282F3D, #505766) !important; /* Firefox 3.6+ */
    background-image: -ms-linear-gradient(top, #282F3D, #505766) !important; /* IE 10+ */
    background-image: -o-linear-gradient(top, #282F3D, #505766) !important; /* Opera 11.10+ */
}

.grey {
    background-color: #BDBDBD !important;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#BDBDBD), to(#757575)) !important;
    background-image: -webkit-linear-gradient(top, #BDBDBD, #757575) !important; /* Safari 5.1+, Mobile Safari, Chrome 10+ */
    background-image: -moz-linear-gradient(top, #BDBDBD, #757575) !important; /* Firefox 3.6+ */
    background-image: -ms-linear-gradient(top, #BDBDBD, #757575) !important; /* IE 10+ */
    background-image: -o-linear-gradient(top, #BDBDBD, #757575) !important; /* Opera 11.10+ */
}

.grey:hover {
    background-color: #757575 !important;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#757575), to(#BDBDBD)) !important;
    background-image: -webkit-linear-gradient(top, #757575, #BDBDBD) !important; /* Safari 5.1+, Mobile Safari, Chrome 10+ */
    background-image: -moz-linear-gradient(top, #757575, #BDBDBD) !important; /* Firefox 3.6+ */
    background-image: -ms-linear-g hiradient(top, #757575, #BDBDBD) !important; /* IE 10+ */
    background-image: -o-linear-gradient(top, #757575, #BDBDBD) !important; /* Opera 11.10+ */
}

.white {
    color: #333333 !important;
    background-color: #EDEDED !important;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EDEDED), to(#DBDBDB)) !important;
    background-image: -webkit-linear-gradient(top, #EDEDED, #DBDBDB) !important; /* Safari 5.1+, Mobile Safari, Chrome 10+ */
    background-image: -moz-linear-gradient(top, #EDEDED, #DBDBDB) !important; /* Firefox 3.6+ */
    background-image: -ms-linear-gradient(top, #EDEDED, #DBDBDB) !important; /* IE 10+ */
    background-image: -o-linear-gradient(top, #EDEDED, #DBDBDB) !important; /* Opera 11.10+ */
}

.white:hover {
    color: #333333 !important;
    background-color: #DBDBDB !important;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DBDBDB), to(#EDEDED)) !important;
    background-image: -webkit-linear-gradient(top, #DBDBDB, #EDEDED) !important; /* Safari 5.1+, Mobile Safari, Chrome 10+ */
    background-image: -moz-linear-gradient(top, #DBDBDB, #EDEDED) !important; /* Firefox 3.6+ */
    background-image: -ms-linear-gradient(top, #DBDBDB, #EDEDED) !important; /* IE 10+ */
    background-image: -o-linear-gradient(top, #DBDBDB, #EDEDED) !important; /* Opera 11.10+ */
}

.orange {
    background-color: #FFB657 !important;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFB657), to(#FF9100)) !important;
    background-image: -webkit-linear-gradient(top, #FFB657, #FF9100) !important; /* Safari 5.1+, Mobile Safari, Chrome 10+ */
    background-image: -moz-linear-gradient(top, #FFB657, #FF9100) !important; /* Firefox 3.6+ */
    background-image: -ms-linear-gradient(top, #FFB657, #FF9100) !important; /* IE 10+ */
    background-image: -o-linear-gradient(top, #FFB657, #FF9100) !important; /* Opera 11.10+ */
}

.orange:hover {
    background-color: #FF9100 !important;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FF9100), to(#FFB657)) !important;
    background-image: -webkit-linear-gradient(top, #FF9100, #FFB657) !important; /* Safari 5.1+, Mobile Safari, Chrome 10+ */
    background-image: -moz-linear-gradient(top, #FF9100, #FFB657) !important; /* Firefox 3.6+ */
    background-image: -ms-linear-gradient(top, #FF9100, #FFB657) !important; /* IE 10+ */
    background-image: -o-linear-gradient(top, #FF9100, #FFB657) !important; /* Opera 11.10+ */
}

.blue {
    background-color: #4DACFF !important;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4DACFF), to(#0079E3)) !important;
    background-image: -webkit-linear-gradient(top, #4DACFF, #0079E3) !important; /* Safari 5.1+, Mobile Safari, Chrome 10+ */
    background-image: -moz-linear-gradient(top, #4DACFF, #0079E3) !important; /* Firefox 3.6+ */
    background-image: -ms-linear-gradient(top, #4DACFF, #0079E3) !important; /* IE 10+ */
    background-image: -o-linear-gradient(top, #4DACFF, #0079E3) !important; /* Opera 11.10+ */
}

.blue:hover {
    background-color: #0079E3 !important;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0079E3), to(#4DACFF)) !important;
    background-image: -webkit-linear-gradient(top, #0079E3, #4DACFF) !important; /* Safari 5.1+, Mobile Safari, Chrome 10+ */
    background-image: -moz-linear-gradient(top, #0079E3, #4DACFF) !important; /* Firefox 3.6+ */
    background-image: -ms-linear-gradient(top, #0079E3, #4DACFF) !important; /* IE 10+ */
    background-image: -o-linear-gradient(top, #0079E3, #4DACFF) !important; /* Opera 11.10+ */
}

.green {
    background-color: #B6DE50 !important;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#B6DE50), to(#8ABA0F)) !important;
    background-image: -webkit-linear-gradient(top, #B6DE50, #8ABA0F) !important; /* Safari 5.1+, Mobile Safari, Chrome 10+ */
    background-image: -moz-linear-gradient(top, #B6DE50, #8ABA0F) !important; /* Firefox 3.6+ */
    background-image: -ms-linear-gradient(top, #B6DE50, #8ABA0F) !important; /* IE 10+ */
    background-image: -o-linear-gradient(top, #B6DE50, #8ABA0F) !important; /* Opera 11.10+ */
}

.green:hover {
    background-color: #8ABA0F !important;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#8ABA0F), to(#B6DE50)) !important;
    background-image: -webkit-linear-gradient(top, #8ABA0F, #B6DE50) !important; /* Safari 5.1+, Mobile Safari, Chrome 10+ */
    background-image: -moz-linear-gradient(top, #8ABA0F, #B6DE50) !important; /* Firefox 3.6+ */
    background-image: -ms-linear-gradient(top, #8ABA0F, #B6DE50) !important; /* IE 10+ */
    background-image: -o-linear-gradient(top, #8ABA0F, #B6DE50) !important; /* Opera 11.10+ */
}

/************************************************************************************
ALERTBOXES
*************************************************************************************/
.notification {
    padding: 7px 7px 7px 10px;
    font-size: 14px;
    color: #ffffff;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    margin-bottom: 10px;
}

.notification b {
    font-weight: bold;
}

.error {
    background-color: #E02B49;
}

.info {
    background-color: #52B5F2;
}

.warning {
    background-color: #FF9100;
}

.success {
    background-color: #8ABA0F;
}

/************************************************************************************
STRUCTURE
*************************************************************************************/
#pagewrap {
    padding: 0;
    width: 100%;
    overflow: hidden;
    margin: 0px auto;
}

img {
    border: 0px;
}

.hideme {
    display: none;
}

.fademe {
    opacity: 0;
}

#header {
    width: 980px;
    margin: 0px auto;
}

#header > div:first-child {
    display: flex;
    justify-content: center;
}

#header div.logo {
    width: auto;
    float: left;
    margin: 20px 0 0 10px;
    padding: 0px;
}

#content {
    width: 980px;
    margin: 0px auto;
}

#sidebar {
    width: 300px;
    float: right;
}

#footer {
    width: 980px;
    margin: 0px auto;
}

#footer .mid_hr {
    margin-top: 80px;
}

#footer h1 {
    margin: 20px 0 0 0;
    padding: 0px;
    float: left;
}

#footer .logo {
    width: 100%;
    display: flex; 
    justify-content: center;
    margin: 20px 0 0 0;
    padding: 0px;
    
}

.footer_right_default {
    width: 100%;
    float: right;
    margin-top: 20px;
}

.footer_right {
    width: 100%; 
    display: flex; 
    justify-content: center;
        text-align: center;
}


.footer_right ul_default {
    width: auto;
    margin: 0px;
    padding: 0px;
    list-style: none;
    font-family: 'AbelRegular';
}


.footer_right ul {
    width: auto;
    margin: 0px;
    padding: 0px;
    list-style: none;
    font-family: 'AbelRegular';
}

.footer_right ul li {
    display: inline;
    margin: 0px 20px;
    padding: 0px;
    list-style: none;
}

.footer_right ul li a:link, .footer_right ul li a:visited {
    color: #8f8f8f;
    font-size: 14px;
    text-wrap-mode: nowrap;
}

.footer_right ul li a:hover, .footer_right ul li.active a {
    color: #4d4d4d;
    text-decoration: none;
}

.footer_right p {
    width: 100%;
    float: left;
    text-align: right;
    margin: 0 0 0 0px;
    padding: 0px;
    font-size: 12px;
    color: #95959c;
}

.footer_left {
    width: 100%;
    margin-top: 20px;
}

.footer_left p {
    width: 100%;
    float: left;
    text-align: center;
    margin: 0 0 0 0px;
    padding: 0px;
    font-size: 12px;
    color: #95959c;
}

.footer_right p a:link, .footer_right p a:visited {
    font-size: 12px;
    color: #95959c;
}

/* **************************************************************************
*   FLICKR WIDGET CSS
* **************************************************************************/
#flickr a.flickr-link {
    display: block;
    float: left;
    height: 73px;

    overflow: hidden;
    text-align: right;
    width: 73px;
}

#flickr img.flickr {
    width: 60px;
    height: 60px;
    border: 4px solid #FFF;
    text-align: center;
    -webkit-transition-property: border;
    -webkit-transition-duration: 500ms;
    -moz-transition-property: border;
    -moz-transition-duration: 500ms;
    -o-transition-property: border;
    -o-transition-duration: 500ms;
}

#flickr a:hover img.flickr {
    border: 4px solid #00AFC2;
}

/* **************************************************************************
*   FLICKR WIDGET CSS END
* **************************************************************************/
/* **************************************************************************
*   BLOG ADVERTISEMENT WIDGET CSS
* **************************************************************************/
.blog_right_advertisement img {
    border: 4px solid #FFF;
    text-align: center;
    -webkit-transition-property: border;
    -webkit-transition-duration: 500ms;
    -moz-transition-property: border;
    -moz-transition-duration: 500ms;
    -o-transition-property: border;
    -o-transition-duration: 500ms;
}

.blog_right_advertisement a:hover img {
    border: 4px solid #00AFC2;
}

/* **************************************************************************
*   BLOG ADVERTISEMENT WIDGET CSS END
* **************************************************************************/

/* **************************************************************************
*   TWITTER WIDGET CSS
* **************************************************************************/
#tweeter {
    width: 100%;
    float: left;
    border-bottom: 1px solid #ececec;
    padding: 14px 0px 7px 0px;
}

#tweeter .tweet {
    margin: 0 0 10px 0;
    padding: 0px;
    line-height: 17px;
    color: #95959c;
    font-size: 12px;
}

#tweeter .tweet a {
    text-decoration: none;
    color: #13c9d0;
}

#tweeter .tweet a:hover {
    text-decoration: underline;
}

#tweeter .tweet .time {
    font-size: 10px;
    font-style: italic;
    color: #95959c;
}

/* **************************************************************************
*   TWITTER WIDGET CSS END
* **************************************************************************/

/* **************************************************************************
*   HEADER CSS
* **************************************************************************/

.menu_nav {
    width: 100%;
    float: left;
    border-bottom: 1px solid #ececec;
    border-top: 1px solid #ececec;
    height: 46px;
    margin-top: 15px;
}

.header_slog {
    width: 100%;
    float: left;
    text-align: center;
}

.header_slog > div {
    display: flex;
    justify-content: center;
    align-items: center;
}

.header_slog h2 {
    margin: 30px 0 0 0px;
    padding: 0px;
    text-align: center;
    color: #aeaeae;
    font-size: 18px;
    font-family: 'DroidSerifItalic';
    font-weight: normal;
}

.header_slog h2 span {
    font-size: 34px;
    color: #8f8f8f;
    font-family: 'AbelRegular';
    line-height: 50px;
}

.header_slog h2 span font {
    color: #00afc2;
    font-size: 34px;
}

.banner {
    width: 100%;
    float: left;
    height: 432px;
    margin-top: 30px;
    background: url(../images/banner_bg.jpg) repeat-x;
    padding-top: 0;
}

/* **************************************************************************
*   CONTENT CSS
* **************************************************************************/

.content_top {
    width: 100%;
    float: left;
    border-bottom: 1px solid #ececec;
    border-top: 1px solid #ececec;
    margin-top: 100px;
}

.content_top h2 {
    margin: -10px 0 0 0px;
    padding: 0px;
    float: left;
    text-align: center;
    width: 100%;
    color: #aeaeae;
    font-size: 18px;
    font-weight: normal;
    font-family: 'DroidSerifItalic';
}

.content_top h2 span {
    background: #FFFFFF;
    padding: 0px 15px;
}

.content_top img {
    margin: 35px 3px;
    height: 74px;
}

/* **************************************************************************
*   SERVICES CSS
* **************************************************************************/


.left_services {
    width: 230px;
    float: left;
    margin-top: 50px;
}

.left_services h2 {
    margin: 0px;
    padding: 0px;
    font-size: 27px;
    color: #6a6a75;
    font-family: 'AbelRegular';
    font-weight: normal;
}

.left_services p {
    margin: 15px 10px 0 0px;
    padding: 0px;
    line-height: 21px;
    font-size: 13px;
    color: #95959c;
}

.left_services_right {
    width: 710px;
    float: right;
    margin-left: 20px;
    margin-top: 50px;
}

.left_services1 {
    width: 222px;
    float: left;
    border-right: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
    padding: 0 0 0 13px;
}

.left_services1 h2 {
    margin: 0px;
    padding: 0px;
    color: #6a6a75;
    font-size: 18px;
    height: 32px;
    font-weight: normal;
    font-family: 'AbelRegular';
}

.left_services1 h2 a {
    color: #6a6a75;
    font-size: 18px;
}

.left_services1 h2 a:hover {
    color: #00afc2;
    text-decoration: none;
}

.left_services1 p {
    margin: 15px 10px 15px 0px;
    padding: 0px;
    font-size: 12px;
    color: #adadb5;
    line-height: 21px;
}

.left_services1_top {
    padding-top: 20px;
}

.left_services1_left {
    padding-left: 0px;
    width: 238px;
}

.left_services1_bo_right {
    border-right: 0px;
}

.left_services1_bo_bot {
    border-bottom: 0px;
}

.mid_hr {
    background: #ececec;
    height: 1px;
    line-height: 1px;
    float: left;
    width: 100%;
    margin-top: 50px;
}

/************************************************************************************
SOCIAL ICONS
*************************************************************************************/
.social_right {
    width: auto;
    float: right;
    margin-top: 35px;
}

.social_right_f:link, .social_right_f:visited {
    width: 24px;
    height: 24px;
    text-decoration: none;
    float: left;
    background: url(../images/f_ic.jpg) no-repeat;
    margin-left: 5px;
}

.social_right_f:hover {
    /*background:url(../images/f_ic_h.jpg) no-repeat; */
}

.social_right_t:link, .social_right_t:visited {
    width: 24px;
    height: 24px;
    text-decoration: none;
    float: left;
    background: url(../images/t_ic.jpg) no-repeat;
    margin-left: 5px;
}

.social_right_t:hover {
    /*background:url(../images/t_ic_h.jpg) no-repeat;*/
}

.social_right_s:link, .social_right_s:visited {
    width: 24px;
    height: 24px;
    text-decoration: none;
    float: left;
    background: url(../images/s_ic.jpg) no-repeat;
    margin-left: 5px;
}

.social_right_s:hover {
    /*background:url(../images/s_ic_h.jpg) no-repeat; */
}

.social_right_r:link, .social_right_r:visited {
    width: 24px;
    height: 24px;
    text-decoration: none;
    float: left;
    background: url(../images/r_ic.jpg) no-repeat;
    margin-left: 5px;
}

.social_right_r:hover {
    /*background:url(../images/r_ic_h.jpg) no-repeat; */
}

.bot_right_recent {
    width: 730px;
    float: left;
    margin-top: 50px;
}

.bot_right_recent_box {
    width: 223px;
    float: left;
    margin-left: 20px;
}
.bot_right_recent_box p {
    width: 100%;
}

.bot_right_recent_box h3 {
    margin: 0px 0px 20px 0px;
    padding: 0px;
    font-size: 18px;
    color: #6a6a75;
    font-weight: normal;
    font-family: 'AbelRegular';
}


/************************************************************************************
PORTFOLIO CSS
*************************************************************************************/
.portfolio {
    float: left;
    margin-top: 50px;
}

.portfolio .bot_right_recent_box {
    text-align: left;
}

.portfolio.col1 .bot_right_recent_box {
    width: 100%;
}

.portfolio.col2 .bot_right_recent_box {
    width: 300px;
}

.portfolio.col3 .bot_right_recent_box {
    width: 200px;
}

.portfolio .bot_right_recent_box img {
    width: 100%;
}

.portfolio .bot_right_recent_box h3, .portfolio .bot_right_recent_box .date {
    clear: both;
    margin: 0 5px;
}

.portfolio .bot_right_recent_box h3 {
    font-family: 'DroidSansRegular';
    padding-top: 0.5em;
}

.portfolio .bot_right_recent_box .date {
    font: 12px 'DroidSerifItalic';
    color: #999999;
}

.portfolio .bot_right_recent_box a {
    color: #00ADC0;
}

#paged-navigation {
    color: #999;
    font-size: 14px;
    clear: both;
}

#paged-navigation .buttons {
    float: right;
    margin-right: 30px;
}

#paged-navigation .buttons a, #paged-navigation .dots, #paged-navigation .current {
    display: inline-block;
    vertical-align: top;
    /*padding: 1px 0 0 0;/**/
    width: 23px;
    height: 1.7em;
    text-align: center;
}

#paged-navigation .dots {
    border-bottom: 1px dotted #EDEDED;
}

#paged-navigation .buttons a {
    color: #999;
    background-color: #EDEDED;
}

#paged-navigation .buttons a {
    zoom: 1;
    *display: inline;
}

#paged-navigation .buttons a:hover, #paged-navigation .current {
    text-decoration: none;
    color: white;
    background-color: #00AFC2;
}

#paged-navigation .buttons a.edge-button:hover {
    color: #00AFC2;
    background-color: #EDEDED;
}

#paged-navigation .buttons a.normal-link {
    color: #999;
    background-color: transparent;
    width: auto;
    padding-left: 5px;
    padding-right: 5px;
}

#paged-navigation .buttons a.normal-link:hover {
    color: #00AFC2;
    background-color: transparent;
    text-decoration: underline;
}

#paged-navigation .buttons a:first-child {
    /*
     font-size: 18px;
     */
}

.bot_right_recent_box p {
    margin: 10px 0 0 0px;
    padding: 0px;
    color: #adadb5;
    font-size: 12px;
    line-height: 21px;
    float: left;
    clear: both;
}

.bot_right_recent_box img {
    float: left;
}

.themes_mn {
    width: 932px;
    border-radius: 4px;
    display: block;
    background: #f1f1f5;
    -moz-border-radius: 4px;
    padding: 14px;
    clear: both;
    float: left;
    -webkit-border-radius: 4px;
    margin-top: 70px;
    margin-bottom: 20px;
}

.themes_mn_right {
    width: 830px;
    float: left;
    margin-left: 14px;
    background: #FFF;
    padding: 10px;
    font-size: 14px;
    color: #95959c;
    line-height: 24px;
    -moz-border-radius: 4px;
    font-family: 'DroidSerifItalic';
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.themes_mn_right a:link, .themes_mn_right a:visited {
    color: #00afc2;
    font-size: 14px;
    text-decoration: none;
}

.themes_mn_right span {
    color: #5d5d63;
    font-size: 14px;
}

.bottom_right_mn {
    width: 710px;
    float: left;
    margin: 50px 0 0 20px;
}

.bottom_right_mn_box {
    width: 224px;
    float: left;
}

.bottom_right_mn_box h3 {
    margin: 0 0 0 0px;
    padding: 0px;
    font-size: 24px;
    font-weight: normal;
    color: #6a6a75;
    font-family: 'AbelRegular';
}

.bottom_right_mn_box_row {
    width: 100%;
    float: left;
    border-bottom: 1px solid #ececec;
    padding: 14px 0px;
}

.bottom_right_mn_box_row div {
    width: 160px;
    float: left;
    padding-left: 10px;
    line-height: 17px;
    color: #95959c;
    font-size: 12px;
}

.bottom_right_mn_box_row div a {
    color: #95959c;
    font-size: 12px;
}

.bottom_right_mn_box_row div span {
    color: #b8b8c1;
    font-size: 11px;
    font-style: italic;
}

.bottom_right_mn_box_row1 {
    width: 100%;
    float: left;
    border-bottom: 1px solid #ececec;
    padding: 14px 0px 7px 0px;
}

.bottom_right_mn_box_row1 p {
    margin: 0 0 0 0px;
    padding: 0px;
    line-height: 17px;
    color: #95959c;
    font-size: 12px;
}

.bottom_right_mn_box1 {
    width: 228px;
    float: left;
    margin-left: 15px;
}

.bottom_right_mn_box1 h3 {
    margin: 0 0 0 0px;
    padding: 0px;
    font-size: 24px;
    font-weight: normal;
    color: #6a6a75;
    font-family: 'AbelRegular';
}

.bottom_right_mn_box_row1 a:link, .bottom_right_mn_box_row1 a:visited {
    text-decoration: none;
    color: #00afc2;
    font-size: 12px;
}

.bottom_right_mn_box_row1 a:hover {
    text-decoration: underline;
}

.bottom_right_mn_box_row1 span {
    color: #bcbcc4;
    font-size: 12px;
}

.bottom_right_mn_box1 h3.photogallery {
    margin-bottom: 16px;
}

.photogallery img {
    margin: 3px 2px 2px 3px;
}

/************************************************************************************
SEARCH CSS
*************************************************************************************/
.search_right {
    width: 258px;
    float: right;
    height: 30px;
    background: #f5f5f5;
    -moz-border-radius: 4px;
    margin-top: 8px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.search_txt {
    width: 204px;
    background: none;
    float: left;
    height: 30px;
    padding: 0px 10px;
    border: 0px;
    font-size: 12px;
    color: #8F8F8F;
    line-height: 30px;
}

.search_btn {
    width: 30px;
    height: 30px;
    cursor: pointer;
    border: 0px;
    float: right;
    background: url(../images/search_btn.png) no-repeat;
}

.banner_bot {
    display: block;
    background: #55d4e2;
    height: 60px;
    line-height: 60px;
    font-size: 30px;
    color: #FFFFFF;
    text-align: center;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin-top: -30px;
    text-shadow: 1px 1px 1px #34a2ae;
    z-index: 99999999;
    position: relative;
}

.banner_bot_nivo {
    display: block;
    background: #55d4e2;
    height: 60px;
    line-height: 60px;
    font-size: 30px;
    color: #FFFFFF;
    text-align: center;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin-top: 30px;
    text-shadow: 1px 1px 1px #34a2ae;
    z-index: 99999999;

}

.search_iphone {
    display: none;
}

.img_hover_cl {
    width: auto;
    float: left;
}

.img_hover_cl p {
    margin-top: 0px;
}

.img_hover_cl_test {
    width: auto;
    float: left;
    position: relative;
}

.img_hover_cl_test span {
    display: none;
}

.img_hover_cl_test:hover span {
    /*
     width: 230px;
     height: 149px;
     /**/
    width: 100%;
    height: 100%;
    float: left;
    position: absolute;
    top: 0px;
    left: 0px;
    background: url(../images/img_hover.png) no-repeat right bottom;
    display: block;
    cursor: pointer;
}

.black_overlay {
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index: 99999999;
    -moz-opacity: 0.8;
    opacity: .80;
    filter: alpha(opacity = 80);
}

.white_content {
    display: none;
    position: fixed;
    top: 24%;
    left: 25%;
    width: 50%;
    height: 50%;
    padding: 16px;
    border: 16px solid #F1F1F5;
    background-color: white;
    z-index: 9999999999;
    overflow: auto;
}

.bot_right_recent_box .white_content img {
    width: 100%;
    height: 100%;
}

.white_content img.close_ic {
    width: auto;
    height: auto;
    float: right;
    margin: -13px -16px -18px 0px;
    position: relative;
}

/* BLOG CSS */
.banner_sub {
    width: 100%;
    height: auto;
    margin-top: 30px;
    clear: both;
    float: left;
    background: url(../images/banner_bg.jpg) repeat-x top;
}

.sub_line_menu {
    width: 980px;
    margin: 14px auto;
    padding: 0px;
    list-style: none;
}

.sub_line_menu li {
    width: auto;
    margin: 0px 0 0 10px;
    padding: 0px 0px;
    list-style: none;
    display: inline;
    font-family: 'AbelRegular';
    font-size: 12px;
    color: #8f8f8f;
}

.sub_line_menu li a:link, .sub_line_menu li a:visited {
    font-size: 12px;
    color: #8f8f8f;
    text-decoration: none;
}

.sub_line_menu li span {
    color: #4d4d4d;
}

.inner_left_mn {
    width: 678px;
    float: left;
}

.fullwidth {
    width: 980px;
    float: left;
}

.blog_mn {
    width: 100%;
    float: left;
    border-bottom: 1px solid #ececec;
    padding: 30px 0 30px 0px;
}

.blog_mn article h2 {
    padding: 20px 0;
}

.blog_mn img {
    width: 100%;
    float: left;
}

.blog_mn:last-child {
    border-bottom: none;
}

.blog_mn_con h2 {
    margin: 0px !important;
    padding: 0px !important;
}

.blog_mn_con {
    background: url(../images/banner_bg.jpg) repeat-x top;
    width: 100%;
    padding: 10px 0px;
    float: left;
    margin-bottom: 10px;
}

.blog_mn_con_cols {
    width: 52px;
    height: 45px;
    float: left;
    background: #FFF;
    text-align: center;
    font-size: 14px;
    color: #a3a3a9;
    margin: 0 0 0 12px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    line-height: 18px;
    padding-top: 7px;
    font-family: 'AbelRegular';
}

.blog_mn_con_cols_pagination {
    width: 52px;
    height: 45px;
    float: left;
    background: #FFF;
    text-align: center;
    font-size: 14px;
    color: #a3a3a9;
    margin: 0 0 0 12px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    line-height: 18px;
    padding-top: 7px;
    font-family: 'AbelRegular';
}

.blog_mn_con_cols span {
    color: #11b4c6;
    font-size: 24px;
}

.blog_mn_con_cols1 {
    width: auto;
    float: left;
    font-size: 13px;
    color: #a3a3a3;
    font-family: 'DroidSansRegular';
    padding: 4px 0 0 12px;
}

.blog_mn_con_cols1 h3 {
    margin: 0px;
    padding: 0px;
    font-size: 24px;
    font-weight: normal;
    color: #6a6a75;
    font-family: 'AbelRegular';
}

.blog_mn_con_cols1 h3 a:link, .blog_mn_con_cols1 h3 a:visited {
    font-size: 24px;
    font-weight: normal;
    color: #6a6a75;
    text-decoration: none;
}

.blog_mn_con_cols1 a:link, .blog_mn_con_cols1 a:visited {
    color: #a3a3a3;
    font-size: 13px;
    text-decoration: none;
}

.blog_mn_con_cols1 a font {
    color: #44c4d2;
    font-size: 13px;
}

.blog_mn p {
    margin: 0px 0 10px;
    padding: 0px;
    text-align: left;
    font-size: 13px;
    line-height: 21px;
    color: #a3a3a9;
}

.blog-page {
    width: 100%;
    float: left;
    margin: 15px 0 0 0px;
    padding: 0px;
    list-style: none;
}

.blog-page a:link, .blog-page a:visited {
    color: #94949c;
    font-size: 12px;
    text-transform: none;
}

.blog_right_mn {
    width: 270px;
    float: right;
    margin: 0px;
    padding: 0px;
}

.blog_right_archieve {
    width: 100%;
    float: left;
    margin-top: 30px;
}

.blog_right_archieve h2 {
    margin: 5px 0 0 0;
    padding: 0px;
    font-size: 27px;
    color: #6a6a75;
    font-family: 'AbelRegular';
    font-weight: normal;
}

.blog_right_archieve ul {
    width: 100%;
    float: left;
    margin: 10px 0 0 0px;
    padding: 0px;
    list-style: none;
}

.blog_right_archieve ul li {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 5px 0px;
    list-style: none;
    border-bottom: 1px solid #ececec;
}

.blog_right_archieve ul li.blog_right_archieve_bo {
    border-bottom: 0px;
}

.blog_right_archieve ul li a:link, .blog_right_archieve ul li a:visited {
    color: #a3a3a9;
    font-size: 13px;
    text-decoration: none;
}

.blog_right_archieve ul li a:hover {
    color: #6a6a75;
}

.blog_right_archieve ul li a img {
    margin-right: 5px;
}

.blog_right_recentpost {
    width: 100%;
    float: left;
    margin-top: 40px;
}

.blog_right_recentpost h2 {
    margin: 0px;
    padding: 0px;
    font-size: 27px;
    color: #6a6a75;
    font-family: 'AbelRegular';
    font-weight: normal;
}

.blog_right_recentpost ul {
    width: 100%;
    float: left;
    margin: 10px 0 0 0;
    padding: 0px;
    list-style: none;
}

.blog_right_recentpost ul li {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 12px 0px;
    list-style: none;
    border-bottom: 1px solid #ececec;
}

.blog_right_recentpost ul li.blog_right_recentpost_bo {
    border-bottom: 0px;
}

.blog_right_recentpost ul li img {
    float: left;
}

.blog_right_recentpost ul li span {
    width: 200px;
    float: left;
    padding: 0 0 0 10px;
    line-height: 17px;
}

.blog_right_recentpost ul li span a:link, .blog_right_recentpost ul li span a:visited {
    color: #95959c;
    font-size: 12px;
    text-decoration: none;
}

.blog_right_recentpost ul li span i {
    font-family: 'DroidSerifItalic';
    font-size: 11px;
    color: #b8b8c1;
}

.blog_right_advertisement {
    width: 100%;
    float: left;
    margin-top: 40px;
}

.blog_right_advertisement h2 {
    margin: 0px;
    padding: 0px;
    font-size: 27px;
    color: #6a6a75;
    font-family: 'AbelRegular';
    font-weight: normal;
}

.blog_right_advertisement ul {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 10px 0 0 0;
  padding: 0;
  list-style: none;
  justify-content: flex-start;
}

.blog_right_advertisement ul li {
  float: none !important;
  flex: 0 0 140px;
}

.blog_right_advertisement ul li img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;

}

/* BLOG CSS END */

/* TYPOGRAPHY CSS */
h2.title {
    margin-top: 30px;
    padding: 0px;
}

.fullwidth h2 {
    width: 100%;
    padding: 0px;
    color: #6a6a75;
    font-weight: normal;
    font-family: 'AbelRegular';
    line-height: 36px;
}

.fullwidth p {
    width: 100%;
    float: left;
    margin: 15px 0 15px 0px;
    padding: 0px;
    font-size: 13px;
    color: #a3a3a9;
    font-weight: normal;
    line-height: 21px;
}

/* TYPOGRAPHY CSS END */

/* ABOUT PAGE CSS */
.about_title {
    width: 100%;
    float: left;
    margin: 30px 0 0 0px;
    padding: 0px;
    font-size: 27px;
    color: #6a6a75;
    font-weight: normal;
    font-family: 'AbelRegular';
    line-height: 36px;
}

.about_title_con p {
    width: 100%;
    float: left;
    margin: 25px 0 0 0px;
    padding: 0px;
    font-size: 13px;
    color: #a3a3a9;
    font-weight: normal;
    line-height: 21px;
}

.about_meet_team_mn {
    width: 100%;
    float: left;
}

.about_meet_team_mn h2 {
    width: 100%;
    float: left;
    margin: 40px 0 0 0px;
    padding: 0px;
    font-size: 27px;
    color: #6a6a75;
    font-weight: normal;
    font-family: 'AbelRegular';
    line-height: 36px;
}

.about_meet_team_mn_cols {
    width: 330px;
    float: left;
    border-bottom: 1px solid #ececec;
    padding: 25px 0px;
}

.about_meet_team_mn_cols div {
    width: 250px;
    float: left;
    line-height: 21px;
    padding-left: 10px;
}

.about_meet_team_mn_cols div h4 {
    margin: 0 0 0 0px;
    padding: 0px;
    font-size: 13px;
    color: #00afc2;
    font-weight: normal;
}

.about_meet_team_mn_cols.service div h4 {
    text-transform: uppercase;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    font-weight: bold;
}

.about_meet_team_mn_cols.service div h4 a {
    color: #787884;
    text-decoration: none;
}

.about_meet_team_mn_cols.service div h4 a:hover {
    color: #00afc2;
    text-decoration: none;
}

.about_meet_team_mn_cols div span, .about_meet_team_mn_cols div span a:link, .about_meet_team_mn_cols div span a:visited {
    font-size: 13px;
    color: #787884;
    text-decoration: none;
}

.about_meet_team_mn_cols div p {
    margin: 0 0 0 0px;
    padding: 0px;
    font-size: 13px;
    color: #a3a3a9;
    font-weight: normal;
}

.about_meet_team_mn_cols_rt {
    float: right;
}

/* ABOUT PAGE CSS END */

/* TESTIMONIALS WIDGET AND PAGE CSS */

.testimonials_top {
    width: 100%;
    height: 20px;
    line-height: 20px;
    margin-bottom: 10px;
    background: url(../images/left_testimonial.png) no-repeat left top;
}

.testimonials_bottom {
    width: 100%;
    height: 20px;
    line-height: 20px;
    background: url(../images/right_testimonial.png) no-repeat right top;
}

.testimonials_content {
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 30px;
    margin-right: 20px;
    padding: 0px;
    font-size: 13px;
    color: #95959c;
}

a.testimonials_content, .testimonials_content a:visited {
    font-size: 16px;
    color: #00afc2;
    text-decoration: none;
}

.testimonials_content span {
    color: #5d5d63;
    font-size: 14px;
}

.testimonials_large_content {
    color: #A3A3A9;
    font-size: 13px;
    font-family: "DroidSansRegular", Arial;
    background: url(../images/left_testimonial.png) no-repeat left top;
    padding-left: 45px;
    margin-top: 25px;
    max-width: 570px;
}

.testimonials_large_signature {
    margin-top: 10px;
    margin-left: 45px;
    padding-left: 60px;
    padding-top: 10px;
    background: url(../images/bottom_testimonial.png) no-repeat left top;
}

.testimonials_large_signature a, .testimonials_large_signature a:visited {
    font-size: 12px;
    color: #00afc2;
    text-decoration: none;
}

.testimonials_large_signature span {
    font-size: 12px;
    color: #5d5d63;
}

/* TESTIMONIALS WIDGET AND PAGE CSS END */

/* PROJECT CSS */
.project_description {
    color: #A3A3A9;
    font-size: 13px;
    margin: 15px 0;
    max-width: 650px;
}

.project_date, .image_caption {
    color: #B7B7C0;
    font-size: 11px;
}


/* PROJECT CSS END */

/* BLOG POST CSS */
.blog_post_comment {
    width: 100%;
    float: left;
    border-bottom: 1px solid #ECECEC;
    margin-top: 40px;
}

.blog_post_comment h2 {
    width: auto;
    float: left;
    margin: 0px 0 0 0px;
    padding: 0px;
    font-size: 24px;
    color: #6a6a75;
    font-weight: normal;
    font-family: 'AbelRegular';
    line-height: 36px;
}

.comments_top_rt {
    width: auto;
    float: right;
}

.comments_top_rt a:link, .comments_top_rt a:visited {
    color: #00afc2;
    font-size: 12px;
    text-decoration: none;
    font-weight: bold;
}

.comments_top_rt a:hover {
    color: #04cfe5;
}

.blog_post_comment ul {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.blog_post_comment ul li {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 15px 0 0 0px;
    list-style: none;
    border-bottom: 1px solid #ECECEC;
}

.comment_row_mn_cols {
    width: auto;
    float: left;
    padding-left: 0px;
    font-size: 13px;
    color: #60656f;
    line-height: normal;
}

.comment_row_mn_cols span {
    color: #908f8f;
    font-size: 12px;
}

.comment_row_mn {
    width: 638px;
    float: left;
    padding-left: 10px;
}

.comment_row_mn p, .comment_row_mn1 p {
    width: 100%;
    float: left;
    padding: 0px;
    margin: 10px 0px 10px 10px;
    color: #60656f;
    font-size: 13px;
}

.comment_row_mn1 {
    width: 638px;
    float: left;
    border-top: 1px solid #ECECEC;
    padding-top: 15px;
}

.comment_row_mn1 .fleft {
    margin-right: 10px;
}

.add_comment_mn {
    width: 100%;
    float: left;
    margin-top: 30px;
}

.add_comment_mn h2 {
    width: auto;
    float: left;
    margin: 0px 0 0 0px;
    padding: 0px;
    font-size: 24px;
    color: #6a6a75;
    font-weight: normal;
    font-family: 'AbelRegular';
    line-height: 36px;
}

.add_comment_mn span {
    float: left;
    color: #FF0000;
    margin-top: 25px;
    margin-left: 15px;
    font-size: 12px;
}

.add_comment_mn input {
    width: 40%;
    float: left;
    clear: left;
    border: 1px solid #dcdcdc;
    height: 28px;
    line-height: 28px;
    padding: 0px 10px;
    font-family: 'DroidSansRegular';
    font-size: 12px;
    color: #bcbcbc;
    margin-top: 20px;
}

.add_comment_mn textarea {
    width: 60%;
    float: left;
    clear: left;
    border: 1px solid #dcdcdc;
    height: 100px;
    line-height: 28px;
    padding: 5px 10px;
    font-family: 'DroidSansRegular';
    font-size: 12px;
    color: #bcbcbc;
    margin-top: 20px;
}


.add_comment_mn input.submit, .contact_right input.submit {
    font-family: "DroidSansRegular";
    color:#fff;
    width: 84px;
    height: 29px;
    float: left;
    line-height: 29px;
    text-align: center;
    border: 0px;
    margin-top: 15px;
    cursor: pointer;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    font-size: 13px;
    text-decoration: none;
    background-color: #84d4de;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#84d4de), to(#51bad0));
    /* Safari 5.1+, Mobile Safari, Chrome 10+ */
    background-image: -webkit-linear-gradient(top, #84d4de, #51bad0);
    /* Firefox 3.6+ */
    background-image: -moz-linear-gradient(top, #84d4de, #51bad0);
    /* IE 10+ */
    background-image: -ms-linear-gradient(top, #84d4de, #51bad0);
    /* Opera 11.10+ */
    background-image: -o-linear-gradient(top, #84d4de, #51bad0);

}
.add_comment_mn input.submit:hover, .contact_right input.submit:hover {
    background-color: #51bad0;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#51bad0), to(#84d4de));
    /* Safari 5.1+, Mobile Safari, Chrome 10+ */
    background-image: -webkit-linear-gradient(top, #51bad0, #84d4de);
    /* Firefox 3.6+ */
    background-image: -moz-linear-gradient(top, #51bad0, #84d4de);
    /* IE 10+ */
    background-image: -ms-linear-gradient(top, #51bad0, #84d4de);
    /* Opera 11.10+ */
    background-image: -o-linear-gradient(top, #51bad0, #84d4de);
}
/* BLOG POST CSS END */

/* WORK PAGE CSS */
.work_top_left {
    width: 230px;
    float: left;
    margin-top: 30px;
}

.work_top_left h2 {
    margin: 0px 0 0 0px;
    padding: 0px;
    font-size: 27px;
    color: #6a6a75;
    font-weight: normal;
    font-family: 'AbelRegular';
    line-height: normal;
}

.work_top_left p {
    margin: 20px 0 0 0px;
    padding: 0px;
    font-size: 13px;
    color: #95959c;
    line-height: 21px;
}

.work_box_mn .bot_right_recent_box {
    padding-bottom: 30px;
}

.work_hr_bo {
    margin-top: 20px;
}

.work_box_mn .bot_right_recent_box:hover h3 {
    color: #00afc2;
}

.contact_right_top p {
    width: 100%;
    line-height: 22px;
    font-size: 13px;
    color: #95959c;
    padding: 20px 0px;
    margin: 0px 0px;
    border-bottom: 1px solid #ececec;
    float: left;
}

.contact_right_top p.contact_right_top_bot {
    border-bottom: 0px;
}

.contact_right_top p.contact_right_top_bot a:hover {
    text-decoration: underline;
}

.contact_right_top p span {
    color: #6a6a75;
}

.contact_right_top p a:link, .contact_right_top p a:visited {
    color: #95959c;
    font-size: 13px;
    text-decoration: none;
}

.contact_right {
    width: 100%;
    float: left;
}

.contact_right h2 {
    margin: 30px 0 0 0px;
    padding: 0px;
    font-size: 24px;
    color: #6a6a75;
    font-weight: normal;
    font-family: 'AbelRegular';
    line-height: normal;
}

.contact_right span {
    width: auto;
    font-size: 13px;
    color: #FF0000;
    float: left;
    margin: 22px 0 0 10px;
}

.contact_right input {
    width: 80%;
    height: 29px;
    float: left;
    border: 1px solid #dcdcdc;
    padding: 0px 7px;
    margin-top: 20px;
    font-size: 12px;
    color: #bcbcbc;
}

.contact_right textarea {
    width: 95%;
    height: 100px;
    float: left;
    border: 1px solid #dcdcdc;
    padding: 7px;
    margin-top: 20px;
    font-size: 12px;
    color: #bcbcbc;
}

.contact_left {
    width: 100%;
    float: left;
}

.contact_left h2 {
    margin: 30px 0 0 0px;
    padding: 0px;
    font-size: 27px;
    color: #6a6a75;
    font-weight: normal;
    font-family: 'AbelRegular';
    line-height: normal;
}

.contact_left p {
    color: #a3a3a9;
    font-size: 13px;
    line-height: 21px;
    padding: 0px;
    margin: 20px 0px;
}

.contact_left img {
    width: 100%;
}

/*  WORK PAGE CSS END*/
/************************************************************************************
PHOTO FRAMES CSS
*************************************************************************************/
.frame_left, .frame_right, .frame_center, .frame_box {
    margin: 5px 0;
    border: 4px solid #ebebeb;
}

.frame_black {
    border: 4px solid #000000;
}

.frame_blue {
    border: 4px solid #00AFC2;
}

.frame_left {
    margin: 5px 20px 5px 0px;
    float: left;
    display: block;
}

.frame_right {
    margin: 5px 0px 5px 20px;
    float: right;
    display: block;
}

.frame_center {
    margin: 5px auto;
    display: block;
    text-align: center;;
}

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 980px or less */
@media screen and (max-width: 980px) {

    #content, #header, #footer, .flexslider {
        width: 940px;
    }

    .bottom_right_mn, .left_services_right {
        width: 690px;
    }

    .content_top img {
        margin: 35px 2px;
    }

    .themes_mn {
        width: 912px;
    }

    .themes_mn_right {
        width: 810px;
    }

    .bot_right_recent {
        width: 710px;
    }

    .bot_right_recent_box {
        width: 260px;
    }

    .portfolio .bot_right_recent_box {
        text-align: left;
    }

    .portfolio.col1 .bot_right_recent_box {
        width: 100%;
    }

    .portfolio.col2 .bot_right_recent_box {
        width: 300px;
    }

    .portfolio.col3 .bot_right_recent_box {
        width: 200px;
    }

    .portfolio .bot_right_recent_box img {
        width: 100%;
    }

    .margin_top {
        margin-top: 20px;
    }

    .bottom_right_mn_box, .bottom_right_mn_box1 {
        width: 330px;
    }

    .bottom_right_mn_box_row div {
        width: 260px;
    }

    .bottom_right_mn_box2 {
        width: 600px;
        margin-left: 0px;
        margin-top: 20px;
    }

    .left_services1 {
        width: 330px;
        padding-left: 13px;
        padding-top: 20px;
    }

    .left_services1_bo_right {
        border-right: 1px solid #ECECEC;
    }

    .left_services1_bo_bot {
        border-bottom: 1px solid #ECECEC;
    }

    .minirightwi {
        border-bottom: 0px;
    }

    .minirightwi1 {
        border-right: 0px;
    }

    .sub_line_menu {
        width: 940px;
    }

    .inner_left_mn {
        width: 640px;
    }

    .fullwidth {
        width: 940px;
    }

    .about_meet_team_mn_cols {
        width: 300px;
    }

    .about_meet_team_mn_cols div {
        width: 220px;
    }
}

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

    #content, #header, #footer {
        width: 820px;
    }

    .bottom_right_mn, .left_services_right {
        width: 570px;
    }

    .themes_mn {
        width: 792px ;
    }

    .themes_mn_right {
        width: 690px;
    }

    .bot_right_recent {
        width: 590px;
    }

    .bot_right_recent_box {
        width: 176px;
    }

    .portfolio .bot_right_recent_box {
        text-align: left;
    }

    .portfolio.col1 .bot_right_recent_box {
        width: 90%;
    }

    .portfolio.col2 .bot_right_recent_box {
        width: 300px;
    }

    .portfolio.col3 .bot_right_recent_box {
        width: 200px;
    }

    .bot_right_recent_box img {
        width: 160px;
    }

    .portfolio .bot_right_recent_box img {
        width: 100%;
    }

    .img_hover_cl_test:hover span {
        /*
          width: 160px;
          height: 104px;
          /**/
        float: left;
        position: absolute;
        top: 0px;
        left: 0px;
        background: url(../images/img_hover.png) no-repeat right bottom;
        display: block;
        cursor: pointer;
    }

    .bot_right_recent .margin_top {
        margin-top: 0px;
    }

    .margin_top {
        margin-top: 20px;
    }

    .bottom_right_mn_box, .bottom_right_mn_box1 {
        width: 277px;
    }

    .bottom_right_mn_box_row div {
        width: 215px;
    }

    .bottom_right_mn_box2 {
        width: 600px;
        margin-left: 0px;
        margin-top: 20px;
    }

    .left_services1 {
        width: 271px;
        padding-left: 13px;
        padding-top: 20px;
    }

    .left_services1_bo_right {
        border-right: 1px solid #ECECEC;
    }

    .left_services1_bo_bot {
        border-bottom: 1px solid #ECECEC;
    }

    .minirightwi {
        border-bottom: 0px;
    }

    .minirightwi1 {
        border-right: 0px;
    }

    .content_top img {
        height: 60px;
    }

    .footer_right {
        width: 663px;
    }

    #footer .mid_hr {
        margin-top: 20px;
    }

    .themes_mn {
        margin-bottom: 0px;
        margin-top: 20px;
    }

    .flexslider {
        width: 820px;
    }

    .flex-caption {
        width: 50%;
    }

    .flex-caption h2 {
        font-size: 70px;
        margin-top: 20px;
    }

    .banner {
        height: 390px;
    }

    .sub_line_menu {
        width: 620px;
    }

    .inner_left_mn {
        width: 400px;
    }

    .inner_left_mn .portfolio {
        width: 620px;
    }

    .fullwidth {
        width: 820px;
    }

    .blog_right_mn {
        width: 200px;
    }

    .blog_right_recentpost ul li span {
        width: 138px;
    }

    .blog_right_advertisement ul li img {
        width: 95px;
    }
}

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

    #content, #header, #footer {
        width: 700px;
    }

    .bottom_right_mn, .left_services_right {
        width: 100%;
        margin-left: 0px;
        margin-top: 20px;
    }

    .themes_mn {
        width: 672px;
    }

    .themes_mn_right {
        width: 570px;
    }

    .themes_mn {
        margin-top: 20px;
        margin-bottom: 0px;
    }

    .bot_right_recent {
        width: 100%;
        margin-left: 0px;
        margin-top: 20px;
    }

    .bot_right_recent_box {
        width: 213px;
    }

    .portfolio .bot_right_recent_box {
        text-align: left;
    }

    .portfolio.col1 .bot_right_recent_box {
        width: 90%;
    }

    .portfolio.col2 .bot_right_recent_box {
        width: 300px;
    }

    .portfolio.col3 .bot_right_recent_box {
        width: 200px;
    }

    .bot_right_recent_box img {
        width: 200px;
    }

    .portfolio .bot_right_recent_box img {
        width: 100%;
    }

    .img_hover_cl_test:hover span {
        /*
          width: 200px;
          height: 130px;
          /**/
        float: left;
        position: absolute;
        top: 0px;
        left: 0px;
        background: url(../images/img_hover.png) no-repeat right bottom;
        display: block;
        cursor: pointer;
    }

    .bot_right_recent .margin_top {
        margin-top: 0px;
    }

    .margin_top {
        margin-top: 20px;
    }

    .bottom_right_mn_box, .bottom_right_mn_box1 {
        width: 200px;
    }

    .bottom_right_mn_box_row div {
        width: 138px;
    }

    .bottom_right_mn_box2 {
        width: 228px;
        margin-left: 20px;
        margin-top: 0px;
    }

    .left_services1 {
        width: 219px;
        padding-left: 13px;
        padding-top: 20px;
    }

    .left_services1_bo_right {
        border-right: 0px solid #ECECEC;
        border-left: 1px solid #ECECEC;
    }

    .minirightwi {
        border-bottom: 0px;
    }

    .minirightwi1 {
        border-right: 0px;
        border-left: 0px;
    }

    .left_services1_bo_bot {
        border-right: 1px solid #ECECEC;
        border-bottom: 0px;
    }

    .content_top img {
       /* height: 53px;*/
    }

    .footer_right, .footer_right p {
        width: 100%;
        text-align: center;
        margin-top: 0px;
    }

    .footer_right ul {
        float: none;
    }

    .search_right {
        display: none;
    }

    .search_iphone {
        display: block;
        float: left;
        position: absolute;
        top: 25px;
        left: 210px;
    }

    .left_services {
        width: 90%;
        float: left;
        margin-top: 20px;
    }

    .left_services1_bo_right {
        border-right: 0px;
    }

    #footer .mid_hr {
        margin-top: 20px;
    }

    .flexslider {
        width: 700px;
    }

    .flex-caption {
        width: 50%;
    }

    .flex-caption h2 {
        font-size: 40px;
        margin-top: 20px;
    }

    .banner {
        height: 310px;
    }

    .flex-caption p {
        margin-top: 10px;
    }

    #footer h1 {
        width: 100%;
        text-align: center;
        margin-left: 0px;
    }

    .sub_line_menu {
        width: 700px;
    }

    .inner_left_mn, .inner_left_mn .portfolio {
        width: 480px
    }

    .fullwidth {
        width: 700px;
    }

    .blog_right_mn {
        width: 200px;
    }

    .about_meet_team_mn_cols {
        width: 238px;
    }

    .about_meet_team_mn_cols div {
        width: 160px;
    }

    .comment_row_mn {
        width: 440px;
    }

    .comment_row_mn1 {
        width: 440px;
    }

}

/* for 700px or less */
@media screen and (max-width: 700px) {

    #content, #header, #footer, .flexslider {
        width: 620px;
    }

    .banner {
        height: 304px;
    }

    .flex-caption p {
        margin-top: 10px;
    }

    .content_top {
        margin-top: 60px;
    }

    .content_top img {
        /*height: 46px;*/
    }

    .bottom_right_mn, .left_services_right {
        width: 100%;
    }

    .themes_mn {
        width: 592px;
    }

    .themes_mn_right {
        width: 490px;
    }

    .bot_right_recent {
        width: 610px;
    }

    .bot_right_recent_box, .bot_right_recent_box img {
        width: 183px;
    }

    .portfolio .bot_right_recent_box img {
        width: 100%;
    }

    /*
     #paged-navigation .buttons {
         font-size: 16px;
     }

     #paged-navigation .buttons a, #paged-navigation .dots, #paged-navigation .current {
         width: 30px;
         height: 1.6em;
     }
     /**/

    #paged-navigation .buttons .clearfix {
        display: block;
        height: 5px;
    }

    .img_hover_cl_test:hover span {
        /*
          width: 183px;
          height: 119px;
          /**/
        float: left;
        position: absolute;
        top: 0px;
        left: 0px;
        background: url(../images/img_hover.png) no-repeat right bottom;
    }

    .margin_top {
        margin-top: 20px;
    }

    .bottom_right_mn_box, .bottom_right_mn_box1 {
        width: 186px;
        margin-left: 20px;
    }

    .bottom_right_mn_box_row div {
        width: 124px;
    }

    .bottom_right_mn_box2 {
        width: 186px;
        margin-top: 0px;
    }

    .left_services1 {
        width: 296px;
        padding-left: 13px;
        padding-top: 20px;
    }

    .left_services1_bo_right {
        border-right: 1px solid #ECECEC;
        border-left: 0px;
    }

    .left_services1_bo_bot {
        border-bottom: 1px solid #ECECEC;
    }

    .minirightwi {
        border-bottom: 0px;
    }

    .minirightwi1 {
        border-right: 0px;
    }

    .header_slog {
        line-height: normal;
    }

    .left_services {
        padding-left: 20px;
        width: 540px;
    }

    .header_slog h2 span {
        line-height: normal;
    }

    .search_right {
        display: none;
    }

    .search_iphone {
        display: block;
        float: left;
        position: absolute;
        top: 25px;
        left: 210px;
    }

    .slider-wrapper {
        margin: 0 auto;
        width: 800px;
        overflow: hidden;
    }

    .nivo-caption {
        right: 230px;
        width: 310px;
    }

    .nivo-caption h2 {
        font-size: 60px;
    }

    .mid_hr {
        margin-top: 20px;
    }

    .sub_line_menu {
        width: 620px;
    }

    .inner_left_mn, .inner_left_mn .portfolio {
        width: 400px
    }

    .fullwidth {
        width: 620px;
    }

    .blog_right_mn {
        width: 200px;
    }

    .about_meet_team_mn_cols {
        width: 100%;
    }

    .about_meet_team_mn_cols div {
        width: 80%;
    }

    .comment_row_mn {
        width: 360px;
    }

    .comment_row_mn1 {
        width: 360px;
    }

}

/* for 480px or less */
@media screen and (max-width: 550px) {

    /* disable convergine settings tab for mobile device*/
    .convergine_settings {display:none !important;}

    #content, #header, #footer, .flexslider {
        width: 320px;
        position: relative;
    }

    .bottom_right_mn, .left_services_right {
        width: 100%;
    }

    .mid_hr {
        display: none;
    }

    .themes_mn {
        width: 292px;
    }

    .themes_mn_right {
        width: 190px;
    }

    .bot_right_recent {
        width: 100%;
    }

    .bot_right_recent_box {
        width: 100%;
        margin-top: 10px;
        text-align: center;
    }

    .portfolio .bot_right_recent_box {
        text-align: left;
    }

    .portfolio.col1 .bot_right_recent_box {
        width: 100%;
    }

    .portfolio.col2 .bot_right_recent_box {
        width: 300px;
    }

    .portfolio.col3 .bot_right_recent_box {
        width: 200px;
    }

    .portfolio .bot_right_recent_box img {
        width: 100%;
    }

    .bot_right_recent_box p {
        text-align: left;
    }

    .bot_right_recent_box h3 {
        margin-bottom: 5px;
        text-align: left;
    }

    .margin_top {
        margin-top: 20px;
    }

    .bottom_right_mn_box, .bottom_right_mn_box1 {
        width: 280px;
        margin-left: 20px;
        margin-top: 20px;
    }

    .bottom_right_mn_box_row div {
        width: 208px;
    }

    .bottom_right_mn_box2 {
        width: 280px;
        margin-left: 20px;
        margin-top: 20px;
    }

    .left_services1 {
        width: 100%;
        border-right: 0px;
    }

    .left_services1_bo_right {
        border-right: 0px solid #ECECEC;
    }

    .minirightwi {
        border-bottom: 0px;
    }

    .left_services1_bo_bot {
        border-bottom: 1px solid #ECECEC;
    }

    .minirightwi1 {
        border-right: 0px;
    }

    .header_slog {
        line-height: normal;
    }

    .left_services {
        padding-left: 20px;
        width: 90%;
    }

    .header_slog h2 span {
        line-height: normal;
    }

    .search_right {
        display: none;
    }

    .search_iphone {
        display: block;
        float: left;
        position: absolute;
        top: 35px;
        width: 150px;
        left: 172px;
    }

    .social_right {
        margin-top: 10px;
    }

    .search_txt {
        width: 90px;
    }

    .slider-wrapper {
        margin: 0 auto;
        width: 640px;
        overflow: hidden;
    }

    .nivo-caption {
        display: none !important;
    }

    .mainmenu select {
        display: block;
        margin: 12px 0 0 20px;
        width: 280px;
    }

    .flex-caption h2 {
        font-size: 18px;
        margin-top: 0px;
    }

    .flex-caption h3 {
        font-size: 14px;
        font-weight: normal;
    }

    .flex-caption p {
        height: 44px;
        overflow: hidden;
        font-size: 11px;
        line-height: 15px;
    }

    .slider_work:link, .slider_work:visited {
        margin-top: 10px;
        font-size: 14px;
        width: 130px;
        height: 30px;
        line-height: 30px;
    }

    .mainmenu ul {
        display: none;
    }

    .banner {
        height: 170px;
    }

    .banner_bot {
        font-size: 14px;
        margin-top: 0px;
    }

    .content_top img {
        margin: 10px 3px;
    }

    .footer_right ul li {
        margin-left: 10px;
    }

    #footer .mid_hr {
        display: block;
    }
    
    #footer .logo {
    width: 100%;
    display: flex; 
    justify-content: center;
    margin: 20px 0 0 0;
    padding: 0px;
    
}

    .white_content {
        left: 15%;
        top: 15%;
    }

    .white_content img {
        width: 96%;
    }

    .sub_line_menu {
        width: 320px;
    }

    .inner_left_mn, .inner_left_mn .portfolio {
        width: 90%;
        padding-left: 16px;
    }

    .fullwidth {
        width: 90%;
        padding-left: 16px;
    }

    .blog_mn_con_cols1 h3 a:link, .blog_mn_con_cols1 h3 a:visited {
        font-size: 20px;
    }

    .blog_right_mn {
        width: 90%;
        padding-left: 15px;
        float: left;
    }

    .blog_right_recentpost ul li span {
        width: 226px;
    }

    .blog_right_advertisement ul li img {
        width: 124px;
        margin: 5px;
    }

    .blog_mn_con_cols1 h3 {
        font-size: 18px;
    }

    .blog_mn_con_cols1 {
        padding-left: 7px;
        font-size: 11px;
    }

    .blog_mn_con_cols1 a:link, .blog_mn_con_cols1 a:visited {
        font-size: 11px;
    }

    .blog_mn_con_cols {
        margin-left: 110px;
    }

    .about_meet_team_mn_cols {
        width: 100%;
    }

    .about_meet_team_mn_cols div {
        width: 70%;
    }

    .comment_row_mn {
        width: 248px;
    }

    .comment_row_mn1 {
        width: 248px;
    }

    .add_comment_mn input {
        width: 70%;
    }

    .add_comment_mn textarea {
        width: 80%;
    }

    .work_top_left {
        width: 90%;
        padding: 0 0 0 20px;
    }

    .contact_left {
        width: 88%;
        padding-left: 20px;
    }

    .contact_right_top {
        padding: 0 15px;
        width: 88%;
    }

    .contact_right {
        width: 88%;
        padding-left: 15px;
    }

    .white_content {
        height: 35%;
        top: 27%;
    }
}

/* border & guideline (you can ignore these) */

.bot_slidermn {
    width: 100%;
    float: left;
}

.bot_slidermn ul {
    width: 100%;
    float: left;
}

.bot_slidermn ul li {
    width: 100%;
    float: left;
}
/* contact form errors */

#contactForm .error {
    background: none !important;
}

#contactForm label.error {
    color: red;
    font-size: 12px;
}

/* ==========================================================================
   OVERRIDES (UPDATED): header/menu flex, layout responsive, ads stable
   Paste-at-end override block to avoid editing the legacy file heavily.
   ========================================================================== */

/* Make fixed 980px blocks responsive */
#header, #content, #footer {
  max-width: 980px;
  width: 100%;
  margin: 0 auto;
  padding: 0 16px;
  box-sizing: border-box;
}

/* Header layout */
#header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}

/* Cancel legacy float on logo container */
#header div.logo {
  float: none;
  margin: 20px 0 0 0;
}

/* Two-column layout using flex instead of floats */
#content {
  display: flex;
  gap: 30px;
  align-items: flex-start;
}

/* Left column */
.inner_left_mn {
  float: none;
  width: auto;
  flex: 1 1 auto;
}

/* Right column wrapper (blog sidebar) */
.blog_right_mn {
  width: 300px;
  flex: 0 0 300px;
}

/* Advertisement block: remove float effects and build stable grid */
.blog_right_advertisement {
  float: none;
  width: 100%;
  margin-top: 40px;
}

/* Responsive: stack columns, expand sidebar */
@media (max-width: 900px) {
  #content {
    flex-direction: column;
  }

  .blog_right_mn {
    width: 100%;
    flex: 1 1 auto;
  }

  .blog_right_advertisement ul {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 520px) {
  .blog_right_advertisement ul {
    grid-template-columns: 1fr;
  }
}

footer {
    max-width: 980px;
    margin: 0 auto;
}