/* -- reset -- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------- */

html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}



* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; 
}




/* -- scrollbar -- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------- */



::-webkit-scrollbar {
width: 8px;
}

::-webkit-scrollbar-track {
background: 	#ccc;
margin-right: 0;
margin-top: 0;
}

::-webkit-scrollbar-thumb {
border-radius: 8px;
background: #00A6DE;
}


::-webkit-input-placeholder {
   color: #000;
}

:-moz-placeholder { /* Firefox 18- */
      color: #000;
}

::-moz-placeholder {  /* Firefox 19+ */
     color: #000;
}

:-ms-input-placeholder {  
      color: #000;
}



/* -- font -- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------- */

/*

@font-face {
font-family: 'brandon_grotesquethin';
src: url('../font/brandon_thin-webfont.eot');
src: url('../font/brandon_thin-webfont.eot?#iefix') format('embedded-opentype'),
url('../font/brandon_thin-webfont.woff') format('woff'),
url('../font/brandon_thin-webfont.ttf') format('truetype'),
url('../font/brandon_thin-webfont.svg#brandon_grotesquethin') format('svg');
font-weight: normal;
font-style: normal;

}

@font-face {
font-family: 'brandon_grotesquemedium';
src: url('../font/brandon_med-webfont.eot');
src: url('../font/brandon_med-webfont.eot?#iefix') format('embedded-opentype'),
url('../font/brandon_med-webfont.woff') format('woff'),
url('../font/brandon_med-webfont.ttf') format('truetype'),
url('../font/brandon_med-webfont.svg#brandon_grotesquemedium') format('svg');
font-weight: normal;
font-style: normal;

}

@font-face{
font-family: 'pt_sans';
src:url(../font/pt_sans-web-regular-webfont.eot);
src:url(../font/pt_sans-web-regular-webfont.eot?#iefix) format('embedded-opentype'),
url(../font/pt_sans-web-regular-webfont.woff) format('woff'),
url(../font/pt_sans-web-regular-webfont.ttf) format('truetype'),
url(../font/pt_sans-web-regular-webfont.svg#pt_sans) format('svg');
font-weight:400;
font-style:normal
}
*/

/* cyrillic-ext 
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
src: local('Open Sans Light'), local('OpenSans-Light'), url(http://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTa-j2U0lmluP9RWlSytm3ho.woff2) format('woff2');
unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}*/
/* cyrillic 
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
src: local('Open Sans Light'), local('OpenSans-Light'), url(http://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTZX5f-9o1vgP2EXwfjgl7AY.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}*/
/* greek-ext 
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
src: local('Open Sans Light'), local('OpenSans-Light'), url(http://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTRWV49_lSm1NYrwo-zkhivY.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}*/
/* greek 
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
src: local('Open Sans Light'), local('OpenSans-Light'), url(http://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTaaRobkAwv3vxw3jMhVENGA.woff2) format('woff2');
unicode-range: U+0370-03FF;
}*/
/* vietnamese 
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
src: local('Open Sans Light'), local('OpenSans-Light'), url(http://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTf8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2');
unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
}*/
/* latin-ext 
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
src: local('Open Sans Light'), local('OpenSans-Light'), url(http://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTT0LW-43aMEzIO6XUTLjad8.woff2) format('woff2');
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}*/
/* latin 
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
src: local('Open Sans Light'), local('OpenSans-Light'), url(http://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTegdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
} */
/* cyrillic-ext
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local('Open Sans'), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v13/K88pR3goAWT7BTt32Z01mxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
} */
/* cyrillic
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local('Open Sans'), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v13/RjgO7rYTmqiVp7vzi-Q5URJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}*/
/* greek-ext 
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local('Open Sans'), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v13/LWCjsQkB6EMdfHrEVqA1KRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}*/
/* greek
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local('Open Sans'), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v13/xozscpT2726on7jbcb_pAhJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
unicode-range: U+0370-03FF;
} */
/* vietnamese
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local('Open Sans'), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v13/59ZRklaO5bWGqF5A9baEERJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
}*/
/* latin-ext 
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local('Open Sans'), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v13/u-WUoqrET9fUeobQW7jkRRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}*/
/* latin 
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local('Open Sans'), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}


*/
/* latin 
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
src: local('Montserrat-Bold'), url(http://fonts.gstatic.com/s/montserrat/v6/IQHow_FEYlDC4Gzy_m8fcoWiMMZ7xLd792ULpGE4W_Y.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

*/

@font-face {
 font-family: Montserrat;
 src: url("../font/Montserrat-Regular.eot") /* EOT file for IE */
}
@font-face {
 font-family: Montserrat;
 src: url("../font/Montserrat-Regular.ttf") /* TTF file for CSS3 browsers */
}





/* -- nav button -- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------- */

#layout {
position: relative;
background: white;
}

#layout .overlay {
opacity: 0;
visibility: hidden;
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
background: rgba(0,0,0,0.4);
z-index: 13000;
position: fixed;
left: 220px;
position: absolute;
left: 0;
right: 0;
top: -10px;
bottom: 0;
}

#navm {
position: fixed;
top: 0;
bottom: 0;
left: -120px;
width: 220px;
overflow: auto;
overflow-x: hidden;
box-sizing: border-box;
background: #00A6DE;
opacity: 0;
visibility: hidden;
}

#navm ul,
#navm li {
list-style: none;
margin: 0;
padding: 0;
border: 0;
width: 100%;
}

#navm ul {
margin-top: 5px;
border-top: 1px solid rgba(255,255,255,0.1);
}

#navm li a {
display: block;
padding: 15px 20px;
color: white;
text-transform: uppercase;
text-decoration: none;
width: 100%;
box-sizing: border-box;
font-weight: 900;
}

#navm ul ul {
margin: 0;
background: #0075A3;
}
#navm ul ul ul{
margin: 0;
background: #005272;
}
#navm ul ul a {
padding: 8px 30px 8px 20px;
font-size: 13px;
}

#navm li a:hover {
background: rgba(255,255,255,0.1);
}

#header .nav-button {
height: 70px;
width: 85px;
box-sizing: border-box;
padding: 30px 25px 0;
position: absolute;
right: 0;
top: -18px;
z-index: 100;
cursor: pointer;
display: none;
}

#header .nav-button span {
height: 3px;
background: #00A6DE;
margin: 4px 0 4px;
display: block;
}













/* -- general -- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------- */


input::selection,
::selection {
color: #4d555a;
background: #ffcc00;
}

input::-moz-selection,
::-moz-selection {
color: #4d555a;
background: #ffcc00;
}

html,
body {
-webkit-overflow-scrolling: touch;
}

html,
body,
img {
margin: 0;
padding: 0;
border: 0;
}

button,
input,
textarea,
body {
font-family: 'Open Sans', sans-serif;
font-size: 13px;
}

a,
input,
button {
outline: 0;
}

a {
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
margin-top: 0;
}


h2{
font-size:14px;
font-weight:700;
}

a{
text-decoration:none;
color:#00A6DE;

}

a:hover{
color:#007FB1;

}

p{
    color: #666;
    font-size: 15px;
}

/* -- tooltip -- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------- */

#tooltip {
margin: 20px 0 0 10px;
margin-left: -60px;
width: 160px;
padding: 10px;
z-index: 9900;
position: absolute;
text-align: center;
color: #4a4f52;
box-shadow: 5px 5px 0 rgba(0,0,0,0.1);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-transform: uppercase;
display: none;
background: #ffcc00;
}

#tooltip.right {
margin-left: -80px;
}





/* -- loading -- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------- */

#loading .box {
opacity: 0;
}

#loading .box.loaded {
opacity: 1;
}



/* -- transition -- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------- */


#form-home .submit-home-form,
.button.cycle,
.view-more-button,
#header .icon.social,
a,
#header .nav-button span,
#header .nav-button,
#layout .overlay,
#layout,
#navm,
#loading .load,
.transition {
transition: .3s;
-o-transition: .3s;
-ms-transition: .3s;
-moz-transition: .3s;
-webkit-transition: .3s;
}

.transition {
transition: none;
-o-transition: none;
-ms-transition: none;
-moz-transition: none;
-webkit-transition: none;
display: none;
}


.parallax,
.calculator-link,
.parallax-effect,
#Terry,
#Stephen,
.text-upper,
.view-detail-text,
.view-detail{
transition: .5s;
-o-transition:  .5s;
-ms-transition:  .5s;
-moz-transition:  .5s;
-webkit-transition:  .5s;
}





/* -- general class -- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------- */

.section {
position: relative;
}

.container {
position: relative;
margin: 0 auto;
width: 1280px;
box-sizing: border-box;
-moz-box-sizing: border-box;
min-height: 1px;
}

.bg-eee {
background-color: #eee;
}

.bg-white,
.bg-fff {
background-color: #fff;
}

.bg-999 {
background-color: #999;
}
.bg-333 {
background-color: #333;
}

.clear {
clear: both;
}







/* -- cols -- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------- */

.col {
float: left;
width: 100%;
position: relative;
}

.col.col2 {
width: 50%;
}

.col.col3 {
width: 33.33%;
}

.col.col3x2 {
width: 66.66%;
}

.col.col4 {
width: 25%;
}

.col.col4x3 {
width: 75%;
}

.col.col5 {
width: 20%;
}

.col.col5x4 {
width: 80%;
}

.col.col5x3 {
width: 60%;
}

.col.col5x2 {
width: 40%;
}

.col.col6 {
width: 16.66%;
}

/* -- cols + margin -- */

.col.col2.margin {
width: 48%;
margin-right: 4%;
}

.col.col3.margin {
width: 32%;
margin-right: 2%;
}

.col.col3x2.margin.col-left {
width: 64%;
margin-right: 4%;
}

.col.col3x2.margin.col-right {
width: 64%;
margin-left: 2%;
}

.col.col4.margin {
width: 23.5%;
margin-right: 2%;
}

.col.col4x3.margin.col-left {
width: 74.5%;
margin-right: 2%;
}

.col.col4x3.margin.col-right {
width: 74.5%;
margin-left: 2%;
}

.col.col5.margin {
width: 18.4%;
margin-right: 2%;
}

.col.col6.margin {
width: 15%;
margin-right: 2%;
}

.col.margin.last {
margin-right: 0 !important;	
}


