@charset "UTF-8";

/* 
* CSS Reset
* ========================================================================== 
*/

article, aside, details, figcaption, figure, footer, header, hgroup,
main, menu, nav, section, summary {
    display: block
}

html, body {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline
}

div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd,
q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt,
dd, ol, ul, li, fieldset, form {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline
}

label {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit
}

label, legend, table {
    vertical-align: baseline
}

legend, table, caption {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%
}

tbody, tfoot, thead, tr {
    vertical-align: baseline
}

tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%
}

article, aside, canvas, details, embed, figure, figcaption, footer,
header, hgroup, menu, nav, output, ruby, section, summary, time, mark,
audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: top;
}

html {
    line-height: 1
}

ol, ul {
    list-style: none
}

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

caption {
    font-weight: 400
}

caption, th, td {
    text-align: left;
    vertical-align: middle
}

td {
    font-weight: 400
}

q, blockquote {
    quotes: none
}

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

a img {
    border: none
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal; }

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }



/* 
* Site Defaults
* ========================================================================== 
*/

@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400|Lato:300,400|Varela+Round&subset=latin,latin-ext);


@font-face {
    font-family: 'Varela Round';
    src: url('../fonts/VarelaRound.ttf') format('truetype');
}


body { font-family: 'Source Sans Pro'; font-weight: 300; color:#171517; }

h1 { font-family: 'Varela Round'; font-size: 34px; line-height: 36px; color:#3c353c; letter-spacing: -0.0325em; padding-bottom: 10px;  -webkit-font-smoothing: antialiased;}
h2 { font-size: 22px; font-weight: 400; letter-spacing: -0.0225em; padding-bottom: 10px; }
h3 { font-family: 'Varela Round'; font-size: 28px; font-weight: lighter; line-height: 36px; padding: 40px 0 15px 0;  letter-spacing: -0.0225em; -webkit-font-smoothing: antialiased; margin-left: 15px; }
h4 { font-size: 20px; font-weight: 200; padding-bottom: 5pt;}


p { font-size: 16px; font-weight: 300; line-height: 24px; color:#171517; padding-bottom: 20px; }
ol { list-style-type: decimal; list-style-position: inside; display: block; padding-bottom: 20px; }
    ol>li { font-size: 16px; font-weight: 300; color:#f07241; padding-bottom: 12px;}

ul { list-style-image: url('../img/bullet.png'); list-style-position: outside;  display: block; padding-bottom: 20px; margin: 0 20px 0 40px; }
    ul>li { font-size: 16px; font-weight: 300; padding-bottom: 12px;}
    ul>li a { border:0; color: #171517;}
    ul>li a:hover {border:0; color: #f07241;}

span { font-family: 'Source Sans Pro'; font-size: 15px; font-weight: 300; }

a { text-decoration: none; color: #f07241; padding-bottom: 1px; border-bottom: 1px solid #f49c80; transition: .4s}
a:hover { text-decoration: none; color: #000; padding-bottom: 1px; border-bottom: 1px solid #000; }
a:visited { text-decoration: none; color: #480048; padding-bottom: 1px; border-bottom: 1px solid #480048; }

a.anchor:link { text-decoration: none; border: none; padding-bottom: 0;}
a.anchor:active {color: #000; border: none;}
a.anchor:visited { text-decoration: none; border: none; padding-bottom: 0; color: #930000 }
a.anchor:hover {color: #000; border: none;}



textarea,
input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="text"], input[type="search"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="time"], input[type="week"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border-color;
    -moz-transition: border-color;
    transition: border-color;
    background-color: white;
    border-radius: 5px;
    border: 1px solid #bebebe;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
    font-size: 16px; 
    font-family: 'Lato';
    font-weight: 300;
    height: 42px;
    text-align: center;
    }

textarea:hover,
input[type="email"]:hover, input[type="number"]:hover, input[type="password"]:hover, input[type="tel"]:hover, input[type="text"]:hover, input[type="search"]:hover, input[type="url"]:hover, input[type="color"]:hover, input[type="date"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="month"]:hover, input[type="time"]:hover, input[type="week"]:hover {
    border-color: #010203; }

textarea:focus,
input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="search"]:focus, input[type="url"]:focus, input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus {
    border-color: #010203;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(0, 0, 0, 0.7);
    outline: none; }

textarea {
    resize: vertical; }

input[type="search"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none; 
}

input[type="checkbox"], input[type="radio"] {
    display: inline;
    margin-right: 7px; }


/* 
* Elements Styling 
* ========================================================================== 
*/

.left { float: left;}
.right { float: right;}
.middle { text-align: center;}

.alignMiddle {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);   
    }
 

.green {color: #73c1ad;}
.blue {color: #71d1f1; }
.orange {color: #fd792d;}
.violet  {color: #79007c;}

.linetype1 {background: url('../img/separator.png') repeat-x; width: 100%; height: 4px; }
.linetype2 {height:1px; border-bottom: 1px dotted #a1a0a0; width: 100%; }
.linetype3 {height:1px; border-bottom: 1px solid #ebebeb; width: 100%; margin: 15px 0 15px 0;}

.borderDotted {
border-style: solid;
border-width: 6px;
-moz-border-image: url('../img/border.png') 6 repeat;
-webkit-border-image: url('../img/border.png') 6 repeat;
-o-border-image: url('../img/border.png') 6 repeat;
border-image: url('../img/border.png') 6 repeat; 
}


 /* Aliniere si Caption Imagini (WordPress) */

    .alignleft { float: left; margin: 5px 20px 15px 0; }
    .alignright { float: right; margin: 5px 0 15px 20px; }
    .aligncenter { display: block; float: none; margin: 15px auto; }
    .alignnone { margin: 5px 0 15px 0; }

    img.alignleft, img.alignright, img.aligncenter, img.alignnone { max-width: 100%; height: auto; }

    .wp-caption { max-width: 100%; box-sizing: border-box; border: 1px solid #ebebeb; background-color: #fff; padding: 4px 4px 0 4px; text-align: center; }
    .wp-caption img { display: block; max-width: 100%; height: auto; margin: 0 auto; }
    .wp-caption-text { font-size: 14px; line-height: 20px; font-weight: 300; color: #171517; margin: 0; padding: 8px 10px; }

/* Buton */

    .btnBlue {
        -moz-border-radius: 30px;
        -webkit-border-radius: 30px;
        border-radius: 30px;

        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box; /* prevents bg color from leaking outside the border */
        background-color: #71d1f1; 

        -moz-box-shadow: 0 1px 0 #71a3cb; 
        -webkit-box-shadow: 0 1px 0 #71a3cb; 
        box-shadow: 0 1px 0 #71a3cb; 

        color: #fff; 
        font-family: 'Varela Round';
        font-size: 17px;
        text-decoration: none;
        border: 0;
        line-height: 43px;
        display: block;
        width: 220px;
        text-align: center;
        cursor: pointer; 
        transition: .3s
    }

    .btnBlue:hover {
        border: 0; 
        -moz-box-shadow: inset 0 2px 1px 0 #71a3cb; 
        -webkit-box-shadow: inset 0 2px 1px 0 #71a3cb; 
        box-shadow: inset 0 2px 1px 0 #71a3cb; 
        color: black;  
    }


    .btnOrange {
        -moz-border-radius: 30px;
        -webkit-border-radius: 30px;
        border-radius: 30px;

        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box; /* prevents bg color from leaking outside the border */
        background-color: #f07241; 

        -moz-box-shadow: 0 1px 0 #c04848; 
        -webkit-box-shadow: 0 1px 0 #c04848; 
        box-shadow: 0 1px 0 #c04848; 

        color: #fff; 
        font-family: 'Varela Round';
        font-size: 17px;
        text-decoration: none;
        border: 0;
        line-height: 43px;
        display: block;
        width: 220px;
        text-align: center;
        cursor: pointer; 
        transition: .3s
    }

    .btnOrange:hover {
        border: 0; 
        -moz-box-shadow: inset 0 2px 1px 0 #c04848; 
        -webkit-box-shadow: inset 0 2px 1px 0 #c04848; 
        box-shadow: inset 0 2px 1px 0 #c04848; 
        color: black;  
    }



/* Search Field */

    #searchBox {
        border:4px solid #f2f2f2;
        border-radius:10px;
        -moz-border-radius:10px;
        -webkit-border-radius:10px;
        width:415px;
    }

    #searchBox .wrapper {
        background:#fff;
        border:1px solid #cfcfcf;
        height: 26px;
        padding: 5px 0 5px 0;
        border-radius:7px;
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        position:relative;

    }
    #searchBox input {
        border:none !important;
        box-shadow:none !important;
        width:370px !important;
        font-family: "Source Sans Pro", sans-serif !important;
        font-weight: 300 !important; 
        font-size: 17px !important;
        height:26px !important;
        text-align: left;
        padding-left: 15px;
    }

    #searchBox button { cursor:pointer; position:absolute; right:15px; top:6px; background: url('../img/icons.png') no-repeat -14px -132px; width: 21px; height: 23px; border: 0;}

/* 
 * Content
* ========================================================================== 
*/

.centerme { width:100%; }
.oneSection { width: 986px; margin: 0 auto; overflow: hidden; position: relative; }


/* Grids */ 

    .grid3ColContainer, .grid4ColContainer { display: table; table-layout: fixed; padding-top: 15px; }
    .grid3Col { display: table-cell; text-align: left; padding-left: 15px; width: 308.6px;} 
    .grid4Col { display: table-cell; text-align: left; padding-left: 15px; width: 227.7px;}

    .grid3col img {max-width: 308px;}
        div.grid3Col a { min-height:48px; color: #171517; font-family: 'Varela Round'; font-size: 18px; line-height: 24px; text-decoration: none; display: block; border: 0; padding: 0; margin: 0} 
        div.grid3Col a:hover { color:#f07241 }
        div.grid3Col p { padding-top: 5px; font-weight: lighter;}
    
    .grid4Col img { max-width: 225px; border: 1px solid #f0f0f6; }
       div.grid4Col a { min-height:48px; color: #171517; font-family: 'Varela Round'; font-size: 18px; line-height: 24px; text-decoration: none; display: block; border: 0; padding: 0; margin: 0} 
       div.grid4Col a:hover { color:#f07241 }
       div.grid4Col p { padding-top: 5px; font-weight: lighter;}
       div.grid4Col span { font-family: "Georgia"; font-size: 16px; display: inline-block; margin-top:12px; margin-bottom: 20px; font-weight: lighter;}


/* Archive Listing (category / tag / cpt) */

    .archiveDescription { overflow: hidden; padding-bottom: 20px; }
    .archiveDescription p { padding-bottom: 15px; }
    .archiveDescription a { color: #5a005c; border-bottom: 1px solid #ac80ae; }
    .archiveDescription a:visited { color: #5a005c; border-bottom: 1px solid #5a005c; }
    .archiveDescription a:hover { color: #f07241; border-bottom: 1px solid #f07241; }

    .postRow { display: block; overflow: hidden; padding: 20px 0; border-bottom: 1px solid #ebebeb; }
    .postRow:first-child { padding-top: 0; }

    .postRowImage { position: relative; width: 160px; aspect-ratio: 160 / 110; overflow: hidden; border: 1px solid #f0f0f6; background-color: #f1f1f1; }
    .postRowImage img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
    .postRow--imageLeft .postRowImage { float: left; margin: 0 20px 10px 0; }
    .postRow--imageRight .postRowImage { float: right; margin: 0 0 10px 20px; }

    .postRowContent h2 { font-family: 'Varela Round'; font-size: 22px; font-weight: lighter; line-height: 26px; padding-bottom: 6px; letter-spacing: -0.0225em; }
    .postRowContent h2 a { color: #171517; border-bottom: 0; }
    .postRowContent h2 a:hover { color: #f07241; border-bottom: 0; }
    .postRowContent .detaliiArticol { width: auto; padding: 2px 0 6px 0; }
    .postRowContent p { padding-bottom: 0; }

    .postRowMore { color: #f07241; border-bottom: 0; white-space: nowrap; }
    .postRowMore:hover { color: #5a005c; border-bottom: 0; }

    .pagination { text-align: left; padding: 20px 0 0 0; }
    .pagination .nav-links { display: inline-flex; gap: 8px; }
    .pagination .page-numbers {
        display: inline-block; min-width: 38px; height: 38px; line-height: 38px;
        text-align: center; background-color: #f2f2f2; color: #171517;
        font-family: 'Varela Round'; font-size: 16px; border: 0; border-radius: 3px;
        padding: 0; transition: .3s;
    }
    .pagination a.page-numbers:hover { background-color: #e4e4e4; color: #171517; border: 0; }
    .pagination .page-numbers.current { background-color: #3c353c; color: #fff; }
    .pagination .page-numbers.dots { background: none; }


    /* Top Menu */

#topMenu {}
    #topMenu ul {list-style-type:none; list-style-image: none; margin:0; padding: 20px 15px 0px 0px; float: right;}
    #topMenu li {font-size:16px; font-family: 'Lato'; font-weight: 300; float:left; padding-right:3px; padding-left: 10px; letter-spacing: -0.01em; color: #8e8b8e;}
    #topMenu a {color: #300030; }
    .phone {background: url('../img/icons.png') no-repeat -19px -40px; width: 12px; height: 13px; margin: 2px -3px 0 10px!important; padding: 0 !important}

    .topMenuFacebook a { display: inline-flex; align-items: center; gap: 6px; color: #300030; border: 0; padding-bottom: 0; }
    .topMenuFacebook a:hover { color: #f07241; border: 0; }
    .topMenuFacebook svg { display: block; flex-shrink: 0; }

#search { height: 95px;}
    #search a { display: inline-block; line-height: 82px; border: none; padding: 0 75px 0 15px; margin-bottom: 10px; }
    #search img { display:inline-block; vertical-align: middle; max-height: 95px;}

#mainMenu { border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; overflow: visible; }
    #mainMenu ul {list-style-type:none; list-style-image: none; overflow: hidden; text-align: left; padding: 0; margin: 0;}
    #mainMenu li {display:inline-block; padding: 15px 16px 15px 16px;}
    #mainMenu a { font-size: 18px; line-height: 18px; font-family: 'Lato'; font-weight: 400;  }

    /* Level 1: top tabs — dropdown caret for items with a mega menu */
    #mainMenu > ul > li.menu-item-has-children > a { position: relative; padding-right: 14px; }
    #mainMenu > ul > li.menu-item-has-children > a::after {
        content: ""; display: inline-block; margin-left: 6px; vertical-align: middle;
        border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid #8e8b8e;
        transition: border-top-color .15s;
    }
    #mainMenu > ul > li.menu-item-has-children:hover > a::after,
    #mainMenu > ul > li.menu-item-has-children:focus-within > a::after { border-top-color: #f07241; }

    /* Level 2: mega panel — one column per child, hidden until the tab is hovered/focused */
    #mainMenu > ul > li > ul.sub-menu {
        display: flex; position: absolute; top: 100%; left: 0; width: 100%; box-sizing: border-box;
        background: #fff; box-shadow: 0 12px 24px rgba(0,0,0,.14); padding: 14px 32px 28px; margin: 0;
        overflow: visible; z-index: 200;
        opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(6px);
        transition: opacity .18s ease, transform .18s ease, visibility .18s;
    }
    #mainMenu > ul > li:hover > ul.sub-menu,
    #mainMenu > ul > li:focus-within > ul.sub-menu {
        opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0);
    }
    #mainMenu > ul > li > ul.sub-menu > li {
        display: block; flex: 1 1 0; min-width: 0; padding: 0 28px 0 0; white-space: nowrap;
    }
    #mainMenu > ul > li > ul.sub-menu > li > a {
        display: block; font-size: 13px; line-height: 16px; font-weight: 700; text-transform: uppercase;
        letter-spacing: .05em; color: #79007c; background: #f5eef8; padding: 10px 14px; margin-bottom: 14px;
    }
    #mainMenu > ul > li > ul.sub-menu > li > a:hover { color: #f07241; border: 0; }

    /* Level 3: article links inside each column */
    #mainMenu > ul > li > ul.sub-menu > li > ul.sub-menu {
        display: block; position: static; background: none; box-shadow: none; padding: 0; margin: 0;
        opacity: 1; visibility: visible; transform: none;
    }
    #mainMenu > ul > li > ul.sub-menu > li > ul.sub-menu > li { display: block; padding: 0 0 10px 0; white-space: normal; }
    #mainMenu > ul > li > ul.sub-menu > li > ul.sub-menu > li > a {
        display: block; position: relative; padding-left: 14px;
        font-size: 15px; line-height: 20px; font-weight: 400; color: #171517;
    }
    #mainMenu > ul > li > ul.sub-menu > li > ul.sub-menu > li > a:hover { color: #f07241; border: 0; }
    #mainMenu > ul > li > ul.sub-menu > li > ul.sub-menu > li > a::before {
        content: "→"; position: absolute; left: 0; top: 0; color: #f07241; font-size: 13px;
    }

#breadcrumbs { color: #7f7f7f;}
    #breadcrumbs ul {list-style-type:none; list-style-image: none; margin:0; padding:0; }
    #breadcrumbs ul > li {font-size:14px; float:left; padding:20px 3px 20px 0; }
    #breadcrumbs a { text-decoration:none; padding-right:3px; color: #7f7f7f;}
    #breadcrumbs a:hover { text-decoration: none; color: #fd792d;}
    #breadcrumbs ul > li:first-child { padding-left: 15px;}

/* Header Welcome */

#welcome { background: url('../img/headerBackgroundImage.jpg') no-repeat left; min-height: 455px; padding-top: 40px; }
.headerTitle {font-family: 'Varela Round';  -webkit-font-smoothing: antialiased; font-size: 50px; line-height: 53px; color: #3f373f; margin-left: 20px; }
.headerSubTitle {font-family: 'Source Sans Pro'; font-size: 20px; line-height: 28px; font-weight: 300; margin-left: 20px; color: #555355; letter-spacing: 0;}

.trust1stRow img { padding: 0 10px 0 20px; float: left;}
.trust1stRow span {font-size: 18px; font-weight: 300; line-height: 22px;}
.trust1stRow p {padding: 0px 20px 0 20px; margin: 10px 0 20px 0;}

.trust2ndRow span, .trust2ndRow p {text-align: center; display: block; max-width: 200px; margin: 0 auto;}
.trust2ndRowTitle {font-size: 36px; font-weight: 200; color: #3f373f; padding-bottom: 10px; }
.trust2ndRowFacts {font-family: Georgia; font-size: 48px; letter-spacing: -2px; color: #c4c4c4; font-weight: lighter; padding-bottom: 5px; }

/* Body Articole */

.colLeft { float: left; width: 656px; }

.colRight { float: right; width: 330px; }
    .colRightBox {border: 1px solid #ebebeb; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin: 20px 15px 20px 15px;}
    .colRightBoxTitle { font-family: 'Varela Round'; font-size: 22px; font-weight: lighter; line-height: 24px; display: block; padding: 20px 0 15px 15px;  letter-spacing: -0.0225em; -webkit-font-smoothing: antialiased; }

.reclama { min-width:300px; min-height: 250px; margin: 0 15px 15px 15px; border: 1px solid #f0f0f6; vertical-align: top;}

.imagineHeaderArticol { position: relative; width: 100%; aspect-ratio: 620 / 349; overflow: hidden; background-color: #f1f1f1; }
    .imagineHeaderArticol img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; display: block; }

.contentArticol{ padding: 38px 20px 0 20px; margin: 0px 15px 0 15px; position: relative; top:-60px; background-color: white; }
    .contentArticol--noThumb { top: 0; }
    .detaliiArticol { width: 100%; display: block; overflow: hidden; padding: 10px 0 10px 0;}
        .categorieArticol { color:#f07241; text-transform: uppercase; padding-right: 5px;}
        .timpCitireArticol { margin-right: 10px; }
        .counterComments { line-height: 13px;}
        .chatIcon { background: url('../img/icons.png') no-repeat -18px -68px; width: 13px; height: 13px; display: inline-block; margin-right: 6px; float: left; }
        .clockIcon { background: url('../img/icons.png') no-repeat -18px -98px; width: 12px; height: 13px; display: inline-block; margin-right: 6px; float: left;}    
    .introArticol { font-size: 22px; font-weight: 200; line-height:30px; color:#171517; }

    .contentArticol a { color: #5a005c; border-bottom: 1px solid #ac80ae; }
    .contentArticol a:visited { color: #5a005c; border-bottom: 1px solid #5a005c; }
    .contentArticol a:hover { color: #f07241; border-bottom: 1px solid #f07241; }

    /* Cuprins (TOC) generat automat din H2-uri */
    .tableOfContents { display: block; background-color: #f7f4f8; border: 1px solid #ebebeb; border-radius: 3px; padding: 18px 20px 14px 20px; margin: 0 0 20px 0; }
    .tableOfContents ol { list-style-position: inside; padding-bottom: 0; margin: 0; }
    .tableOfContents ol > li { padding-bottom: 6px; font-size: 15px; }
    .tableOfContents a { border-bottom: 0; }
    .tableOfContents a:hover { border-bottom: 0; }

/* Body Homepage */

#MagazinAplicatie {display: table; padding: 30px 0 30px 40px;}
    #MagazinAplicatie p {font-size: 16px; line-height: 22px; color:#777;}
    #MagazinAplicatie ul { list-style-position: inside; overflow: auto; margin: 0; padding:0;}
    #MagazinAplicatie li { padding-bottom: 5px;}
    #MagazinAplicatie span { padding: 30px 0 15px 0;}

    .aplicatie {display: table-cell; width: 50%;}
        div.aplicatie img {float: left; padding-right: 30px;}

    .magazin {display: table-cell; width: 50%}
        div.magazin img {float: left; margin-top: 30px; padding-right: 30px; padding-left: 35px;}
        .butoaneAplicatie {display:inline-block; padding-top: 20px;}

/* Blocks */

.blockForYou {}
    div.blockForYou img {max-width: 298px; margin: 0 auto; display: table; padding-top: 15px; }
    div.blockForYou a { letter-spacing: -0.01em; color: #171517; font-family: 'Varela Round'; font-size: 18px; line-height: 24px; text-decoration: none; display: block; border: 0;  margin: 0; padding: 15px;}
    div.blockForYou a:hover {color: #fd792d;}
    div.blockForYou p { padding: 0 15px 20px 15px;}
    .blockForYou > ul { list-style-type: none; list-style-image: none; margin: 15px 0 0 0; padding: 0}
    .blockForYou > ul > li { padding: 0 15px 15px 15px;}
    .blockForYou > ul > li > a { font-family: "Georgia"; font-style: italic; padding:0; font-size: 14px; line-height: 20px;}

        .produsMagazin { padding: 15px; overflow: auto; width: 268px; }
            div.produsMagazin img { max-width: 100px; float: right; margin: 0; padding: 0;}
            div.produsMagazin a { width:168px; border: 0; margin: 0; padding: 0;}
            div.produsMagazin span { font-family: "Georgia"; font-size: 18px; display: inline-block; margin-top: 5px;}

            .pretRedus { color: #b8b8b8; text-decoration: line-through; margin-left: 8px; font-size: 16px !important; }

.blockLinks {}
    .blockLinks > ul { list-style-type: none; list-style-image: none; padding: 0; margin: 0;}
    .blockLinks > ul > li { padding-bottom: 10px; margin: 0}
    .blockLinks > ul > li > a { font-family: "Georgia"; font-style: italic; padding:0; font-size: 16px; line-height: 20px; padding: 0; margin: 0; color: #171517;}
    .blockLinks > ul > li > a:hover {color: #fd792d;}
    .blockLinks > ul > li:first-child { padding-top: 30px;}

/* Carusel */

.crsl-active {
border-style: solid;
border-width: 6px;
-moz-border-image: url('../img/border.png') 6 repeat;
-webkit-border-image: url('../img/border.png') 6 repeat;
-o-border-image: url('../img/border.png') 6 repeat;
border-image: url('../img/border.png') 6 repeat; 
}

.crsl-wrap {margin: 0!important;}
.crsl-item {margin-right: 4px!important;}

.largeTitle {display: inline-block; width: 600px; font-family: 'Source Sans Pro'; font-weight: 300; letter-spacing: 0px; font-size: 40px; padding: 20px 0 20px 0; line-height: 40px;}
.smallTitle {font-family: 'Varela Round'; font-size: 22px; font-weight: lighter; line-height: 24px; display: block; color: #3f373f;}
.calendarIcon { padding-bottom: 10px;}

.slidernav {text-align: center;}
a.previous , a.next {width: 50px; display: inline-block; border: none; margin-top: 20px;}

.dataGresita {font-size: 14px; padding-bottom: 15px; color: #8d8d8d; font-family: 'Source Sans Pro'; font-weight: 200; font-style: italic; }

/* Newsletter Sign-up Styling */

.newsletterSmallWelcome { width: 259px; height: 330px; margin-right: 20px;}
    .newsletterSmallWelcome a { letter-spacing: 0px; font-size: 14px; font-style: italic; color: #666566; text-decoration: none; border: 0; text-align: center; margin: 0 auto; display: block;}
    .newsletterSmallWelcome a:hover { color: #fd792d;}
    .newsletterSmallWelcome span {padding: 15px 0 33px 0; letter-spacing: 0; text-align: center;}
    /*.newsletterSmallWelcome button { margin:0 auto; margin-top: 20px;}*/

.newsletterLarge { width: 586px; margin:0 15px 0 15px; padding: 30px 20px 0 20px; display: inline-block; margin-top: -50px; background: url('../img/avion.png') no-repeat left bottom #efefeb; overflow: hidden;}
.newsletterSmall {padding: 15px 10px 15px 15px;}
/*.newsletterSmall { padding: 15px;}*/

    .newsletterLarge label, .newsletterSmall label {display: block; color: #555355; font-family: 'Georgia'; font-size: 14px; font-style: italic; margin-bottom: 10px; }
    .newsletterLarge dl, .newsletterSmall dl { display: block; clear: both; overflow: hidden; padding: 0 5px 15px 5px;}
    .newsletterLarge button, .newsletterSmall button, .newsletterSmallWelcome button {margin:0 auto; margin-top: 10px;}
    .newsletterLarge span {font-size: 12px; font-style: italic; color: #878686; padding-bottom: 10px; display: block; text-align: justify;}
    .newsletterLarge p { display: inline-block; float: left;  width: 280px; padding-top: 15px;}
    .newsletterSmall p { font-size:14px; font-style: italic; padding: 5px 5px 15px 5px; line-height: 18px;}

    .inputFormDate { width: 30%; margin-right: 12px;}
    .inputFormEmail { width: 99.4%; display: block; text-align: left !important; padding-left: 10px;}

    /*#newsletterLargeForm span { font-size: 12px; font-style: italic; color: #878686; padding-bottom: 10px; display: block; text-align: justify;}*/
    /*#newsletterLargeForm button, #newsletterSmallForm button  { margin:0 auto;}*/

#newsletterSmallWelcomeForm {}
#newsletterSmallForm {}
#newsletterLargeForm {float: right; margin: 15px 0 10px 0; display: inline-block; width: 290px;}

   
/* Footer */

#footer { border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; padding: 20px 0 20px 0; margin-top: 50px; }
    .footerLinksContainer { display: inline-block; width: 68%;}
    .footerLinks { width: 155px; display: inline-block; vertical-align: top; margin: 10px 10px 10px 0;}
        .footerLinks ul { list-style-type: none; list-style-image: none; list-style-position: inside; padding: 0; margin: 0;}
        .footerLinks li { padding: 0;}
        .footerLinks li a { font-size: 14px; color: #8c8c8c; padding: 3px 0 3px 0; line-height: 18px; display: block; }

    .testimonial { display: inline-block; width: 306px;}
        .testimonial p {font-size: 14px; line-height:20px; color: #8c8c8c; font-weight: 200; letter-spacing: 0; padding-top: 10px; }

    .semnatura { font-family: Georgia; font-style: italic; font-size: 22px; display: block; -webkit-font-smoothing: antialiased;}
    .functie {font-size: 14px; color: #666566; font-weight: 200; padding: 20px 0 40px 0;}
    .copyright { font-size: 14px; color: #666566; font-weight: 200;  padding: 20px 0 40px 0;}
        .copyright img {padding-left: 15px;}
        .copyright span {display: block; line-height: 32px; font-size: 14px; padding-right: 15px;}
        .copyright a { color: #666566 ; font-size: 14px; text-decoration: none; border-bottom: 0px; padding: 0 5px 0 5px;}
        .copyright a:hover { color: #fd792d;}

/*
 * Responsive — Meniu principal si pagina de articol (single.php)
 * ==========================================================================
*/

.screen-reader-text { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

.mobileMenuToggle, .subMenuToggle { display: none; }

@media (max-width: 1024px) {

    .oneSection { width: 100%; max-width: 986px; box-sizing: border-box; padding: 0 15px; }

    /* Top bar */
    #topMenu ul { float: none; padding: 10px 0; text-align: center; }
    #topMenu li { float: none; display: inline-block; }

    /* Logo + search */
    #search { height: auto; padding: 15px 0; text-align: center; }
    #search .left { float: none; display: inline-block; vertical-align: middle; }
    #search a { padding: 0; margin: 0 0 10px 0; }
    #searchBox { width: 100%; max-width: 415px; }
    #searchBox input { width: 100% !important; }

    /* Hamburger toggle */
    .mobileMenuToggle {
        display: block; position: absolute; top: 14px; right: 15px; z-index: 210;
        width: 32px; height: 26px; padding: 0; border: 0; background: none; cursor: pointer;
    }
    .mobileMenuToggle span { display: block; width: 100%; height: 3px; margin: 6px 0; background: #79007c; transition: transform .2s, opacity .2s; }
    .mobileMenuToggle[aria-expanded="true"] span:nth-child(1) { transform: translateY(9px) rotate(45deg); }
    .mobileMenuToggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
    .mobileMenuToggle[aria-expanded="true"] span:nth-child(3) { transform: translateY(-9px) rotate(-45deg); }

    /* Main menu becomes a collapsible accordion */
    #mainMenu { position: relative; min-height: 54px; }
    #mainMenu > ul { display: none; padding-bottom: 10px; }
    #mainMenu.mainMenu--open > ul { display: block; }
    #mainMenu > ul > li { display: block; padding: 0; border-bottom: 1px solid #ebebeb; }
    #mainMenu > ul > li > a { display: block; padding: 14px 44px 14px 16px; }
    #mainMenu > ul > li.menu-item-has-children > a::after { display: none; }

    .subMenuToggle {
        display: block; position: absolute; top: 0; right: 0; width: 44px; height: 46px;
        background: none; border: 0; cursor: pointer;
    }
    .subMenuToggle::before {
        content: ""; position: absolute; top: 50%; left: 50%; width: 10px; height: 10px;
        margin: -7px 0 0 -5px; border-right: 2px solid #8e8b8e; border-bottom: 2px solid #8e8b8e;
        transform: rotate(45deg); transition: transform .15s;
    }
    li.subMenuOpen > .subMenuToggle::before { transform: rotate(-135deg); margin-top: -3px; }

    #mainMenu > ul > li > ul.sub-menu {
        position: static; display: none; width: auto; box-sizing: border-box;
        opacity: 1; visibility: visible; pointer-events: auto; transform: none;
        box-shadow: none; padding: 0 0 10px 16px; margin: 0; transition: none;
    }
    li.subMenuOpen > ul.sub-menu { display: block; }
    #mainMenu > ul > li > ul.sub-menu > li { padding: 0 0 16px 0; white-space: normal; }

    /* Article layout: stack columns */
    .colLeft, .colRight { float: none; width: 100%; }
    .colRight { margin-top: 20px; }

    .contentArticol { margin: 0; padding: 30px 15px 0 15px; }

    .newsletterLarge { width: 100%; box-sizing: border-box; margin: 20px 0 0 0; }
    .newsletterLarge p { float: none; width: auto; }
    #newsletterLargeForm { float: none; width: 100%; box-sizing: border-box; }

    .grid3ColContainer, .grid4ColContainer { display: block; }
    .grid3Col, .grid4Col { display: block; width: 100%; padding: 0 0 20px 0; }
    .grid3Col img, .grid4Col img { max-width: 100%; height: auto; }

    .postRowImage { float: none; width: 100%; margin: 0 0 12px 0; }
}

@media (max-width: 480px) {
    h1 { font-size: 26px; line-height: 30px; }
    .contentArticol { padding: 20px 12px 0 12px; }
    .introArticol { font-size: 17px; line-height: 24px; }
}