/* IMPORT OTHER CSS

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

  @import url('css/reset.css');

  @import url('css/webfonts.css');

  

/* BASE STYLES

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

  body {font-family: 'montserrat-regular', Arial, sans-serif; font-size: 16px; line-height: 24px; color: #424242; v-webkit-font-smoothing: subpixel-antialiased!important;} 

  p {}

  p.pay-off {padding: 25px 0px; text-align: center; color: #f0f0f0;}

  p.contacts {padding: 0px 0px 15px 0px; text-align: center;}

  p.first_paragraph_title{padding: 0px 0px 5px 0px; font-weight: bold; text-align: left;}

  p.paragraph_title {padding: 20px 0px 5px 0px; font-weight: bold; line-height: 24px; text-align: left;}

  p.under_paragraph_title {padding: 10px 0px 5px 0px; font-weight: bold; text-align: left;} 

  a {font-family: 'montserrat-600', Arial, sans-serif; text-decoration: none; color: #424242;}

  a:hover {color: #60aee0;} 

  img {margin: 0; padding: 0; border: 0; width: 100%; height: auto; display: block;}

  

/* BASE HEADINGS                                          

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

  h1 {font-family: 'montserrat-500', Arial, sans-serif; font-size: 36px; line-height: 50px; color: #fff; text-align: center; z-index: 1000;} 

  h1.blue {padding: 30px 0px 20px 0px; font-family: 'montserrat-regular', Arial, sans-serif; font-size: 30px; color: #60aee0; text-align: left;}

  h1.blue-two {padding: 30px 0px 20px 0px; font-family: 'montserrat-regular', Arial, sans-serif; font-size: 30px; color: #60aee0; text-align: center;}

  h2 {padding-bottom: 30px; font-family: 'montserrat-500', Arial, sans-serif; font-size: 36px; line-height: 42px; letter-spacing: 1px; color: #60aee0;}

  h2.blue {padding-top: 30px; padding-bottom: 30px; font-family: 'montserrat-regular', Arial, sans-serif; font-size: 24px; color: #60aee0; text-align: center;} 

  h2.links {padding: 0px 0px 20px 0px; font-family: 'montserrat-regular', Arial, sans-serif; font-size: 24px; color: #60aee0; text-align: left;}

  h2.contacts {padding: 60px 0px 0px 0px; font-family: 'montserrat-regular', Arial, sans-serif; font-size: 30px; color: #60aee0; text-align: center;}

  h3 {padding-top: 30px; font-family: 'montserrat-regular', Arial, sans-serif; font-size: 24px; line-height: 30px; color: #f0f0f0; text-align: center; letter-spacing: 1px;} 

  h4 {font-family: 'montserrat-regular', Arial, sans-serif; color: #60aee0; font-size: 20px; line-height: 26px; text-align: center;}

  h5 {padding-bottom: 10px; font-family: 'montserrat-700', Arial, sans-serif; font-size: 14px; line-height: 20px; color: #083152;}



/* BASE LAYOUT

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

  .wrapper {margin:0 auto; padding:0; border: 0; width: 100%; height: auto; background: none; position: relative;}

  .wrapper.blue {background: #60aee0;}

  .wrapper.white {padding-bottom: 60px; background: #fff;}

  .wrapper.white-extra {background: #fff;}

  .wrapper.grey {background: #f9f9f9;}

  .wrapper.grey-extra {padding-bottom: 60px; background: #f9f9f9;}

  .container {margin:0 auto; padding:0; border: 0; width: 1170px; height: auto; position: relative;}

  

/* BASE CLEAR

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

  .clearfix:after {clear:both; content:""; display:block; font-size:0; height:0; line-height:0; visibility:hidden; width:0;} 

  

/* TOP PAGE

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

  .top-page {margin:0 auto; width:100%; height:40px; font-size: 16px; line-height: 24px; background:#f0f0f0; position:relative; z-index:11;}

  .top-page .phone  {margin-left:0px; width:auto; line-height:40px; background:url('images/icons/phone.png') 0 0 no-repeat; float:left;}

  .top-page .phone .text {margin-left:32px; line-height:40px; color:#aaa; float:right;}

  .top-page .phone span {color:#60aee0; font-family: 'montserrat-500', Arial, sans-serif;}

  .top-page .phone a  {display:none;}

  .top-page .contacts {margin-left:30px; width:auto; line-height:40px; text-indent:32px; background:url('images/icons/contacts.png') 0 0 no-repeat; float:left;}

  .top-page .contacts a {color:#60aee0; font-family: 'montserrat-500', Arial, sans-serif;}

  .top-page .contacts a:hover {color:#424242;}

  .top-page .follow-us  {margin-top:8px; width:auto; height:24px; float:right;}

  .top-page .follow-us span {font-size: 12px; line-height: 24px; color:#aaa;}

  .top-page .follow-us a.facebook {margin-left:8px; width:24px; height:24px; background:url('images/icons/instagram.png') no-repeat left top; float:right; cursor:pointer;}

  .top-page .follow-us a.facebook:hover {background:url('images/icons/instagram-hover.png') no-repeat left top; opacity:0.8;} 

  

/* NAVIGATION MENU

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

  .nav-bar {position:relative; width:100%; height:140px; z-index:1000; background: #FFF;} 

  .menu-horizontal {width:1170px; position:relative; height:140px; margin:0 auto;}

  .menu-horizontal #logo {margin-top:25px; width:471px; height:90px; float:left;}

  .menu-horizontal ul {width:auto; float:right; text-align:right; list-style:none;}

  .menu-horizontal li {margin-left:30px; display:inline-block; position:relative;}

  .menu-horizontal li a {color: #424242; font-size:16px; font-family: 'montserrat-600', Arial, sans-serif; display:block; padding:0; line-height:142px; -webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-ms-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in;}

  .menu-horizontal li.active a {color:#60aee0;}

  .menu-horizontal li a:hover {color:#60aee0;}

  .menu-vertical {display:none;}   



/* FEATURED IMAGE

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

  #featured {width: 100%; height: 100%; top: 0; left: 0; background: url(images/background.jpg) no-repeat center top; position: fixed;  z-index: -1; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} 

  

/* PAY OFF

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

  #pay-off {padding: 400px 0px 150px 0px; position: relative;}  

  

/* COLUMNS

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

  .one-column {padding: 60px 0px; position: relative;}

  .one-column.extra {padding: 15px 0px 0px 0px;}

  .one-column p {padding-bottom: 10px; text-align: justify;}

  .one-column p.sh {padding: 0px 13px 10px 13px;}

  .one-column p.white {color: #fff;}  

  .one-column ul {padding:5px 0px 15px 30px; width:auto; position: relative; clear:both;}

  .one-column ul li {list-style:square; width:auto; text-align:justify;}

  .one-column .img-profile {width: 475px; float: left;}

  .one-column .description-profile {width: 650px; float: right;} 

  .four-columns {margin: 40px 30px 60px 0px; width: 270px; height: auto; float: left;}

  .four-columns.last {margin: 40px 0px 60px 0px; float: right;}

  .four-columns p {padding: 5px 0px; color: #f0f0f0; font-size: 16px; line-height: 22px; text-align: center;}

  .four-columns .icon {margin: 0px auto; width: 70px;}

  .four-columns a {font-family: 'montserrat-regular', Arial, sans-serif; text-decoration: none; color: #fff; font-weight: bold;}

  .four-columns a:hover {color: #f0f0f0;}

  .four-columns .mobile .number p {padding: 5px 0px; color: #ccc; text-align: center;}

  .four-columns .mobile span {font-family: 'montserrat-600', Arial, sans-serif; color: #f0f0f0;}

  .four-columns .mobile a {display: none;}

  

  .page-contacts-four-columns {margin: 10px 30px 0px 0px; width: 270px; height: auto; float: left;}

  .page-contacts-four-columns.last {margin: 10px 0px 30px 0px; float: right;}

  .page-contacts-four-columns p {padding: 5px 0px; color: #424242; font-size: 16px; line-height: 22px; text-align: center;}

  .page-contacts-four-columns .icon {margin: 0px auto; width: 70px;}

  .page-contacts-four-columns a {font-family: 'montserrat-regular', Arial, sans-serif; text-decoration: none; color: #60aee0; font-weight: bold;}

  .page-contacts-four-columns a:hover {color: #424242;}

  .page-contacts-four-columns .mobile .number p {padding: 5px 0px; color: #ccc; text-align: center;}

  .page-contacts-four-columns .mobile span {font-family: 'montserrat-600', Arial, sans-serif; color: #424242;}

  .page-contacts-four-columns .mobile a {display: none;}

  

  p.paragraph {padding:10px 0px;font-size:12px;line-height:18px;text-align:justify;color:#fff;}

  p.paragraph.first {padding:30px 0px 10px 0px;}

  p.paragraph.last {padding:10px 0px 60px 0px;}  

  p.paragraph.first-last {padding:0px 0px 60px 0px;}

  .extra {padding-bottom: 30px; width: 100%; height: auto;}    



/* TOGGLE SHOW/HIDE

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

  .showhideinfoone {margin-bottom: 20px; width: 100%; float: left;} 

  .toggleone {margin-bottom: 15px; height:40px; width:100%; background: #f7f7f7 url('images/icons/plus.png') center right no-repeat; color: #424242; text-indent: 14px; line-height: 40px; font-weight: bold; font-size: 16px;  float: left; cursor: pointer;}

  .toggleone.expandedone {width: 100%; height:40px; background: #f0f0f0 url('images/icons/minus.png') center right no-repeat; color: #60aee0; text-indent: 14px; float: left; cursor: pointer;}    

  .showhideinfotwo {margin-bottom: 20px; width: 100%; float: left;} 

  .toggletwo {margin-bottom: 15px; height:40px; width:100%; background: #f7f7f7 url('images/icons/plus.png') center right no-repeat; color: #424242; text-indent: 14px; line-height: 40px; font-weight: bold; font-size: 16px;  float: left; cursor: pointer;}

  .toggletwo.expandedtwo {width: 100%; height:40px; background: #f0f0f0 url('images/icons/minus.png') center right no-repeat; color: #60aee0; text-indent: 14px; float: left; cursor: pointer;}    

  .showhideinfothree {margin-bottom: 20px; width: 100%; float: left;} 

  .togglethree {margin-bottom: 15px; height:40px; width:100%; background: #f7f7f7 url('images/icons/plus.png') center right no-repeat; color: #424242; text-indent: 14px; line-height: 40px; font-weight: bold; font-size: 16px;  float: left; cursor: pointer;}

  .togglethree.expandedthree {width: 100%; height:40px; background: #f0f0f0 url('images/icons/minus.png') center right no-repeat; color: #60aee0; text-indent: 14px; float: left; cursor: pointer;}    

  .showhideinfofour {margin-bottom: 0px; width: 100%; float: left;} 

  .togglefour {margin-bottom: 15px; height:40px; width:100%; background: #f7f7f7 url('images/icons/plus.png') center right no-repeat; color: #424242; text-indent: 14px; line-height: 40px; font-weight: bold; font-size: 16px;  float: left; cursor: pointer;}

  .togglefour.expandedfour {width: 100%; height:40px; background: #f0f0f0 url('images/icons/minus.png') center right no-repeat; color: #60aee0; text-indent: 14px; float: left; cursor: pointer;}      

  

/* SERVICES

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

  .preview-service {border-top: 1px solid #60aee0; padding: 25px 0px; width: 100%; height:auto; display:table;} 

  .preview-service.last {border-bottom: 1px solid #60aee0;} 

  .preview-service-title {width: 90%; display:table-cell; vertical-align:middle;}

  .preview-service-read-more {width: 8%; display:table-cell; vertical-align:middle; font-family: 'montserrat-regular', Arial, sans-serif; font-size: 30px; text-align: right;}

  .preview-service-indent.sx {width: 1%; display:table-cell; vertical-align:middle;}

  .preview-service-indent.dx {width: 1%; display:table-cell; vertical-align:middle;}



/* CONTACT FORM

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

  #contact-form {margin-top: 0px; width: 100%; height: auto; position: relative;} 

  #contact-form div {margin-top: 20px; width: 100%; height: auto; float: left;} 

  #contact-form p.error {font-weight: bold; color: #cc0000; font-size: 14px; line-height: 20px;}   

  #contact-form span label {color: #555; display: block;}

  #contact-form input[type=text] {width: 100%; padding: 12px 20px; margin: 5px 0; box-sizing: border-box; border: 2px solid #ccc; border-radius: 4px; background-color: #f4f4f4; font-size: 18px; line-height: 26px;} 

  #contact-form textarea {width: 100%; height: 150px; padding: 12px 20px; box-sizing: border-box; border: 2px solid #ccc; border-radius: 4px; background-color: #f4f4f4; resize: none;  font-size: 18px; line-height: 26px;}

  #contact-form .container-privacy {display: block; font-size: 14px; line-height: 20px; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}

  #contact-form .container-privacy input {position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}

  #contact-form .checkmark {position: absolute; top: 0; left: 0; height: 25px; width: 25px; border: 2px solid #ccc; border-radius: 4px; background-color: #f4f4f4;}

  #contact-form .container-privacy:hover input ~ .checkmark {background-color: #ccc;}

  #contact-form .container-privacy input:checked ~ .checkmark {background-color: #00a264;}

  #contact-form .checkmark:after {content: ""; position: absolute; display: none;}

  #contact-form .container-privacy input:checked ~ .checkmark:after {display: block;}

  #contact-form .container-privacy .checkmark:after {left: 9px; top: 5px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}  

  #contact-form input[type=submit] {margin-bottom: 60px; width: 100%; font-family: 'montserrat-500', Arial, sans-serif; font-size: 20px; line-height: 26px; background-color: #00a264; border: none; color: white; padding: 16px 32px; text-decoration: none; float: left; border-radius: 4px; cursor: pointer;}

  #contact-form input[type=submit]:hover {background-color: #008251;}

    

/* MODAL POP-UP CONTACT FORM

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

  .white-popup-block-form {background:#fff; padding:20px 30px; text-align:left; max-width:650px; margin:40px auto; font-size: 14px; line-height: 20px; color: #424242; position:relative;}

  .white-popup-block-form h1 {padding: 10px 0px 0px 0px; font-size: 16px; line-height: 22px; text-align: left;}

  .white-popup-block-form p {padding: 5px 0px;}  

  .white-popup-block-form .popup-modal-dismiss {text-decoration: none; margin-top: 20px; padding: 10px 20px; display: block; width: 175px; text-align: center; background: #083152; color: #fff; border-radius: 4px; cursor: pointer;}

  .white-popup-block-form .popup-modal-dismiss:hover {background: #60aee0;}

  #content-modal-window-form {padding: 0px 10px 0px 0px; height: 200px; text-align: justify; overflow: auto;}

  

/* PRIVACY

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

  .privacy {}

  .privacy p {font-size: 14px; line-height: 20px;}

  .privacy p.first_paragraph_title{padding: 0px 0px 5px 0px; font-weight: bold; text-align: left;}

  .privacy p.paragraph_title {padding: 20px 0px 5px 0px; font-weight: bold; line-height: 24px; text-align: left;}

  .privacy p.under_paragraph_title {padding: 10px 0px 5px 0px; font-weight: bold; text-align: left;} 

  .privacy ul {padding:5px 0px 5px 30px; font-size: 12px; float:left; clear:both;}

  .privacy ul li {list-style:square; width:100%; text-align:justify;}

  .privacy a {font-size: 12px; line-height: 18px;}     

  

/* TOP FOOTER========================================================================== */

  #logo-monocromatico {margin:0px auto; padding-top: 60px; width:280px; height:132px; position:relative;} 

    