.col.col3.header{
height:100px;
}
/*
.col.col2.header.social,
.col.col2.header.logo{
width:50%;
}
*/
.col.col3.header.adv{
background-position:center center;
background-repeat:no-repeat;
background-size:100%;
/*width:56%;*/
padding: 45px 0;
}
.col.col3.header.adv .scroll-tex{
height:20px;
}



#header ul{
list-style-type:none;
position:relative;
height:30px;
}


#header ul li{
float:left;
background-color:#00A6DE;
border-right:2px solid #fff;
border-radius:3px 3px 0 0;
}


#header ul li:first-child{
margin-left:3px;

}
#header ul li{
float:left;
background-color:#00A6DE;
border-right:1px solid #fff;
border-radius:3px 3px 0 0;
position:relative;
}
#header ul li:last-child{
border-right:0;
}

#header ul li a{
text-transform:uppercase;
text-decoration:none;
color:#fff;
font-size:14px;
font-family: 'Open Sans';
display:block;
 padding: 5px 38.5px;
font-family:Montserrat;
}
#header ul li:hover{
background-color:#007FB1;
}



#header ul li ul{
position:absolute;
z-index:11000;
width:250px;
background-color:#ccc;
display:none;
}

#header ul li ul ul{
left:250px;
top:0;
}

#header ul li ul li{
width:100%;
padding:0;
margin-left:0!important;
margin-right:0!important;
border:0!important;
border-bottom:1px solid #ccc!important;
text-indent:10px;
}


#header ul li ul li:last-child{
border-bottom:0!important;;
}

#header ul li ul li a{
display:block;
padding:10px 0;
font-size:12px;

}

.logo-main{
width:89%;
height:80px;
background-image:url(../img/png/logo5.png);
background-position:center center;
background-repeat:no-repeat;
background-size:100%;
} 


.logo-main h1{
    display: block;
    text-indent: -9999px;
    overflow: hidden;

}

#header .icon.social{
position:relative;
width:20px;
height:20px;
display:inline-block;
background-position:50% 0;
background-repeat:repeat-y;
background-size:100%;
margin-left: 5px;
margin-top: 5px;
}

#header .icon.social:hover{
background-position:50% 20px;
cursor:pointer;
}


.search-header-form{
position:relative;
width:230px;
float: right;
display:inline-block;
}

.search{
display:inline-block;
float:right;
}

#search{
width:230px;
border:0;
border: 1px solid #ccc;
border-radius:30px;
text-indent:10px;
height: 30px;
color:#666;
}



.search input[type="submit"] {
position:absolute;
right:5px;
opacity:1;
border:0;
margin: 0;
border: 0;
padding: 0;
width: 30px;
height: 30px;
display: block;
-webkit-appearance: none;
background-color:transparent;
background-image:url(../img/png/search.png);
background-position:center center;
background-size:80%;
background-repeat:no-repeat
}
.search input[type="submit"]:hover {
cursor:pointer;
}


.content-social{
width:330px;
display:inline-block;
float: right;
position: relative;
top:40px;
}

/* -- CYCLE2 HOMEPAGE -- */
/*--------------------------------------------------------------------------------------------------------------------------------------------*/
#home{
position:relative;
}

#home .cycle-slideshow {
overflow: hidden;
}

#home .cycle-slideshow > div {
background-size: cover;
background-position: center center;
width: 100%;
/* height:400px; */
padding:18%;
}

.coverHome h2{
color:#fff;
font-size:30px;
}
.coverHome p{
color:#fff;
font-size:14px;
}

.coverHome{
width:380px;
height:140px;
position:absolute;
background-color:rgba(0,0,0,0.7);
top:30%;
left:5%;
padding:10px 20px;
}


.button.cycle{
width:110px;
height:30px;
background-color:#00A6DE;
border-radius: 3px;
padding:5px 0;
margin-top:10px;
}

.button.cycle:hover{
background:#0075A3;
cursor:pointer;
}

.button.cycle h3{
color:#fff;
text-align:center;
font-size:14px;
font-weight:800;
}

/* -- COL2 LEFT RIGHT HOME -- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------- */



.col.col2.left-Big{
width:68%;
margin-right: 2%;
}

.col.col2.right-Big{
width:30%;
}




/*----- Tabs -----*/
.tabs {
width:100%;
position:relative;
top: -30px;
z-index:10000;

}


.tabs.top.pages{

top: 0;
}


ul.tab-links{
float:right;
width: 100%;

}

/*----- Tab Links -----*/






/* Clearfix */
.tab-links:after {
display:block;
clear:both;
content:'';
}

.tab-links li {
margin: 0 4px;
float:left;
list-style:none;
box-shadow: 3px 3px 0 rgba(0,0,0,0.1);
}
.tabs.bottom .tab-links li{

margin: 0 0px;

}
.tab-links a {
padding:5px 164px;
display:inline-block;
border-radius:3px 3px 0px 0px;
border:1px solid #ccc;
background:#00A6DE;
font-size:16px!important;
font-weight:600;
color:#fff!important;
transition:all linear 0.15s;
text-decoration:none;
font-family:Montserrat;
}

.tab-links a:hover {
background:#0075A3;
text-decoration:none;
}

li.active a, li.active a:hover {
background:#fff;
color:#4c4c4c;
}

/*----- Content of Tabs -----*/
.tab-content {
padding:20px 0 0 0; 
border-radius:3px;
border: 1px solid #ccc;
background:#fff;
float: right;
/* height:370px; */
width: 100%;
}


.tab {
display:none;
}

.tab.active {
display:block;
}



.tabs.top .tab-links li {
    width: 49%;
}

.tabs.top  .tab-links a {
    padding: 5px 10px;
    display: block;
    font-size: 14px;
}


.col.col2.tab-inside{
padding:20px;
/*height:300px;*/
position:relative;
}

.col.col2.tab-inside.intro{
height:340px;
}

.tabs.bottom .col.col2.tab-inside{
padding:0;
width: 49%;
margin: 0 0.5%;
}

.col.col2.tab-inside.left{
border-right:1px solid #ccc;
}

.col.col2.tab-inside h2{
color:#333;
text-transform:uppercase;
margin-bottom:20px;	
}
.col.col2.tab-inside p{
color:#666;
}


/*
.view-more-button{
width: 150px;
height: 30px;

position:absolute;

background-color: #00A6DE;
border-radius: 3px;
padding: 5px 0;
text-align:center;
color:#fff;
left:50%;
bottom:5px;
margin-left:-75px;
}
*/


.view-more-button {
    width: 94%;
    /* height: 30px; */
    position: absolute;
    background-color: #444;
   /* padding: 10px 0;*/
    text-align: center;
    color: #fff;
    left: 50%;
    bottom: 10px;
    margin-left: -47%;
}

.view-more-button a{
display:block;
padding:10px 0 ;
}

.essential-feeds .view-more-button {
    width: 88%;
    bottom: 30px;
    margin-left: -44%;
}

/*
.view-more-button.magazine{
width: 195px;
}
*/

.view-more-button h3{
color: #fff;
text-align: center;
font-size: 14px;
font-weight: 800;
}



.view-more-button:hover{
background-color:#0075A3;
cursor:pointer;
}


.image-tab{
height:150px;
width:150px;
background-image:url(../img/jpg/tree.jpg);
background-position:center center;
background-repeat:no-repeat;
background-size:100%;
margin:10px auto;

}


.col.col2.image-magazine{
height:160px;
background-position:center center;
background-repeat:no-repeat;
background-size:90%;
}



span.list-feeds{
margin-bottom:10px;
display: inline-block;
}

span.list-feeds p.blue,
.col.col2.left-Big  .col.col2.tab-inside p.blue{
color:#00A6DE;
font-weight:700;
font-size:16px;
}

.col.col2.tab-inside p.blue.top{
margin-top:10px;

}

.essential-feeds .list-feeds{
margin-bottom: 12%;


}


.tabs.bottom {
margin-top: 30px;
}

.tabs.bottom .tab-content {
    padding: 30px 20px 0 20px;
    border-radius: 3px;
    border: 1px solid #ccc;
    background: #fff;
    float: right;
    /* height: 340px; */
    width: 100%;
}




.tabs.bottom .tab-links a {
padding: 5px 41px;
}

.tabs.bottom .tab-content.front-page{
/*height: 750px;*/
    /*height: 640px;*/
	/*height: 665px;*/
	    /* min-height: 1995px; */
	/*height:auto;*/
}



.main-content{
position:relative;
top:0;
}

.image-content{
width:100%;
height:180px;
position:relative;
background-position:center center;
background-repeat:no-repeat;

}



.date-block{
width:70px;
height:70px;
background-color:#00A6DE;
position:absolute;
bottom:0;
left:0;
padding: 13px 5px;
}

hr{
border:0;
border:1px solid #fff;
margin:0 10px;
}



.col.col3.tab-inside .date-block p,
.col.col2.tab-inside .date-block p{
text-align:center;
font-size:16px;
color:#fff;

}

.text-content{
padding:20px;
    word-wrap: break-word;
}

.text-content p{
margin-bottom:10px;
}

.col.col2.tab-inside.block-content {
/*height: 360px;*/
/*height: 300px;*/
}

.col.col2.right-Big .adv-image{
height:290px;
padding: 20px 15px;
background-position:center center;
background-repeat:no-repeat;
border: 1px solid #ccc;
}

.col.col2.right-Big.tool .adv-image{
margin:20px 0;
}

span.blue{
color: #00A6DE;
}

#form-home{
margin-top:20px;
margin-bottom: 20px;
padding:20px;
border: 1px solid #ccc;
border-radius:3px;
background-color:#eee;
position:relative;
height: 200px;
 word-wrap: break-word;
}


#form-home p,
#form-home h2{
margin-bottom:4%;
text-align:center;
}

#form-home h1{
margin-bottom:4%;
font-size:18px;
text-align:center;
}
#form-home h2{
font-size:16px;
text-align:center;
}
#form-home h3{
margin-bottom:4%;
font-size:14px;
text-align:center;
}

#form-home .view-more-button h3{
margin-bottom:0!important;
text-align: center;
    font-size: 14px!important;
}

#form-home input{
width:100%;
height:40px;
margin-bottom:4%;
text-indent:10px;
}

#form-home .submit-home-form{
border:0;
color:#fff;
font-size:14px;
font-weight:700;
background-color:#444444;
text-indent:0;
}

#form-home .submit-home-form:hover{
background-color:#0075A3;
cursor:pointer;
}

.essential-feeds{
margin-top:4%;
border: 1px solid #ccc;
/*height:530px;*/
height: 265px;
position:relative;
}

.essential-feeds h2{
margin-bottom:4%;
}


/* -- FOOTER -- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------- */

#footer .col.col2.left{
width:70%;

}
#footer .col.col2.right{
width:30%;
}

#footer ul {
list-style-type:none;
margin-bottom: 10px;
height: 30px;
}
#footer ul  li{
float:left;
padding:0px 10px ;
border-right:1px solid #ccc;

}

#footer ul  li:last-child{
border-right:0;

}
#footer .logo-main{
width:300px;
} 



#footer ul li a{
color:#666666;
font-size:11px;
font-weight:700;
}

#footer ul li a:hover{
color:#00A6DE;
}

#footer ul  li:first-child{
padding-left:0;
}
#footer ul  li:last-child{
padding-right:0;
}
p.grey{
color:#666666;
font-size:12px;
font-weight:700;
}

#footer p.grey{
margin-bottom:5px;

}

#footer .logo-main{
float:right;
}



/* -- CAT POST STYLE -- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------- */


#cat-section{
margin-top:50px;
}

.col.col2.post-image{
height:250px;
width:30%;
margin-bottom:50px;
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
}

.col.col2.post-text-content{
margin-bottom:50px;
width:66%;
border:1px solid #ccc;
padding:20px;
word-wrap: break-word;
}








.col.col2.post-text-content .date-block{
width: 70px;
height: 70px;
background-color: #00A6DE;
position: absolute;
display: inline-block;
top:20px;
left:20px;

}

.col.col2.post-text-content .title-main{
padding:0 0 0 0;
display:inline-block;
position:relative;
width: 90%;
float:right;
}

.col.col2.post-text-content .title-main h2{
font-size:25px;
text-transform:uppercase;
color: #555;
}


.col.col2.post-text-content .date-block p{
text-align: center;
font-size: 16px;
color: #fff;
}

.parallax {
width: 100%;
/*
height: 220px;*/
height: 100px;
background-position: center center;
background-size: cover;
position: relative;
}

.cover-Home {
position: absolute;
top: 0;
left: 0;
right:0;
bottom:0;
background-position: -255px center;
background-size: 65%;
background-color: rgba(0,0,0,0.5);
}



.cover-Home .cover-main-text {
/*
position: absolute;
top: 50%;
left: 50%;
width: 900px;
height: 30px !important;
margin: -15px 0 0 -450px;*/
padding: 35px 10px;
}


.cover-Home .cover-main-text h3{
text-transform:uppercase;
text-align:left;
color:#fff;
font-family: 'Montserrat';
font-size:30px;
line-height:30px;
}


.cat-links small{
color:#666666;
}

.cat-links p a{
font-family: 'Montserrat';
color:#00A6DE;
text-transform:uppercase;
font-size: 11px;
}

.post-content{
padding:20px 0;


}

.post-content p{
font-size:16px;
color: #666;
}


.view-more-button.post-link {
width: 100%;
height: 40px;
position: relative;
background-color:#00A6DE;
border-radius: 0;
padding: 10px 0;
margin:5px auto 5px;
left:0;
right: 0;
bottom: 0;
}

.view-more-button.post-link:hover {
background-color:#0075A3;
}

.view-more-button.post-link  h3 {
color: #fff;
font-size:16px;
}

.blue{
color:#00A6DE;
}

.nextback {
text-align: center;
padding-bottom: 20px;
margin-bottom:20px;
}


.nextback a {
padding: 0 50px;
display: block;
margin: 0 auto;
display: inline-block;
margin-top: 20px;
font-weight: normal;
text-transform: uppercase;
font-size: 18px;
color: #00A6DE;
border: 3px solid #00A6DE;
height: 60px;
line-height: 54px;
margin: 5px;
}


.nextback a:hover{
background-color:#00A6DE;
color:#fff;

}
.flideo.cloaked{
margin-top:30px;
width:100%;
}

.flideo.cloaked iframe{
display:block;
width:100%;
height:400px;
background-size:cover;
border:0;
}

.col.col2.post-text-content.video{
margin-bottom:50px;
border:1px solid #ccc;
padding:20px;
}

.col.col2.video .date-block{
width: 70px;
height: 70px;
background-color: #00A6DE;
position: absolute;
display: inline-block;
top:20px;
left:20px;

}

.col.col2.video .title-main{
padding:0 0 30px 0;
display:inline-block;
position:relative;
width: 90%;
float:right;
}

.col.col2.video .title-main h2{
font-size:22px;
text-transform:uppercase;
color: #555;
}

.col.col2.video .date-block p{
text-align: center;
font-size: 16px;
color: #fff;
}



/* -- PAGE STYLE -- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------- */

.title-general{
padding:50px 20px 20px 20px;
}



.title-general h2{
font-size:19px;
font-family:montserrat;
color:#00A6DE;
text-transform:uppercase;
}

.title-general.center h2{
text-align:center;
}

.col.col2.text-content-general.left{
padding:0 20px;
width:68%;
margin-right:2%;
}

.text-content-general.left{
padding:0 20px;
margin-bottom:50px;
}

.col.col2.image-general{
width:30%;
height:250px;
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
margin-right:2%;
    margin: 0 0 50px 0;
}

.text-content-general p{
margin:10px 0;
color: #666;
font-size: 15px;
}


.text-content-general.video-general p{
text-align:center;
}
.content-text-main .text-content-general ul li,
.disclaimer-page ul li,
.post-content ul li,
.text-content-general ul li{
padding: 5px 0 5px 25px;
background: url(../img/png/style-li.png) 0 10px no-repeat;
background-size: 18px;
text-align: left;
}

.col.col2.list-tool ul li{
padding: 5px 0 5px 25px;
background: url(../img/png/calc.png) 0 7px no-repeat;
background-size: 18px;
text-align: left;
}


.col.col2.general{
height:300px;
width:60%;
margin:50px 0 0 0;
background-color:#333;
}


.col.col2.general.right{
width:40%;
background-color:#eee;
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
margin-bottom:50px;
}


.view-detail{
position:absolute;
top:10px;
left:10px;
right:10px;
bottom:10px;
background-color:rgba(255,255,255,0.5);

}


.text-upper,
.view-detail-text{
padding:110px 50px;

}

.view-detail h5,
.text-upper h5{
font-family:montserrat;
font-size:50px;
text-align:center;
color:#fff;
}

.view-detail h5{

color:#333;
}

.text-upper p{
font-size:14px;
text-align:center;
color:#fff;
}

.col.col2.video-general{
margin-bottom:50px;

}

.col.col2.text-content-general.left.bottom {
margin-bottom:50px;

}

.col.col2.video-general.left{
width:30%;
border:1px solid #ccc;
}

.col.col2.video-general.right{
width:66%;
}

.col.col3.cont-video{
margin-bottom:50px;
}

.col.col3.cont-video .flideo.cloaked iframe{
height:230px;
}


.col.col2.about{
padding:20px 20px 50px 20px;
}

.col.col2.team{
height:480px;
background-color:#eee;
border:1px solid #ccc;
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
}
.col.col2.team.top{
margin-top:20px;
}

.col.col2.team h2{
color:#666;
margin-bottom:20px;
}
.col.col2.team p{
color:#858585;
}
.col.col2.team b{
color:#999;
}
.team-desciption{
padding:0px 20px;

}
.col.col2.team .team-desciption p{
color:#666;

}

.col.col2.team.bottom{
margin-bottom:50px;

}

.view-detail-text.team-name,
.view-detail-text.team {
    padding: 184px 50px;
	opacity:0;
}


#maps{
width:100%;
height:450px;
background-color:#ccc;
}


.col.col3.margin.page-info.ico {
height: 300px;
margin-top: 2%;
margin-bottom: 2%;
}

.icon-page-info {
width: 120px;
height: 120px;
margin: 20px auto;
position: relative;
top: 0;
border: 1px solid #ccc;
background-size: 60%;
background-position:center center;
background-repeat:no-repeat;
border-radius: 3px;
}

.text-page-info {
text-align: center;
padding: 10px 50px 50px;
}

.title-general.contact{
text-align:center;

}

.parallax-effect{
width:100%;
height:500px;
background-color:#ccc;
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
margin-bottom:50px;
}

#form-contact .col.col2{
margin-right:2%;
width:49%;
}


#form-contact h2{
text-align:center;
text-transform:uppercase;
color:#fff;
font-size:24px;
font-size: 18px;
font-family: montserrat;
margin-bottom:20px;
}

#form-contact{
padding: 30px 50px 30px 50px;
background-color:rgba(0,0,0,0.5);
position:relative;
top:35px;
border-radius:3px;
}


#form-contact input{
width:100%;
margin-bottom:2%;
height:40px;
border:0;
text-indent:10px;
background-color:rgba(255,255,255,0.6);
border-radius:3px;
}
#form-contact textarea{
border:0;
width:100%;
height:150px;
padding:10px;
margin-bottom:10px;
background-color:rgba(255,255,255,0.6);
border-radius:3px;
}


#form-contact .submit{
background-color:rgba(0,166,222,0.8);
color:#fff;
font-family:montserrat;
font-size:16px;
}

.post-tv{
height:150px;
width:95%;
background-color:#ccc;
background-position:center center;
background-repeat:no-repeat;
position:relative;
}


.cover-play{
background-image:url(../img/png/play.png);
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
position:absolute;
top:0;
right:0;
left:0;
bottom:0;
}

.date-month{
text-transform:uppercase;

}






.logo-magazine{
width:100%;
height:100px;
background-image:url(../img/png/logo2.png);
background-repeat:no-repeat;
background-position:center center;
background-size:90%;
}
.logo-magazine img{
width:100%;
}


.col.col2.box-brochure{
height:100px;
margin-top:0;/*
background-image:url(../img/jpg/magazine.jpg);
background-position:center center;
background-repeat:no-repeat;
background-size:50%;*/
}

.col.col2.text-magazine-brochure{
/*margin-top:20px;*/

padding-right:20px;
}

.col.col2.text-magazine-brochure h2{
font-size:18px;
color:#0092D2;
text-align:center;
padding-top:10px;
letter-spacing:1px;
}


.diary{
position:relative;
}