/* FOOTER

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

  #footer {padding: 30px 0px 30px 0px; background: #fff; width:100%; height: auto; font-family: 'montserrat-600', Arial, sans-serif; font-size: 14px; line-height: 20px; color: #3a3a3a; float: left;}

  #copyright {width: auto; height: auto; line-height: 60px; float: left;}

  #pi {width: auto; height: auto; line-height: 60px; float: left;}

  #cf {margin-left: 7px; width: auto; height: auto; line-height: 60px; float: left;}

  #box-terms {width: auto; height: auto; float: right;}

  .terms {width: auto; height: auto; color: #aaa; line-height: 60px; float: left;} 

  

/* TO TOP PAGE

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

  #toTopPage {width: 40px; height: 40px; background: url(images/toTopPage.png) no-repeat; position: fixed; bottom: 20px; right: 20px; cursor: pointer; display: none; z-index: 99999;}  



  /* ShinyStat TM Free

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

  #shiny-stat-tm-free {width: 100%; height: auto; float: left;}

  #shiny-stat-tm-free #link-shiny-stat-tm-free {width: auto; float: left;} 

  

  

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

  /* NAVIGATION MENU========================================================================== */

  .nav-bar {height:80px;}

  .nav-bar a {text-decoration:none;}

  .menu-horizontal {display:none;}                                                             

  .menu-vertical {margin:0px auto; width:100%; display:block; overflow:hidden;}

  .menu-vertical strong {}

  .menu-vertical #logo {margin:20px 0px 20px 20px; width:230px; height:40px; background:url('images/logo-monocromatico-mobile.png') no-repeat top left; float:left; display:block;}

  .menu-vertical .nav-lista {float:left;width:100%;overflow:hidden;height:0;}

  .menu-vertical .nav-lista li {font-size:12px;float:left;list-style:none;width:100%;background:#fff;border-bottom:1px solid #f4f4f4;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-ms-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in;text-align:center;}

  .menu-vertical .nav-lista li a {display:block; padding:10px 10px; color:#424242;}

  .menu-vertical .nav-lista li.active a {color:#60aee0; text-decoration:none;}

  .menu-vertical .nav-lista li a:hover {color:#60aee0;}

  .menu-vertical .nav-menu {position:relative; color:#424242; display:block; margin:0px 20px 0px 0px; cursor:pointer; float:right; font-size:31px; line-height:80px;}

  .menu-vertical .nav-aperto {height:auto;}

} 



@media screen and (min-width:1024px) and (max-width:1200px) {



/* BASE STYLES

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

  body {font-size: 14px; line-height: 22px;}

  

/* BASE HEADINGS                                          

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

  h1 {font-size: 30px; line-height: 44px;} 

  h1.white {padding-bottom: 24px; font-size: 30px;}

  h1.blue {font-size: 26px;}

  h1.blue-two {font-size: 26px;}

  h2 {font-size: 30px; line-height: 36px;}

  h2.blue {font-size: 22px;} 

  h2.links {font-size: 22px;}

  h2.contacts {font-size: 30px;}  



/* BASE LAYOUT

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

  .container {width: 960px;}

  

/* NAVIGATION MENU

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

  .nav-bar {height:120px;} 

  .menu-horizontal {width:960px; height:120px;}

  .menu-horizontal #logo {margin-top:25px; width:366px; height:70px;}

  .menu-horizontal li {margin-left:18px;}

  .menu-horizontal li a {font-size:14px; line-height:122px;} 

  

/* PAY OFF

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

  #pay-off {padding: 230px 0px 220px 0px;}    

  

/* COLUMNS

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

  .one-column .img-profile {width: 420px;}

  .one-column .description-profile {width: 500px;} 

  .four-columns {margin: 40px 20px 60px 0px; width: 225px; height: auto; float: left;}

  .four-columns.last {margin: 40px 0px 60px 0px; float: right;}      

  .page-contacts-four-columns {margin: 10px 20px 0px 0px; width: 225px;}

  

} 



@media screen and (min-width:768px) and (max-width:1023px) {



/* BASE STYLES

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

  body {font-size: 14px; line-height: 22px;}

  

/* TOP PAGE

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

  .top-page .contacts {display: none;}   



/* BASE LAYOUT

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

  .container {width: 650px;}

  

/* BASE HEADINGS                                          

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

  h1 {font-size: 26px; line-height: 38px;} 

  h1.white {font-size: 24px;}

  h1.blue {padding-bottom: 20px; font-size: 22px;}

  h1.blue-two {font-size: 22px;}

  h2 {font-size: 22px; line-height: 28px;}

  h2.blue {padding-top: 10px; font-size: 20px;} 

  h2.links {font-size: 20px;}

  h2.contacts {font-size: 22px;} 

  h3 {font-size: 18px; line-height: 24px;} 

  h4 {font-size: 18px; line-height: 24px;}

  h5 {font-size: 14px; line-height: 20px;}  

  

/* PAY OFF

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

  #pay-off {padding: 300px 0px 200px 0px; position: relative;} 

  

/* COLUMNS

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

  .one-column .img-profile {width: 210px;}

  .one-column .description-profile {width: 400px;}

  .one-column.extra {padding: 0px 0px 0px 0px;}

  .four-columns {margin: 20px 0px 35px 0px; width: 100%; height: auto; float: left;}

  .four-columns.last {margin: 20px 0px 35px 0px; float: left;}   

  .page-contacts-four-columns {margin: 20px 0px 35px 0px; width: 100%;}

  .page-contacts-four-columns.last {margin: 20px 0px 35px 0px; float: left;}

  

/* FOOTER

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

  #footer {font-size: 11px; line-height: 17px;}

         

} 





@media screen and (min-width: 480px) and (max-width: 767px) {



/* BASE STYLES

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

  body {font-size: 14px; line-height: 22px;}



/* BASE LAYOUT

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

  .container {width: 420px;}

  

/* BASE HEADINGS                                          

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

  h1 {font-size: 20px; line-height: 30px;} 

  h1.white {font-size: 20px;}

  h1.blue {padding-bottom: 20px; font-size: 18px; line-height: 24px;}

  h1.blue-two {font-size: 18px; line-height: 24px;}

  h2 {font-size: 20px; line-height: 26px;}

  h2.blue {padding-top: 10px; font-size: 16px;} 

  h2.links {font-size: 16px;}

  h2.contacts {font-size: 16px;} 

  h3 {padding: 30px 40px 0px 40px; font-size: 18px; line-height: 22px;} 

  h4 {font-size: 16px; line-height: 22px;}

  h5 {font-size: 16px; line-height: 22px;}  

  

/* TOP PAGE

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

  .top-page .phone span {display: none;}

  .top-page .phone a {color: #60aee0; letter-spacing: 1px; display: inline-block;}

  .top-page .phone a:hover {color: #424242;}

  .top-page .contacts {display: none;}  

  

/* PAY OFF

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

  #pay-off {padding: 130px 0px 70px 0px; position: relative;} 

  

/* COLUMNS

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

  .one-column {padding: 40px 0px;} 

  .one-column .img-profile {width: 420px;}

  .one-column .description-profile {margin-top: 10px; width: 420px; float: left;}

  .one-column.extra {padding: 0px 0px 0px 0px;}

  .one-column p {text-align: left;}

  .one-column p.white {text-align: left;}

  .one-column ul li {text-align:left;}

  .four-columns {margin: 20px 0px 35px 0px; width: 100%; height: auto; float: left;}

  .four-columns.last {margin: 20px 0px 35px 0px; float: left;}

  .four-columns p {font-size: 14px; line-height: 20px;}  

  .four-columns .mobile span {display: none;}

  .four-columns .mobile a {font-family: 'montserrat-600', Arial, sans-serif; letter-spacing: 1px; display: inline-block;}

  .four-columns .mobile a:hover {color: #fff;}  

  .page-contacts-four-columns {margin: 20px 0px 35px 0px; width: 100%;}

  .page-contacts-four-columns.last {margin: 20px 0px 35px 0px; float: left;}

  .page-contacts-four-columns p {font-size: 14px; line-height: 20px; text-align: center;}

  .page-contacts-four-columns .mobile span {display: none;}

  .page-contacts-four-columns .mobile a {font-family: 'montserrat-600', Arial, sans-serif; letter-spacing: 1px; display: inline-block;}

  .page-contacts-four-columns .mobile a:hover {color: #fff;}  

  p.paragraph {font-size:10px; line-height:16px; text-align: left;}

  

/* TOGGLE SHOW/HIDE

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

  .toggleone {font-size: 14px;}

  .toggletwo {font-size: 14px;}

  .togglethree {font-size: 14px;}

  .togglefour {font-size: 14px;}

  

/* CONTACT FORM

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

  #contact-form {display: none;}   

  

/* FOOTER

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

  #footer {padding: 15px 0px 30px 0px; font-size: 12px; line-height: 18px;}

  #copyright {font-size: 10px; line-height: 16px;}

  #pi {font-size: 10px; line-height: 16px;}

  #cf {font-size: 10px; line-height: 16px;}

  #box-terms {width: 100%; float: left;}

  .terms {width: 100%; text-align: center;}

  

} 



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



/* BASE STYLES

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

  body {font-size: 14px; line-height: 22px;}

  p.pay-off {padding-left: 20px; padding-right: 20px; font-size: 16px; line-height: 22px;}

  
/* BASE LAYOUT

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

  .container {width: 300px;}

  

/* BASE HEADINGS                                          

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

  h1 {font-size: 20px; line-height: 30px;} 

  h1.white {font-size: 20px;}

  h1.blue {padding-bottom: 20px; font-size: 18px; line-height: 24px;}

  h1.blue-two {font-size: 18px; line-height: 24px;}

  h2 {font-size: 20px; line-height: 26px;}

  h2.blue {padding-top: 10px; font-size: 16px;}

  h2.links {font-size: 16px;}

  h2.contacts {font-size: 16px;}    

  h3 {padding: 30px 40px 0px 40px; font-size: 18px; line-height: 22px;} 

  h4 {font-size: 16px; line-height: 22px;}

  h5 {font-size: 16px; line-height: 22px;}  

  

/* TOP PAGE

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

  .top-page .phone span {display: none;}

  .top-page .phone a {color: #60aee0; letter-spacing: 1px; display: inline-block;}

  .top-page .phone a:hover {color: #424242;}

  .top-page .contacts {display: none;}  

  

/* PAY OFF

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

  #pay-off {padding: 200px 0px 130px 0px; position: relative;} 

  

/* COLUMNS

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

  .one-column {padding: 40px 0px;} 

  .one-column .img-profile {width: 300px;}

  .one-column .description-profile {margin-top: 10px; width: 300px; float: left;}

  .one-column.extra {padding: 0px 0px 0px 0px;}

  .one-column p {text-align: left;}

  .one-column p.white {text-align: left;} 

  .one-column ul li {text-align:left;} 

  .four-columns {margin: 20px 0px 35px 0px; width: 100%; height: auto; float: left;}

  .four-columns.last {margin: 20px 0px 35px 0px; float: left;}

  .four-columns p {font-size: 14px; line-height: 20px;} 

  .four-columns .mobile span {display: none;}

  .four-columns .mobile a {font-family: 'montserrat-600', Arial, sans-serif; letter-spacing: 1px; display: inline-block;}

  .four-columns .mobile a:hover {color: #fff;}

  .page-contacts-four-columns {margin: 20px 0px 35px 0px; width: 100%;}

  .page-contacts-four-columns.last {margin: 20px 0px 35px 0px; float: left;}

  .page-contacts-four-columns p {font-size: 14px; line-height: 20px; text-align: center;}

  .page-contacts-four-columns .mobile span {display: none;}

  .page-contacts-four-columns .mobile a {font-family: 'montserrat-600', Arial, sans-serif; letter-spacing: 1px; display: inline-block;}

  .page-contacts-four-columns .mobile a:hover {color: #fff;}

  p.paragraph {font-size:9px; line-height:15px; text-align: left;}

  

/* TOGGLE SHOW/HIDE

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

  .toggleone {font-size: 14px;}

  .toggletwo {font-size: 14px;}

  .togglethree {font-size: 14px;}

  .togglefour {font-size: 14px;}



/* CONTACT FORM

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

  #contact-form {display: none;}   

  

/* FOOTER

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

  #footer {padding: 15px 0px 30px 0px; font-size: 12px; line-height: 18px;}

  #copyright {font-size: 8px; line-height: 14px;}

  #pi {font-size: 8px; line-height: 14px;}

  #cf {font-size: 8px; line-height: 14px;}

  #box-terms {width: 100%; float: left;}

  .terms {width: 100%; text-align: center;}



}