.logo-diary{
width:90px;
height:90px;
background-position:center center;
background-repeat:no-repeat;
background-size:100%;
background-color:#ccc;
margin:0 auto;
background-image:url(../img/png/diary.png)
}

.diary h2{
text-align:center;
font-size:18px;
margin-top:15px;
margin-bottom:0;
}

.diary p{
text-align:center;
margin-top:5px;
}

.view-more-button.diary{
position:relative;
margin-top:15px;
}









.col.col3.all-feeds{
width: 32.33%;
margin: 10px 0.5%;
word-wrap: break-word;
}

.post-content-all-feed{
float:right;
width:100%;
position:relative;
border:1px solid #ccc;
}

.post-image{
height:200px;
background-color:#ccc;
position:relative;
margin-bottom:10px;
}

.date-block.all-feeds{
/*
left:-70px;
bottom:-70px;*/
}

.post-text{
padding:20px;
}

.post-text p.text{
margin-bottom:10px;

}

.post-text h2{
margin-bottom:10px;
}

.post-image .date-block.all-feeds p {
text-align: center;
font-size: 16px;
color: #fff;
}



.col.col4.video-post {
    width: 24%;
    margin: 10px 0.5%;
}


.video-post-img{
height:120px;
background-color:#ccc;
position:relative;
}

.video-post-title{
padding:10px 0;
}

.video-post-title h2{
text-transform:uppercase;
font-size:10px;

}






.tabs.top .tab-links.pages li {
    width: 19%;
	  margin: 0 1px;
}
.tabs.top .tab-links.pages li a {
    padding: 7px 10px;
    display: block;
    font-size: 12px;
}

.tabs.top.pages .tab-content{
border: 0;
background-color:#eee;

height: auto; 
}



.col.col3.tab-inside{
 width: 32.33%;
    margin: 20px 0.5%;

}


section.conditions .title-general{
padding: 50px 20px 20px 0px;

}


.tabs.top .tab-links.pages li {
width: 100%;
}

.tabs.top .tab-links.pages.x2 li {
width: 49%;
}

.tabs.top .tab-links.pages.x3 li {
width: 32.33%;
}

.tabs.top .tab-links.pages.x4 li {
width: 24%;
}

.tabs.top .tab-links.pages.x5 li {
width: 19%;
}

.tabs.top .tab-links.pages.x6 li {
width: 15.66%;
}

.tabs.top .tab-links.pages.x7 li {
width: 13.2%;
}







.title-general h2.black{
color:#333;
text-align:center;
}





#register{
width:80%;
display:block;
margin:0 auto;
margin-bottom:50px;
}
#register select{
width:100%;
height:40px;
text-indent:10px;
margin-bottom:2%;
border:0;
border:1px solid #ccc;
}
#register input{
width:100%;
height:40px;
margin-bottom:2%;
text-indent:10px;
border:0;
border:1px solid #ccc;
}


#register .submit-form{
width:50%;
margin:0 auto;
}

#register .submit{
border:0;
background-color:#00A6DE;
color:#fff;
font-size:16px;
}

#register .submit:hover{
background-color:#007FB1;
cursor:pointer;
}

#register table.store-list{
width:100%;
margin-top:50px;
}

#register table.store-list .top-head th:first-child{
text-align:left;
}



#register table.store-list .top-head th{
text-transform:uppercase;
font-weight:600;
text-align:right;
}

#register table th{
padding:5px 10px;
}

#register table tr.store-list-body{
border-bottom:1px solid #ccc;
}
#register table th.th-right{
text-align:right;
border-bottom:1px solid #ccc;
}
#register table th.border-b{
border-bottom:1px solid #ccc;

}
#register table .top-head{
border-bottom:1px solid #ccc;
color:#333;
background-color:#00A6DE;
color:#fff;
}

#register table th.border-b.small{
width:11%;
font-size:12px;
}

#register table.store-list .top-head th.border-b{
padding:5px 10px;
}

#register table .checkbox{
width:20px;
}
span.risk-level{
background-color:#00A6DE;
color:#fff;
padding:5px 10px;
}

span.risk-level.red{
background-color:#FF3300;

}
span.risk-level.red-light{
background-color:#FF8080;

}
span.risk-level.orange{
background-color:#FF9900;

}
span.risk-level.yellow{
background-color:#CCCC00;

}
span.risk-level.green{
background-color:#52CC29;

}

#register table.store-list.bottom {
    margin-top: 0;
	margin-bottom:50px;
}

.questionnaire-answer{

overflow-y:auto;

}







.video-player{
width:100%;
height:550px;
}

.video-player iframe{
width:100%;
height:550px;
}


.col.col3.diy-tv-post{
width: 32.33%;
margin: 20px 0.5%;
}

.col.col3.diy-tv-post .diy-tv-post-image{
width:100%;
height:200px;
background-color:#ccc;
background-position:center center;
background-repeat:no-repeat;'
background-size:100%

}

hr.hr-barr{
border: 0;
height: 0;
border-top: 1px solid rgba(0, 0, 0, 0.2);
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
margin-bottom:20px;
}



.col.col3.all-feeds.info{
width: 32.33%;
margin: 20px 0.5%;
height:260px;
padding:20px;
}

.all-feeds.info{
width: 100%;
margin: 20px 0;
height:220px;
padding:20px;
border:1px solid #ccc;
position:relative;
  word-wrap: break-word;
}

.col.col2.info-text{
padding:10px 0 0 20px;
width:70%;
}


.col.col3.all-feeds.info h2{
text-transform:uppercase;
text-align:center;
padding-bottom:20px;
}

.col.col2.info-img{
width:30%;
}

.info-image{
width:110px;
height:110px;
}

.content-archive .content-list h2{
margin:10px 0 20px 0;
text-transform:uppercase;

}
.content-archive .content-list ul li{
padding:5px 0;

}
.content-archive .content-list{
margin-bottom:30px;
}





/* SAVINGS CALC ----------------------------------------------------------------------------------------------------------------------------------------------*/


form#calc-savings{
width:500px;	
border:1px solid #ccc;
	padding:20px;
	margin-bottom:50px;
}	
 
#calc-savings input{
border:0;
border:1px solid #ccc;
width:100%;
height:30px;
text-indent:10px;
}

#calc-savings select{
border:0;
border:1px solid #ccc;
width:100%;
height:30px;
text-indent:10px;
}

#calc-savings table{
width:100%;
}
#calc-savings table th{
	width:50%;
	padding:5px;
}

#calc-savings h3{
	font-size:14px;
	color:#333;
	
	
}

#calc-savings .button-sav{
	background-color:#00A6DE;
	color:#fff;
	font-size:14px;
	text-transform:uppercase;
	border:0;
}



/* MORTGAGE CALC ----------------------------------------------------------------------------------------------------------------------------------------------*/

form#mortgage-calc {
width:500px;
border: 1px solid #ccc;
padding:20px;
margin-bottom:50px;
}
	#mortgage-calc input {
width: 100%;
height:30px;
	
}
	#mortgage-calc table {
width: 100%;
	
}

	#mortgage-calc table td{
padding:5px;
	
}

form#mortgage-calc .button-sav{
	background-color:#00A6DE;
	color:#fff;
	font-size:14px;
	text-transform:uppercase;
	border:0;
	width:100%;
	display:block;
	padding:5px;
	text-align:center;
}

.tabs.bottom .tab-content.pages {
    height: auto;
	margin-bottom:20px;
}

.tabs.bottom.pages{
margin-bottom:30px;
top:0;
}

form#lidd_mc_form{
padding:20px;
width:500px;
border: 1px solid #ccc;
padding:20px;
margin-bottom:50px;
}




#lidd_mc_submit{

	background-color:#00A6DE;
	color:#fff;
	font-size:14px;
	text-transform:uppercase;
	border:0;
	width:20%;	
	display:block;
	padding:5px;
	text-align:center;
	
}


.breadcrumb-container ul li{
    background:none;
}

p.blue-text{
color:#00A6DE;
letter-spacing:1px;
font-style:italic;
}

p.published-by{
color:#00A6DE;
font-style:italic;
font-size:14px;
display:inline;
}


.post-content p.text-name{
color:#666;
font-style:italic;
font-size:14px;
display:inline;
}











.col.col2.margin.left-post{

width:30%;
margin-bottom:50px;


}

.col.col2.margin.left-post .post-image{
height:250px;
width:100%;
background-position:center center;
background-repeat:no-repeat;
background-size:contain;
background-color:transparent;
}


.post-adv{
height:250px;
width:100%;
background-position:center center;
background-repeat:no-repeat;
background-size:contain;
margin-top:30px;

}






.col.col2.margin.text-content-page{
	padding:20px;
	border:1px solid #ccc;
	min-height: 480px;
}

.col.col3.margin.text-content-page{
padding:0 20px;
border:1px solid #ccc;
height: 480px;
margin-bottom:30px;
}

.col.col2.margin.text-content-page.calculator{
height: auto;
}


.col.col2.margin.feed-content-page{
	
	padding:20px;
	border:1px solid #ccc;
	 height: 480px;
}

.col.col2.margin.feed-content-page h2{
	
	margin-bottom:10px;
	
}


span.thumb-feed{
	display:inline-block;
	height:60px;
	width:100px;
	background-color:#ccc;
	position:relative;
}


span.list-feeds {
	
    margin-bottom: 10px;
    display: inline-block;
    position: relative;
	margin-left:10px;
}

span.list-feeds.partner {
	
	
    top: -30px;
}

.view-more-button {
    width: 94%;
    /* height: 30px; */
    position: absolute;
    background-color: #444;
   /*padding: 10px 0;*/
    text-align: center;
    color: #fff;
    left: 50%;
    bottom: 10px;
    margin-left: -47%;
}


.view-more-button.brochure{
    width: 90%;
    margin-left: -45%;
	bottom:20px;
}



.calculator-link{
	margin:20px 0;
	width:100%;
	height:100px;
	border:1px solid #333;
	  box-shadow: 3px 3px 0 rgba(0,0,0,0.1);
	  	color:#00A6DE;
}

.calculator-link:hover{
		color:#fff;
		background-color:#00A6DE;
		cursor:pointer;
}
.calculator-link h3{

	display:inline;
	padding:;
	font-size:30px;
	font-family:Montserrat;
	
}

span.calc-text {
    padding: 32px 0;
    display: inline-block;
    position: relative;
    top: -40px;
	  
}

.calc-img{
	 width:50px; 
	 height:50px;
	 display:inline-block;
	margin:25px;
	
}

.second-text-content-page{
padding:20px;
border:1px solid #ccc;
margin-top:20px;
/*margin-bottom:50px;*/
}

.second-text-content-page.bottom{
margin-bottom:50px;
}



.second-text-content-page.tools{
height: auto;
}

p.blue.content-page{
	margin:5px 0 10px 0;
	
}


.calculator-link.feed-yahoo{
    height: auto;
}



.video-player{
height:550px;
background-color:#000;
width:100%;
margin-top: 20px;
}

.video-player iframe{
width:100%;
}



.tabs.videos {
margin-top:20px;
top:0;
}


.block-video-feeds{
margin-top:20px;
border:1px solid #ccc;
padding:20px;
margin-bottom:20px;
}

.block-video-feeds h2{
margin:0 0 5px 0;
}

.block-video-feeds span.thumb-feed {
    height: 100px;
    width: 130px;
	margin-bottom:10px;
}


.block-video-feeds span.thumb-feed.partner{

 height: 70px;
    width: 130px;
	background-color:transparent;
}







.partner-img{
height:60px;
width:100%;
margin-top:5px;
}

.col.col2.partner{
background-color:#fff;
margin-bottom:5px;
}
.col.col2.partner .partner-text{
padding:10px 0;
text-align:center;

}
.col.col2.partner .partner-text p{
font-weight:600;
}

.img-tool{
height:250px;
background-color:#ccc;
width:100%;
float:right;
}

.title-tool{
padding:5px 15px;
background-color:#00A6DE;
color:#fff;
}

.title-tool.bottom{
margin-top:20px;
}

.col.col2.img-tool-content,
.col.col2.list-tool{
margin-top:20px;
}
/*
.col.col2.list-tool{
width:100%;
}
*/

#list-partners3{
width:100%;

}

.col.col2.list-tool a{
font-size:16px;
color:#333;
font-weight:700;
display:block;
}

.col.col2.list-tool a:hover{
color:#00A6DE;
}

.second-text-content-page.tools{
margin-bottom:20px;
}

.adv-content-header{
height:110px;
background-color:#eee;
padding:10px 0;
}

.adv-content-header.internal{
background-color:#ccc;
height:200px;
}


.adv-content-header img{
width:728px;
display:block;
margin: 0 auto;
}

#post-format pre{
font-size:14px;

}

#post-format em{
font-style:italic;

}


#post-format  u{
 text-decoration: underline!important;
}

#post-format  strong em{
font-weight:800!important;
}

#post-format em{
 font-style: italic!important;
}



#post-format p{
margin:10px 0!important;
font-size: 14px!important;
color:#666;
}
#post-format b, #post-format strong{
font-weight:800!important;
}


#post-format h1{
font-size:31px!important;
color:#00A6DE;
}

#post-format h2{
font-size:26px!important;
color:#00A6DE;
font-weight:normal;
}

#post-format h3{
font-size:23px!important;
color:#00A6DE;
}

#post-format h4{
font-size:21px!important;
color:#00A6DE;
}


#post-format h5{
font-size:18px!important;
color:#00A6DE;
}
#post-format h6{
font-size:16px!important;
color:#00A6DE;
}
#post-format li{
margin: 10px 0!important;
font-size: 14px!important;
color: #666;
}





#post-format a{
color:#00A6DE!important;
font-size: 16px!important;
}

#post-format blockquote p{
color: #00A6DE;
}

#post-format blockquote {
color: #00A6DE;
letter-spacing: 1px!important;
font-style: italic!important;
text-align:center;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 16px 0;

}



#post-format table{
width:100%!important;
}

#post-format table tr{
border:1px solid #ccc!important;

}

#post-format table tr td{
border:1px solid #ccc!important;
padding:10px 5px!important;
}


#respond #submit{
border:0;
background-color:#00A6DE;
color:#fff;
padding:5px 10px;
}
#respond #submit:hover{
color:#007FB1
}

#respond textarea#comment{
border:1px solid #ccc;
}
.col.col2.feed-content-page.fullwidth u,
section.conditions u,
.second-text-content-page.tools u,
.adv-image.ads.pages u,
.col.col3.margin.text-content-page u,
.col.col2.left-Big u{
 text-decoration: underline!important;
}
/*
.col.col2.feed-content-page.fullwidth ul,
.second-text-content-page ul,
section.conditions ul,
.second-text-content-page.tools.main-list ul,
.col.col3.margin.text-content-page.partner ul,
.adv-image.ads.pages ul,
.col.col2.margin.text-content-page ul{
list-style-type:disc;
padding: 0 20px;
}
*/

.col.col2.feed-content-page.fullwidth ul,
.second-text-content-page ul,
section.conditions ul,
.second-text-content-page.tools.main-list ul,
.col.col3.margin.text-content-page.partner ul,
.adv-image.ads.pages ul,
.col.col2.margin.text-content-page ul{
list-style-type:none;
}


.col.col2.feed-content-page.fullwidth ul li,
.second-text-content-page ul li,
section.conditions ul li,
.second-text-content-page.tools.main-list ul li,
.adv-image.ads.pages ul li,
.col.col2.margin.text-content-page ul li{
padding: 4px 0 4px 24px;
background: url(../img/png/style-li.png) 0 8px no-repeat;
background-size: 18px;
text-align: left;
font-size: 14px;
color: #666;
}

.col.col3.margin.text-content-page.partner ul li{
padding: 4px 0 4px 24px;
background: url(../img/png/style-li2.png) 0 8px no-repeat;
background-size: 18px;
text-align: left;
font-size: 14px;
color: #666;
}








/*
.text-content-general ul li{
padding: 5px 0 5px 25px;
background: url(../img/png/style-li.png) 0 10px no-repeat;
background-size: 18px;
text-align: left;
}
*/






.col.col2.left-Big  .tabs.bottom.pages ul {
padding: 0 0;
}
.second-text-content-page.tools .col.col2.margin.list-tool ul,
.second-text-content-page ul.sub-menu{
list-style-type:none;
padding: 0 0;
}


.col.col2.feed-content-page.fullwidth ul li,
.second-text-content-page ul li,
section.conditions ul li,
.second-text-content-page.tools ul li,
.col.col3.margin.text-content-page.partner ul li,
.adv-image.ads.pages ul li{
font-size: 14px!important;
color:#666;
}

.col.col2.feed-content-page.fullwidth ol,
section.conditions ol,
.col.col3.margin.text-content-page.partner ol,
.adv-image.ads.pages ol,
.col.col2.left-Big ol{
list-style-type:decimal;
padding: 0 20px;
}

.col.col2.feed-content-page.fullwidth ol li,
section.conditions ol li,
.col.col3.margin.text-content-page.partner ol li,
.adv-image.ads.pages ol li,
.col.col2.left-Big ol li{
font-size: 14px!important;
color:#666;
}

.col.col2.feed-content-page.fullwidth strong em,
section.conditions strong em,
.col.col3.margin.text-content-page strong em,
.col.col2.left-Big strong em{
font-weight:800!important;
}

.col.col2.feed-content-page.fullwidth em,
section.conditions em,
.adv-image.ads.pages em,
.col.col3.margin.text-content-page em,
.col.col2.left-Big em{
 font-style: italic!important;
}
.col.col2.feed-content-page.fullwidth p,
section.conditions p,
.adv-image.ads.pages p,
.col.col3.margin.text-content-page p,
.col.col2.left-Big p{
margin:10px 0!important;
font-size: 14px;
color:#666;
}

.col.col2.feed-content-page.fullwidth strong,
.col.col2.feed-content-page.fullwidth b,
section.conditions b,
section.conditions strong,
.adv-image.ads.pages  strong,
.adv-image.ads.pages  b,
.col.col3.margin.text-content-page b,
.col.col3.margin.text-content-page strong,
.col.col2.left-Big b, .col.col2.left-Big strong{
font-weight:800!important;
}



/*
.col.col3.margin.text-content-page h1{
font-size:16px;
}

.col.col3.margin.text-content-page h2{
font-size:15px;
}*/


.col.col2.left-Big .video-post-title h2{
font-size:11px;
}

/*
.col.col2.left-Big h3{
font-size:13px!important;
color:#00A6DE!important;
}
*/
.adv-image.ads.pages h4,
.col.col3.margin.text-content-page h4,
.col.col2.left-Big h4{
font-size:15px;
color:#00A6DE;
}

.adv-image.ads.pages h5,
.col.col3.margin.text-content-page h5,
.col.col2.left-Big h5{
font-size:13px;
color:#00A6DE;
}


.adv-image.ads.pages h6,
.col.col3.margin.text-content-page h6,
.col.col2.left-Big h6{
font-size:11px;
color:#00A6DE;
}

.adv-image.ads.pages a,
.col.col3.margin.text-content-page a,
.col.col2.left-Big a{
color:#00A6DE!important;
font-size: 16px;
}

.adv-image.ads.pages blockquote p,
.col.col3.margin.text-content-page blockquote p,
.col.col2.left-Big blockquote p{
font-size:14px;
color: #00A6DE!important;
letter-spacing: 1px!important;
font-style: italic!important;
}
.adv-image.ads.pages table,
.col.col3.margin.text-content-page table,
.col.col2.left-Big table{
width:100%!important;
}

.adv-image.ads.pages table tr,
.col.col3.margin.text-content-page table tr,
.col.col2.left-Big table tr{
border:1px solid #ccc!important;

}
.adv-image.ads.pages table tr td,
.col.col3.margin.text-content-page table tr td,
.col.col2.left-Big table tr td{
border:1px solid #ccc!important;
padding:10px 5px!important;
}

.adv-image.ads.pages  p.blue,
.col.col3.margin.text-content-page p.blue,
.col.col2.left-Big .list-feeds p.blue{
color: #00A6DE!important;
font-weight: 700!important;
font-size:13px;
}

/*@@@@@@@@@@@@*/
.adv-image.ads.pages img{
width:auto;
display:block;
margin:0 auto;
max-width:300px;
height: auto;
}


.col.col2.right-Big .adv-image.ads,
.col.col2.right-Big .adv-image.ads.pages{
height:auto;

}

.col.col2.right-Big .adv-image.ads.pages.bottom{
margin:20px 0;


}

.col.col2.right-Big .adv-image.ads.pages.platform{
margin-top:20px;

}


.col.col2.right-Big .adv-image.ads{
margin-top:0px;
}

.col.col2.right-Big .adv-image.ads.pages.calculator{
margin-top:20px;

}


.col.col2.right-Big .col.col2.margin.feed-content-page .view-more-button h3{
color: #fff!important;
text-align: center!important;
font-size: 14px!important;
font-weight: 800!important;
}


/*@@@@@@@@*/
.adv-image.ads img{
/*width:300px;*/
display:block;
margin:0 auto;

}


.col.col3.header.logo{
padding: 18px 0;

}




.col.col2.right-Big  .col.col3.tab-inside .date-block p, .col.col2.tab-inside .date-block p{
margin:0!important;
font-size: 16px;
color: #fff;
}

/*
.col.col2.right-Big .col.col2.tab-inside.block-content .main-content .text-content p.blue{
font-size: 14px;
margin:0!important;
}
*/


/*
section.conditions p{
margin:10px 0!important;
font-size: 16px;
color:#666
}
section.conditions b, section.conditions strong{
font-weight:800!important;
}

section.conditions h1{
font-size:25px;
color:#00A6DE;
}

section.conditions h2{
font-size:20px;
color:#00A6DE;
}


section.conditions h3{
font-size:18px;
color:#00A6DE;
}


section.conditions h4{
font-size:16px;
color:#00A6DE;
}

section.conditions h5{
font-size:12px;
color:#00A6DE;
}
section.conditions h6{
font-size:10px;
color:#00A6DE;
}*/

section.conditions a{
color:#00A6DE!important;
font-size: 16px;
}

section.conditions blockquote p{
font-size:14px;
color: #00A6DE;
letter-spacing: 1px!important;
font-style: italic!important;
}

section.conditions table{
width:100%!important;
}

section.conditions table tr{
border:1px solid #ccc!important;

}

section.conditions table tr td{
border:1px solid #ccc!important;
padding:10px 5px!important;
}

.contentTextBox{
padding:20px;
}



/*

section.conditions ul li{
margin:0!important;
font-size: 16px;
color:#666!important;
}

section.conditions {
margin:30px 0;
}
*/

section.conditions.sitemap h2{
text-transform:uppercase;
margin-top:50px;
margin-bottom:10px;
}


section.conditions.sitemap ul li{
padding: 5px 0 5px 25px;
background: url(../img/png/calc.png) 0 10px no-repeat;
background-size: 10px;
text-align: left;
}
section.conditions.sitemap ul li a{
color:#999!important;
font-size: 14px!important;
}


.col.col2.left-Big .tab-links a {
font-size:16px!important;
color:#fff!important;
}
.col.col2.left-Big .tab-links li.active a{
color:#007FB1!important;
}

.col.col2.left-Big .col.col2.tab-inside.intro p{
margin:0!important;
}


.tabs.bottom .tab-links li.active a{
color:#007FB1!important;

}

.col.col2.left-Big .title-tool h2{
color: #fff!important;
}


#register  .radio {
width: 25px;
}

#post-format .cat-links a{
font-size:12px!important;
}

.cat-links small.blue-color{
color:#00A6DE;
}

#post-format iframe{
width:100%;
}
/*
#post-format img{
padding:15px;
}
*/

#register .job-title-select.error,
#register .industry-select.error,
#register .name-title-select.error{
border:1px solid red;
}



#form-contact .surname.error,
#form-contact .phone.error,
#form-contact .postcode.error,
#form-contact .email.error,
#form-contact .name.error{
background:url(../img/error.png);
background-position:top 50% right 10px;
background-repeat:no-repeat;
background-size:20px;
background-color: rgba(255,255,255,0.6);
border-radius: 3px;
}




#register .postcode.error,
#register .email.error,
#register .name.error{
background:url(../img/error.png);
background-position:top 50% right 10px;
background-repeat:no-repeat;
background-size:20px;
border:1px solid red;
}

#form-contact img,
#register img{
display:block;
margin:0 auto;
}

section.conditions #register h2 {
text-align:center;
}

.date-block.little {
width: 50px;
height: 50px;
 padding: 4px 5px;
} 

.post-image .date-block.all-feeds p {

font-size: 14px;

}


.video-post-title.latest{


}
.col.col2.list-feeds.video.latest,
.col.col2.thumb-feed.latest{
    margin-bottom: 10px;
}

.col.col2.right-Big .adv-image.ads.bottom {
    margin-bottom: 20px;
}

.col.col2.feed-content-page.fullwidth h3,
section.conditions h3,
.second-text-content-page.tools h3,
.col.col3.margin.text-content-page h3,
.adv-image.ads.pages h3,
.col.col2.margin.feed-content-page h3,
.col.col3.margin.text-content-page h3,
.second-text-content-page h3,
.col.col2.text-content-page h3{
font-size:17px;
color:#00A6DE;
}

.view-more-button a h3,
.col.col2.feed-content-page .view-more-button a h3{
color:#fff!important;
}



.col.col2.feed-content-page.fullwidth h2,
section.conditions h2,
.second-text-content-page.tools h2,
.col.col3.margin.text-content-page h2,
.adv-image.ads.pages h2,
.second-text-content-page h2,
.col.col2.text-content-page h2{
font-size:19px;
font-weight:500!important;
color:#00A6DE;
}

.col.col2.feed-content-page.fullwidth h1,
section.conditions h1,
.second-text-content-page.tools h1,
.col.col3.margin.text-content-page h1,
.adv-image.ads.pages h1,
.second-text-content-page h1,
.col.col2.text-content-page h1{
font-size:22px;
color:#00A6DE;
}



small.date-small{
font-size:10px;
}

#post-format .cat-links .single-cat-anchor a{

text-transform: none!important;
}

.cp-calc-widget form#widgetForm{
width: 500px!important;
}

.tabs.bottom.videos .tab-content {
height: auto;
}


#header ul li.current-menu-item,
#header ul li.current-menu-ancestor{
background-color:#007FB1;
}
		

.second-text-content-page.bottom{
margin-top:20px;


}
		
.col.col2.right-Big .adv-image.ads.pages.top{

margin:0;

}	
		
.block-title-right{
text-align:center;
border: 1px solid #ccc;
padding:20px;
margin:20px 0;
}

.block-title-right h2{
font-size: 18px;
font-family: montserrat;
color: #00A6DE;
text-transform: uppercase;
}

.adv-image.ads.pages img.logos-theme{


}
.col.col2.grid.right{
width: 65%;


}
.col.col2.grid.left{
width: 35%;


}

.col.col2.list-tool .col.col2.grid.left {
    width: 17%;
}

.col.col2.list-tool  .col.col2.grid.right {
    width: 83%;
}
		
span.thumb-feed{
height: 85px;
    width: 130px;
}	
	
	
span.thumb-feed.front-page{
margin-bottom:10px;
}

.widgetForm .linkArea{
opacity:0;
}

.cp-calc-widget{

width:260px;
margin:0 auto;
}

.col.col2.left-Big .text-content p{
font-size:13px;
}


.col.col2.left-Big .col.col2.list-tool .list-feeds p.blue {
    font-size: 16px!important;
}











/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}


.table-info img{
width: 200px;
height: auto;
}


a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}




.col.col3.margin.text-content-page.partner{
height:auto;
word-wrap: break-word;
width:33.33%;
margin-right:0;
}



.col.col3.text-content-page.partner.left-side,
.col.col3.text-content-page.partner.right-side{
border:0;
}
.col.col3.text-content-page.partner.center-side{
border-top:0;
border-bottom:0;
}



.banner-image{
    height: auto;
	margin: 20px 0 30px;
}
.banner-image img{
	width:auto;
	
}

#header ul li#menu-item-4612  ul{
left: -125px!important;
}

#header #menu-item-4612  ul li ul{
left: -250px!important;
}

#header #menu-item-1711 ul li ul{
left: -250px!important;
}

.second-text-content-page .list-tool{
margin:20px 0;
display:inline-block;
width:100%;
}

.second-text-content-page .list-tool .col.col2.grid.left{

    width: 17%;
}
.second-text-content-page .list-tool .col.col2.grid.right{
    width: 83%;

}


.second-text-content-page.tools .list-tool .col.col2.grid.left{

    width: 35%;
}
.second-text-content-page.tools .list-tool .col.col2.grid.right{
    width: 65%;

}



#pop-up-cookie{
position:fixed;
bottom:0;
width:100%;
height:0;
background-color:rgba(0,0,0,0.8);
z-index:13000;
color:#fff;
text-align:center;
opacity:0;
transition: .3s;
-o-transition: .3s;
-ms-transition: .3s;
-moz-transition: .3s;
-webkit-transition: .3s;
}



#pop-up-cookie p{
color:#999;
}

#pop-up-cookie.cookie{
height:100px;
opacity: 1;
cursor:pointer;
transition: .3s;
-o-transition: .3s;
-ms-transition: .3s;
-moz-transition: .3s;
-webkit-transition: .3s;
}



#pop-up-cookie.cookie .content-text-cookie{
padding:20px;
}

.coverHome a {
display:block;
width: 110px;
}


/* -- CALCULATOR PAGE  -- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------- */


.col.col2.feed-content-page.fullwidth,
.col.col2.text-content-page.calculator.fullwidth{
width:100%!important;
}

.col.col2.feed-content-page.fullwidth {
height:auto;
}

.col.col2.text-content-page.calculator.fullwidth{
margin-bottom:20px;
}


/* -- media desktop -- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------- */


#twitter-widget-0{
height:385px!important;
}

#cat-section .col.col2.left-post .post-adv a,
#cat-section .col.col2.left-post .post-image a{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
}

h1.seo{
color: #333;
text-transform: uppercase;
margin-bottom: 20px;
font-size: 14px;
font-weight: 700;
}

h1.seo-parallax{
text-transform: uppercase;
text-align: left;
color: #fff;
font-family: 'Montserrat';
font-size: 30px;
line-height: 30px;
}


#simplr-form .option-field input, #simplr-form .simplr-field input, #simplr-form .option-field select, #simplr-form .simplr-field select{
color:#666;
font-size:14px;
}


.tablepress tfoot th, .tablepress thead th {
background-color:#00A6DE!important;
color: #fff;
}

.publisher {
opacity: 0;
visibility: hidden;
height: 0;
width: 0;
display: block;
overflow: hidden;
}

.error-404{
text-align:center;
padding:50px 0;
}

.error-404 h2.page-title{
margin-bottom:20px;
font-size:25px;
}

.error-404 .page-content p{
margin-bottom:20px;
font-size:20px;
}

.error-404 .page-content .search-form{
width:720px;
    margin: 0 auto;
}

.error-404 .page-content .search-form .search-field{
border:0;
border:1px solid #ccc;
height:35px;
padding-left:10px;
width:80%;
border-radius: 6px;
}

.error-404 .page-content .search-form .search-submit{
border:0;
color:#fff;
background-color:#00A6DE;
width:19%;
border-radius: 6px;
font-family: Montserrat;
font-size: 14px;
height:35px;
}


/* ADs  *************************/


ins.dcmads{
display:block!important;
margin: 0 auto;
}




.col.col2.left-Big a.btn_link{
    width: 300px;
    background-color: #00A6DE!important;
    color: #fff!important;
    height: 50px;
    display: block;
    margin: 0 auto;
    border-radius: 10px;
    text-align: center;
    padding: 13px 0;
	text-transform:uppercase;
	-webkit-box-shadow: 3px 3px 0px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 3px 3px 0px 0px rgba(0,0,0,0.1);
box-shadow: 3px 3px 0px 0px rgba(0,0,0,0.1);
}

.col.col2.left-Big a.btn_link:hover{
	background-color: #333!important;
}






@media screen and (max-width: 1320px) {

.container {
width: 960px;
}

#header ul li:first-child {
margin-left: 1px;
}
#header ul li a {
padding: 5px 24px;
font-size: 12px;
}

.tab-links a {
padding: 5px 109px;
}
.col.col2.left-Big .tab-links a{
font-size:14px!important;
}

.tabs.bottom .tab-links a {
padding: 5px 23px;
}

.tabs.bottom .tab-content {
height: auto;
}
#footer ul li {
padding: 0px 6px;
}
#footer ul li a {
font-size: 10px;
}
p.grey {
font-size: 10px;
}
#footer .logo-main{
width:100%;
} 
#footer .col.col2.left {
width: 80%;
}
#footer .col.col2.right {
width: 20%;
}

.col.col2.post-text-content .title-main {
width: 85%;
}

.text-upper {
    padding: 100px 50px;
}

.view-detail-text{
padding: 80px 50px;

}

.team-desciption {
    padding: 45px 20px;
}

.tab-links li {
    margin: 0 2px;
}







.logo-magazine {
    height: 70px;
}

.col.col2.box-brochure {
    margin-top: 10px;
	    height: 140px;
}

.col.col2.text-magazine-brochure {
    margin-top: 10px;
	    height: auto;
		width:100%;
}


.col.col2.text-magazine-brochure h2 {
    font-size: 14px;
	padding-top: 20px;
}


/*
.view-more-button.brochure{
width: 88%;
margin-left: -44%;
}*/


.view-more-button.brochure h3 {
    font-size: 12px;
}



.essential-feeds {
    height: 275px;
}




.post-text{
padding:15px;

}

.post-text h2{
font-size:12px;

}



.tabs.top .tab-links.pages li a {
    padding: 7px 5px;
    font-size: 10px;
}

.tabs.top .tab-links.pages li {
    width: 20%;
    margin: 0 0px;
}



.post-content-all-feed {
    width: 80%;
}

.col.col3.all-feeds .post-content-all-feed{
width: 100%;

}

.tabs.top .tab-links.pages.x5 li {
    width: 20%;
}


.image-content {
    height: 160px;
}

.col.col2.box-brochure {
    height: 80px;
    background-size: contain;
	width:100%;
}
/*
.col.col3.header.social {
    width: 25%;
}
.col.col3.header.adv {
    width: 50%;
}

.col.col3.header.logo {
    width: 25%;
}
*/


.logo-main {
    width: 315px;
}

.content-social {
    width: 270px;
}

.search-header-form {
    width: 170px;
}
#search {
    width: 170px;
}


.col.col3.header.logo ,
.col.col3.header.adv,
.col.col3.header.social{
width:33.33%;

}

.col.col2.info-text {
    padding: 0px 0 0 15px;
    width: 58%;
}
.col.col2.info-img {
    width: 41%;
}

.col.col2.info-text p {
    font-size: 12px;
}

.post-image {
    height: 130px;
}
.col.col2.tab-inside h2 {
    margin-bottom: 10px;
}

span.list-feeds p.blue, .col.col2.tab-inside p.blue {
	font-size: 13px;
}

.col.col2.margin.feed-content-page {
   height: 500px;
}
.col.col2.margin.text-content-page {
 /* height: 500px; */
  height: auto;
}

span.thumb-feed {
    width: 70px;
}

.calculator-link h3 {
    font-size: 22px;
}
span.calc-text {
    padding: 35px 0;
    top: -44px;
}
.col.col2.right-Big .adv-image {
    height: 220px;
}
.second-text-content-page {
    height: auto;
}

.block-video-feeds span.thumb-feed {
    height: 150px;
    width: 100%;
}

span.list-feeds.video{
    top: 0;
}

.partner-text p.blue{
font-size: 10px;
}

.col.col2.partner {
   width: 100%;
}

/*@@@@@@@*/

.adv-image.ads.pages img,
.adv-image.ads img {
    width: 100%;
}



.col.col2.tab-inside.intro {
    height: 315px;
}

.tab-content {
    height: 345px;
}

.col.col2.left-Big p {
    font-size: 14px;
}

.col.col2.team {
    height: 562px;
}


#form-home {
    height: 230px;
}

#post-format iframe{
width:100%;

}

.col.col2.list-feeds.video.latest,
.col.col2.thumb-feed.latest{
    margin-bottom: 10px;
	    width: 100%!important;
}



span.thumb-feed {
width: 100%;
margin-bottom: 8px;
height: 70px;
}
#header ul {
height: 27px;
}

span.thumb-feed.front-page{
margin-bottom:25px;
}

.image-tab {
    height: 120px;
    width: 120px;
    
}
.tabs.bottom .tab-content.front-page{
	    min-height: 1340px;
}


.col.col3.margin.text-content-page{
height: auto;
}
#calc-feed{
height:auto;
}

#header ul li#menu-item-204  ul{
left: -160px!important
}



#header #menu-item-204  ul li ul{
left: -250px!important;
}

#twitter-widget-0 {
    height: auto!important;
}
.cover-Home .cover-main-text {
    padding: 20px 10px;
}
}







/* -- media ipad -- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (max-width: 1000px) {

.container {
width: 720px;
}

.tab-links a {
padding: 5px 68px;
}
#header ul li a {
padding: 5px 11px;
}
#header ul li a {
font-size: 12px;
}

#header ul li ul li a {
    font-size: 10px;
}
#header ul {
height: 27px;
}

#header ul li:first-child {
margin-left: 7px;
}

#header ul li ul {
width: 210px;
}

.col.col2.tab-inside {
/* height: 320px; */
padding:10px;
height: auto;
}

.tab-content {
height: 350px;
}
.text-content {
padding: 10px;
}
.tabs.bottom .tab-links a {
padding: 5px 47px;
}
.tab-content {
padding: 10px 0px;
}

.col.col2.right-Big .adv-image {
height: 180px;
}
#form-home {
padding: 10px;
}
.essential-feeds {
padding:10px;
margin-top: 2%;
height: 413px;
}

#footer .col.col2.left {
width: 100%;
}
#footer ul {
width:100%;
display:block;
margin:0 auto;
}

#footer p.grey {
text-align: center;
}

#footer .col.col2.right {
width: 100%;
}
#footer .logo-main {
width: 200px;
margin: 0 auto;
float:none;
}

#footer ul li {
padding: 0px 5px;
}

.parallax {
height: 100px;
}

.col.col2.post-text-content .title-main {
width: 80%;
}

.col.col2.post-text-content .title-main h2 {
font-size: 18px;
}

.post-content p {
font-size: 14px
}

.col.col2.image-general {
    height: 150px;
}

.view-detail h5, .text-upper h5 {
    font-size: 30px;
}
.text-content-general p {
    font-size: 14px;
}


.col.col2.general {
    height: 200px;
}
.text-upper {
    padding: 62px 50px;
}
.view-detail-text {
    padding: 53px 50px;
}

.team-desciption {
    padding: 10px 20px;
}

.col.col2.about {
    padding: 10px 10px 50px 10px;
}

.flideo.cloaked iframe {
    height: 250px;
}








.col.col2.text-magazine-brochure,
.col.col2.box-brochure {
width:100%;
float:none;
height: 170px;
}
/*
.col.col2.text-magazine-brochure{
 height: 100px;

}*/
.view-more-button.brochure h3 {
    font-size: 14px;
}
/*
.view-more-button.brochure {
    width: 150px;
    margin-left: -75px;
}
*/

.tabs.top .tab-links.pages li {
    width: 100%;
}

.col.col2.text-content-general.left {
    padding: 0 10px;
}
.post-content-all-feed {
    width: 73%;
}
.tabs.top .tab-links.pages.x5 li {
    width: 100%;
}

.tabs.top .tab-links.pages.x3 li,
.tabs.top .tab-links.pages.x4 li,
.tabs.top .tab-links.pages.x5 li,
.tabs.top .tab-links.pages.x6 li,
.tabs.top .tab-links.pages.x7 li{

width:100%;

}


.post-text p.text{
font-size:13px;
}


.col.col2.box-brochure {
    height: 170px;
    background-size: 85%;
}


.content-social {
    width: 210px;
}

#header .icon.social {
    margin-left: 0px;
}

.col.col3.header.social {
    width: 30%;
}

.col.col3.header.adv {
    width: 40%;
}

.col.col3.header.logo {
    width: 30%;
}
.logo-main {
    width: 100%;
	background-size: 90%;
}
#search,
.search-header-form {
    width: 130px;
}


form#lidd_mc_form{
width:100%;
}

.col.col2.margin.feed-content-page {
    height: 650px;
}

span.thumb-feed {
    width: 100%;
}
span.thumb-feed {
    height: 70px;
}
span.list-feeds {
    top: 0;
}
span.calc-text {
    padding: 15px 0;
    top: -28px;
}

.calc-img {
    margin: 10px;
}
.calculator-link {
    margin-top: 20px;
    width: 100%;
    height: 72px;
}
.calculator-link h3 {
    font-size: 16px;
}

.all-feeds.info {
    padding: 10px;
	height:200px;
}

.info-image {
    width: 50px;
    height: 50px;
}
.col.col2.info-text {
    padding: 0px 0 0 5px;
       width: 73%;

}


.col.col2.info-img {
    width: 27%;
}
.block-video-feeds span.thumb-feed {
    height: 110px;
}

.video-player{
height:350px;
}

.video-player iframe{
height:350px;
}

.img-tool {
    height: 220px;
}

.col.col2.list-tool a {
    font-size: 14px;
    padding: 3px;
}


.col.col2.margin.feed-content-page {
    height: 490px;
}
.col.col2.margin.text-content-page {
    height: auto;
}

.col.col2.team {
    height: 660px;
}/*
#post-format iframe{
height:270px;
}*/
.col.col2.thumb-feed.latest{
    margin-bottom: 10px;
	    width: 100%!important;
}

#form-home h1 {
    font-size: 15px;
}

.tab-content {
    height: 360px;
}
.col.col2.tab-inside.intro {
    height: 345px;
}

#header ul li ul li {
    text-indent: 5px;
}

#header ul li ul {
    width: 200px;
}

.logo-magazine {
    background-size: contain;
}

/* .tabs.bottom .tab-content.front-page{
	    min-height: 1672px;
}
 */

#calc-feed{
display:block;
width:100%;
height:auto;
margin-top:20px;
}
.col.col2.margin.text-content-page.calculator {
    width: 100%;
}


#header ul li#menu-item-4612 ul{
left: -135px!important
}
#header #menu-item-4612 ul li ul{
left: -200px!important;
}


#header #menu-item-1711 ul li ul{
left: -200px!important;
}


.image-content {
    height: 120px;
}

#pop-up-cookie.cookie{
height:auto;

}
#footer ul li {
    padding: 0px 16px;
}


h1.seo-parallax,
.cover-Home .cover-main-text h3 {
    text-align: center;
    font-size: 24px;
}
.banner-image img {
    width: 100%;
    height: auto;
}

.dataTables_wrapper{
overflow-x:auto;
padding: 0 20px;
}

ins.dcmads *,
ins.dcmads iframe{
width:100%!important;
}

}




/* -- media mobile -- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (max-width: 767px) {

html,
body {
overflow: hidden;
overflow-y: auto;
}

.container {
width: auto;
}

.col {
float: none !important;
clear: both !important;
width: auto !important;
margin-right: 0 !important;
}


/* ----------- nav mobile --------------- */

#header .nav-button {
display: block;
}

html.mobile #layout {
}

html.mobile #navm {
left: 0;
opacity: 1;
visibility: visible;
}

html.mobile,
html.mobile body {
overflow: hidden;
}

html.mobile #layout {
margin-left: 220px;
margin-right: -220px;
}

html.mobile #layout .overlay {
opacity: 1;
visibility: visible;
cursor: pointer;
}

html.mobile #layout .overlay:hover {
background: rgba(0,0,0,0.2);
}

.logo-main {
width: 150px;
height: 50px;
margin: 5px 0 0 0px;
top: -20px;
position: relative;
}


.content-social {
width: 90%;
float: none;
display:block;
top: 15px;
margin: 10px auto;
}


#search {
height: 25px;
border-radius: 25px;
}


.col.col3.header {
height: 50px;
}

.search input[type="submit"] {
width: 25px;
height: 25px;
}



#header .icon.social {
width: 20px;
height: 20px;
}

#header #menu-main-menu{
display:none;
}


#header .col.col3.header.adv{

display:none;

}

ul.tab-links {
float: none;
width: 100%;
}


.tab-links li {
    margin: 0 1px;
}


.tab-links a {
padding: 10px ;
display: block;
font-size: 14px;
}

.tabs.bottom .tab-links li{
width: 100%;
}

.tabs.bottom .tab-links li a {
padding: 7px 7px ;
display: block;

}


.col.col2.tab-inside {
height: auto;
}
.tab-content {
height: auto;
}
.view-more-button {
position: relative;
left: 0;
bottom: 0;
margin-left: 0;
margin:10px auto;
}
.col.col2.right-Big .adv-image {
height: 280px;
}


.essential-feeds {
height: auto;
}

#footer ul {
width: auto;
padding: 0 10px;
height: auto;

}
#footer ul li a {
font-size: 11px;
}
#footer ul li {
float: none;
text-align: center;
border:0;
}
#footer ul li:last-child{
margin-bottom:10px;
}
#footer .logo-main {
width: 150px;
position: relative;
top: 0;
}

.essential-feeds .list-feeds {
margin-bottom: 4%;
width: 100%;
}

#footer .col.col2.left {
padding:20px 0 0 0;
}


.col.col2.post-image {
height: 200px;
margin-bottom: 0px;
}

.col.col2.post-text-content .date-block {
position: relative;
top: 0; 
left: 0; 
}
.col.col2.post-text-content .title-main {
width: 100%;
margin-top:10px;
padding: 0 0 10px 0;
}

.col.col2.post-text-content {
margin-bottom: 20px;
}


.nextback {
padding-bottom: 0;
margin-bottom: 0;
}

.nextback a {
padding: 0 25px;
margin-top: 20px;
font-size: 16px;
height: 50px;
line-height: 47px;
margin: 5px;
}
.cover-Home .cover-main-text h3 {
font-size: 20px;
line-height: 30px;
}
.coverHome h2 {
font-size: 24px;
}
.coverHome {
width: 100%;
top: 15%;
left: 0;
padding: 10px 20px;
margin-left:0;
}
.col.col2.image-general {
    margin: 0 0 0 0;
}
.text-upper {
    padding: 62px 10px;
}
.view-detail-text {
    padding: 71px 50px;
}
.text-page-info {
    padding: 10px ;
}

.col.col3.margin.page-info.ico {
    height: 210px;
}
#form-contact {
    padding: 20px 10px 20px 10px;
	    top: 40px;
}

#form-contact input {
    height: 30px;
}
.parallax-effect {
    margin-bottom:20px;
}

#maps{
height:300px;
}


.team-desciption {
    padding: 10px 10px;
}

.col.col2.team {
    height: auto;
	padding: 0 10px 10px 10px;
}

.col.col2.team.img-profile{
height:300px;


}

.col.col2.team p{
font-size:14px;

}

.col.col2.team.bottom {
    margin-bottom: 10px;
}

.col.col2.about {
    padding: 10px 10px 30px 10px;
}

.title-general {
    padding: 35px 10px 10px 10px;
}


.flideo.cloaked iframe {
    height: 250px;
}


.logo-magazine {
    height: 155px;
}

.view-more-button.brochure {
  width: 150px; 
	margin-left: 0; 
	margin: 20px auto;
	position:relative;
	bottom:0;
}

.col.col2.box-brochure {
    background-size: 20%;
}



.post-content-all-feed{

float: none;
width: 100%;
}


.date-block.all-feeds{
left:0;
bottom:0;
}



section.conditions .title-general {
    padding:20px 10px;
}

.content-text-main{
padding:0 10px;

}
#register {
    width: 100%;
	padding:0 10px;
    margin-bottom: 20px;
}

#register table.store-list {
    width: 500px;
    margin-top: 20px;
}

#register .submit{
margin-top:20px;
}

.content-archive .content-list{
padding:0 10px;
}

.col.col2.image-magazine {
    height: 270px;
}

span.thumb-feed {
    height: 160px;
}
.col.col2.margin.feed-content-page {
    height: auto;
}

.col.col2.right-Big .adv-imagebottom{
margin-bottom:20px;
}

.all-feeds.info {
    height: auto;
}

.info-image {
    width: 80px;
    height: 80px;
    margin: 10px auto;
}
.col.col3.all-feeds {
    width: 100%!important;
}

.block-video-feeds span.thumb-feed {
    height:160px!important;
	width:100%!important;
}


.video-player {
    height: 250px;
}
.video-player iframe {
    height: 250px;
}

.disclaimer-page{
padding: 0 10px;

}
.partner-text p.blue {
    font-size: 14px;
}
.partner-img {
    height: 110px;
}

.adv-content-header,
.adv-content-header img {
    display:none;
}

.col.col2.margin.feed-content-page {
    height: auto;
}


#comment{
    width: 100%;

}

.login h1 a {
width:300px!important;
height:100px!important;
background-size: 95%!important;
}
.col.col2.thumb-feed.latest{
    margin-bottom: 10px;
	    width: 100%!important;
}

#home .cycle-slideshow > div {
   /*  height: 200px; */
   padding:40%;
}

#home .cycle-slideshow {
    /* height: 230px; */
}
.col.col2.tab-inside.intro {
    height: auto;
}

.col.col2.text-magazine-brochure, .col.col2.box-brochure {
    height: auto;
}

.col.col2.margin.text-content-page {
    height: auto;
    min-height: 0;
}

.image-content {
    height: 200px;
}
#footer ul li {
    padding: 0;
}

.cover-Home .cover-main-text {
    padding: 15px 10px;
}

h1.seo-parallax,
.cover-Home .cover-main-text h3 {
    text-align: center;
	    line-height: 22px;
}

h1.seo-parallax{
    text-align: center;
    font-size: 16px;
}


.adv-image.ads.pages img,
.adv-image.ads img {
    width: 250px;
}
.tabs.bottom.pages,
.col.col2.right-Big {
    padding: 0 20px;
}
.col.col2.feed-content-page.fullwidth{
margin-bottom:20px;
}

.col.col4.video-post,
.col.col2.tab-inside.block-content {
    width: 49%!important;
    float: left!important;
    clear: none!important;
}

.error-404 .page-content .search-form{
width:90%;
    margin: 0 auto;
}
.error-404 .page-content .search-form .search-field{
    width: 79%;
}
}



@media screen and (max-width: 480px) {

.flideo.cloaked iframe {
    height: 200px;
}/*
#post-format iframe{
height:200px;
}*/


.logo-magazine {
    height: 90px;
}

.col.col2.box-brochure {
    background-size: 60%;
}


#calc-feed{
display:block;
}

.col.col4.video-post,
.col.col2.tab-inside.block-content {
    width: auto!important;
    float: none!important;
    clear: both!important;
}

.adv-image.ads.pages img, .adv-image.ads img {
    width: 100%;
}
}