@charset "utf-8";
/* CSS Document */

/*template*/
*{margin:0; padding:0; outline:none; font-family:'Open Sans', sans-serif; }
img,fieldset{border:0px; display:block;}
br.clear, div.clear{clear:both; font-size:0px;}
ul, ol{list-style:none;}
hr, legend{display:none;}
html{width:100%; height:100%; font-size:62.5%;}
body{width:100%; height:100%; overflow-x:hidden; overflow-y:scroll; font-size:16px; font-size:1.6rem; line-height:1.628571; color:#000000; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}

h1, h2, h3, h4, h5, h6{width:100%; height:auto; font-weight:600; line-height:1.2; font-family:'Barlow', sans-serif; color:#005296;}
h1{font-size:35px; font-size:3.5rem; margin:0px 0px 35px 0px;}
h2{font-size:24px; font-size:2.4rem; margin:0px 0px 10px 0px;}
h3{font-size:20px; font-size:2.0rem; margin:0px 0px 10px 0px;}
h3.padding{margin:0px 0px 35px 0px;}
h4{}
h5{}
h6{}

p{margin:0px 0px 35px 0px;}
a, a *{color:#005296; text-decoration:underline;}
a:hover, a:hover *{color:#80a9cb;}
small{font-size:11px;}
.clear{clear:both;}
.content ul,
.content ol{list-style:disc outside; margin:0px 0px 30px 20px;}
.content p:last-of-type{margin:0px;}
blockquote{margin:0px 0px 35px 0px; padding:15px; border:2px solid #88e481; font-size:16px; font-size:1.6rem; color:#1a181b; border-radius:12px; background:#e4f9e2;}

button{-webkit-appearance:none;}

table{}
table td{vertical-align:top; padding:3px 0px;}

header, nav, article, aside, section, footer{display:block !important; overflow:hidden;}
header, section, footer{width:100%; height:auto; position:relative;}

.left{float:left !important;}
.right{float:right !important;}

.video-container{position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden;}
.video-container iframe, .video-container object, .video-container embed {position:absolute; top:0; left:0; width:100%; height:100%;}

/*forms*/
/*text*/
.input-wrapper{position:relative; display:block; margin:0px 0px 45px 0px;}
.input-wrapper label{position:absolute; top:-13px; left:0; font-size:11px; color:#888888; padding:0px 1%; transition:all 0.1s linear; opacity:0; font-weight:bold;}
.input-wrapper label.on{color:#999999;}
.input-wrapper label.show{top:-15px; opacity:1;}
.input-wrapper input{width:98%; height:35px; display:block; color:#1a181b; overflow:hidden; border:none; font-size:15px; font-size:1.5rem; padding:0px 1%; border-bottom:1px solid #eae9e9;}
.input-wrapper input.red{border-bottom:1px solid #d90000;}
.input-wrapper input:focus{border-color:#6db52d; transition:.2s;}
.input-wrapper input.red:focus{border-bottom:1px solid #d90000; transition:.2s;}

/*radio*/
.input-wrapper-radio{position:relative; display:block; margin:0px 0px 45px 0px; padding:0px 1%;}
.input-wrapper-radio .headlabel{position:absolute; top:-25px; opacity:1; left:0; font-size:11px; color:#999999; padding:0px 1%; transition:all 0.1s linear; font-weight:bold;}
.input-wrapper-radio input[type="radio"]:not(:checked), [type="radio"]:checked{position: absolute; left:-9999px;}
.input-wrapper-radio input[type="radio"]:not(:checked) + label, [type="radio"]:checked + label{position:relative; color:#888888; padding:0px 25px; cursor:pointer; font-size:15px; font-size:1.5rem;}
.input-wrapper-radio input[type="radio"]:not(:checked) + label.red, [type="radio"]:checked + label.red{color:#d90000;}
.input-wrapper-radio input[type="radio"]:not(:checked) + label:before,[type="radio"]:checked + label:before,[type="radio"]:not(:checked) + label:after,[type="radio"]:checked + label:after{content: ''; position:absolute;}
.input-wrapper-radio input[type="radio"]:not(:checked) + label:before, [type="radio"]:checked + label:before{left:0; top:0; width:18px; height:18px; background:#ffffff; overflow:hidden; border-radius:15px; transition:background-color .2s;}
.input-wrapper-radio input[type="radio"]:not(:checked) + label:after,[type="radio"]:checked + label:after {width:16px; height:16px; transition:all .2s; border-radius:50%; background:#ffffff; top:0; left:0; border:1px solid #cdd0d6;}
.input-wrapper-radio input[type="radio"]:checked + label:before {background:#cdd0d6;}
.input-wrapper-radio input[type="radio"]:checked + label:after {display:none;}

/*checkbox*/
.input-wrapper-checkbox{position:relative; display:block; padding:0px 1%;}
.input-wrapper-checkbox input[type="checkbox"] {position:absolute; left:-9999px;}
.input-wrapper-checkbox input[type="checkbox"]:not(:checked) + label:before, [type="checkbox"]:checked + label:before, [type="checkbox"]:not(:checked) + label:after, [type="checkbox"]:checked + label:after{content:''; position:absolute;}
.input-wrapper-checkbox input[type="checkbox"] + label:before{top:2px; left:0; width:15px; height:15px; content: ''; cursor: pointer; display:inline-block; border-radius:4px; border:1px solid #8991a8; transition:background-color .2s; background:#ffffff;}
.input-wrapper-checkbox input[type="checkbox"] + label{padding-left:25px; line-height:20px; position:relative; float:left; color:#1a181b; font-size:15px; font-size:1.5rem; }
.input-wrapper-checkbox input[type="checkbox"] + label.red{color:#d90000;}
.input-wrapper-checkbox label a{color:#1a181b;}
.input-wrapper-checkbox label.red a{color:#d90000;}
.input-wrapper-checkbox input[type="checkbox"] + label span{width:986px; font-size:19px; font-weight:normal; color:#86899c; line-height:17px; margin:0px 0px 15px 0px; display:inline-block;}
.input-wrapper-checkbox input[type="checkbox"] + label:last-child{margin:0px 0px 20px 0px;}
.input-wrapper-checkbox input[type="checkbox"] + label:after {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); opacity:0; content:''; position:absolute; width:6px; height:3px; background:transparent; top:6px; left:4px; border:3px solid #8991a8; border-top:none; transition:opacity .1s; border-right:none; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}
.input-wrapper-checkbox input[type="checkbox"] + label:hover::after {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); opacity:0.9;}
.input-wrapper-checkbox input[type="checkbox"]:checked + label:before {background:#8991a8;}
.input-wrapper-checkbox input[type="checkbox"]:checked + label:after {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); opacity:0.9; border-color:#fff;}

/*textarea*/
.input-wrapper-textarea{position:relative; display:block; margin:0px 0px 45px 0px;}
.input-wrapper-textarea label{position:absolute; top:-13px; left:0; font-size:11px; color:#aaa; padding:0px 1%; transition:all 0.1s linear; opacity:0; font-weight:bold;}
.input-wrapper-textarea label.on{color:#999999;}
.input-wrapper-textarea label.show{top:15px; opacity:1;}
.input-wrapper-textarea textarea{width:98%; height:125px; display:block; overflow:hidden; border:none; resize:none; padding:0px 1%; font-family:'Open Sans',Helvetica, sans-serif; font-size:15px; font-size:1.5rem; color:#1a181b; border-bottom:1px solid #eae9e9;}
.input-wrapper-textarea textarea.red{border-bottom:1px solid #d90000;}
.input-wrapper-textarea textarea:focus{border-color:#6db52d; transition:.2s;}
.input-wrapper-textarea textarea.red:focus{border-bottom:1px solid #d90000; transition:.2s;}

/*select*/
.input-wrapper-select{position:relative; background: url('../images/dropdown.png') no-repeat right #FEFEFE; border: #ccc 1px solid; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0px 0px 10px 1px #FEFEFE; box-shadow: inset 0px 0px 10px 1px #FEFEFE;  display:block; margin:0px 0px 45px 0px; padding:0px 1%;}
.input-wrapper-select.red{border:#FF0000 1px solid;}
.input-wrapper-select .headlabel{position:absolute; top:-25px; opacity:1; left:0; font-size:11px; color:#999999; padding:0px 1%; transition:all 0.1s linear; font-weight:bold;}
.input-wrapper-select .selectDefault,
.input-wrapper-select .selectDefault2 { padding-left:8px; font-size:15px; font-size:1.5rem; }
.input-wrapper-select select { opacity:0; filter:alpha(opacity=0); position:absolute; top:0; left:0; width:100%; height:100%; display:block; z-index:101; }
.input-wrapper-select select:focus { outline: none; }

section .orderbuttons{height:auto; margin:35px 0px !important; display:block; box-sizing:border-box;}
section .orderbuttons .button-left{float:left; width:50%;}
section .orderbuttons .button-left input[type=button],
section .orderbuttons .button-left input[type=submit]{border:0px; font-family:'Open Sans',Helvetica, sans-serif; color:#888888; padding:15px 25px; font-weight:bold; font-size:17px; font-size:1.7rem; text-decoration:none; float:left; cursor:pointer; background-color:#fffffff;}
section .orderbuttons .button-right{float:right; width:50%;}
section .orderbuttons .button-right input[type=button],
section .orderbuttons .button-right input[type=submit]{border:0px; font-family:'Open Sans',Helvetica, sans-serif; color:#ffffff; padding:15px 25px; font-weight:bold; font-size:17px; font-size:1.7rem; text-decoration:none; float:right; cursor:pointer; background-color:#6db52d;}

/*header*/
header{height:155px; display:block; box-sizing:border-box; overflow:visible; z-index:100;}
header .logo{width:auto; height:258px; display:block; position:absolute; margin-top:15px !important; box-sizing:border-box;}
header .logo a{width:auto; height:258px; display:block; text-indent:-4000px; background:url('../images/logo-icnails.png') no-repeat left center; background-size:contain;}
header .bar{width:auto; height:120px; display:block; margin-top:35px !important; box-sizing:border-box; float:right; text-align:right;}
header .bar .top{width:auto; height:50px; display:block;}
header .bar .top .contact{width:auto; height:50px; display:block; float:right;}
header .bar .top ol.sociallinks{width:auto; height:50px; display:block; float:right;} 
header .bar .top ol.sociallinks li{width:50px; height:50px; display:block; margin-left:10px; float:left; background:#005296; border-radius:25px;}
header .bar .top ol.sociallinks li a{text-decoration:none;}
header .bar .top ol.sociallinks li a i{width:50px; height:50px; display:block; font-size:24px; font-size:2.4rem; line-height:50px; text-align:center; color:#ffffff; text-decoration:none;}
header .bar .top .contact{padding-right:25px;}
header .bar .top .contact a{font-size:16px; font-size:1.6rem; font-weight:600; font-family:'Barlow', sans-serif; color:#000000; text-decoration:none;}
header .bar .top .contact a:hover{color:#005296;}
header .bar .top .contact-mobile{display:none;}
header .bar .menu-icon{display:none;}
header .bar nav{height:70px; position:relative;}
header .bar nav ul.menu{width:auto; height:25px; display:block; position:absolute; top:25px; right:0px;}
header .bar nav ul.menu li{width:auto; height:25px; display:block; float:left; padding:0px 15px; text-align:right; border-right:2px solid #000000;}
header .bar nav ul.menu li:last-of-type{border:none; padding-right:0px;}
header .bar nav ul.menu li a{font-size:22px; font-size:2.2rem; color:#000000; line-height:25px; font-family:'Barlow', sans-serif; font-weight:600; text-decoration:none;}
header .bar nav ul.menu li.on a,
header .bar nav ul.menu li a:hover{color:#005296;}

/*section*/
section.slider{width:100%; height:600px; position:relative; float:left; padding:0 !important;}
section.slider .slides{width:100%; height:600px; display:block; overflow:hidden;}
section.slider .slides .slide{width:100%; height:600px; position:relative; display:block; float:left; overflow:hidden;}
section.slider-small{width:100%; height:300px; position:relative; float:left; padding:0 !important;}
section.slider-small .slides{width:100%; height:300px; display:block; overflow:hidden;}
section.slider-small .slides .slide{width:100%; height:300px; display:block; float:left; overflow:hidden;}

/*sections*/
section{padding:35px 0px;}

section.content{padding:35px 15px; box-sizing:border-box;}

/*submenu*/
section .submenu{width:auto; height:41px; display:table; margin:0px auto 41px auto; padding:0;}
section .submenu ul{margin:0px !important;}
section .submenu ul li{width:auto; height:41px; overflow:hidden; margin:auto; color:#000000; font-weight:300; float:left;} 
section .submenu ul li a{width:auto; height:41px; display:block; padding:0px 16px; color:#000000; line-height:41px; text-decoration:none;}
section .submenu ul li a:hover{color:#ffffff; background:#005296;}
section .submenu ul li.on a{color:#ffffff; background:#005296;}

/*footer*/
footer{background:#005296; padding:30px 0px; margin-top:70px; overflow:visible;}
footer div p{color:#ffffff;}
footer div p a{color:#ffffff; text-decoration:none;}
footer div p a:hover{color:#80a9cb; text-decoration:none;}
footer .social{width:100%; height:50px; display:block;} 
footer .social ol.sociallinks{width:100%; height:auto; display:block; } 
footer .social ol.sociallinks li{width:50px; height:50px; display:block; float:right; margin-left:10px; background:#ffffff; border-radius:25px;}
footer .social ol.sociallinks li a{text-decoration:none;}
footer .social ol.sociallinks li a i{width:50px; height:50px; display:block; font-size:24px; font-size:2.4rem; line-height:50px; text-align:center; color:#005296; text-decoration:none;}
footer .logo{width:auto; height:210px; display:block; margin-top:-70px !important;}
footer .logo a{width:auto; height:210px; display:block; text-indent:-4000px; background:url('../images/logo-icnails-blue.png') no-repeat left center; background-size:contain;}

.copyright{height:50px; display:block !important; padding:10px 0px 20px 0px !important; background:#005296;}
.copyright .legal{padding:0px 15px; box-sizing:border-box; font-size:13px; font-size:1.3rem; color:#80a9cb; line-height:40px; border-top:3px solid #80a9cb; }
.copyright .legal br{display:none;}
.copyright .legal a{padding-left:20px; color:#80a9cb;}
.copyright .legal span{float:right;}
.copyright .legal span a{padding-left:0px;}

@media only screen and (min-width:1261px)
{
    /*grid*/    
    body{min-width:1260px}.nested{margin:0!important}.container{width:1260px;height:auto;display:block;margin:auto}.grid-1,.grid-10,.grid-11,.grid-12,.grid-2,.grid-3,.grid-4,.grid-5,.grid-6,.grid-7,.grid-8,.grid-9{display:inline;float:left}.pull-1,.pull-10,.pull-11,.pull-2,.pull-3,.pull-4,.pull-5,.pull-6,.pull-7,.pull-8,.pull-9,.push-1,.push-10,.push-11,.push-2,.push-3,.push-4,.push-5,.push-6,.push-7,.push-8,.push-9{position:relative}.container .grid-1{width:105px;margin:0}.container .grid-2{width:210px;margin:0}.container .grid-3{width:315px;margin:0}.container .grid-4{width:420px;margin:0}.container .grid-5{width:525px;margin:0}.container .grid-6{width:630px;margin:0}.container .grid-7{width:735px;margin:0}.container .grid-8{width:840px;margin:0}.container .grid-9{width:945px;margin:0}.container .grid-10{width:1050px;margin:0}.container .grid-11{width:1155px;margin:0}.container .grid-12{width:1260px;margin:0}.first{margin:0 10px 0 0!important}.last{margin:0 0 0 10px!important}.container .prefix-1{padding-left:105px}.container .prefix-2{padding-left:210px}.container .prefix-3{padding-left:315px}.container .prefix-4{padding-left:420px}.container .prefix-5{padding-left:525px}.container .prefix-6{padding-left:630px}.container .prefix-7{padding-left:735px}.container .prefix-8{padding-left:840px}.container .prefix-9{padding-left:945px}.container .prefix-10{padding-left:1050px}.container .prefix-11{padding-left:1155px}.container .suffix-1{padding-right:105px}.container .suffix-2{padding-right:210px}.container .suffix-3{padding-right:315px}.container .suffix-4{padding-right:420px}.container .suffix-5{padding-right:525px}.container .suffix-6{padding-right:630px}.container .suffix-7{padding-right:735px}.container .suffix-8{padding-right:840px}.container .suffix-9{padding-right:945px}.container .suffix-10{padding-right:1050px}.container .suffix-11{padding-right:1155px}.container .push-1{left:105px}.container .push-2{left:210px}.container .push-3{left:315px}.container .push-4{left:420px}.container .push-5{left:525px}.container .push-6{left:630px}.container .push-7{left:735px}.container .push-8{left:840px}.container .push-9{left:945px}.container .push-10{left:1050px}.container .push-11{left:1155px}.container .pull-1{left:-105px}.container .pull-2{left:-210px}.container .pull-3{left:-315px}.container .pull-4{left:-420px}.container .pull-5{left:-525px}.container .pull-6{left:-630px}.container .pull-7{left:-735px}.container .pull-8{left:-840px}.container .pull-9{left:-945px}.container .pull-10{left:-1050px}.container .pull-11{left:-1155px}
}

@media only screen and (min-width: 995px) and (max-width: 1260px) 
{
    /*grid*/
    body{min-width:960px}.nested{margin:0!important}.container{width:960px;height:auto;display:block;margin:auto}.grid-1,.grid-10,.grid-11,.grid-12,.grid-2,.grid-3,.grid-4,.grid-5,.grid-6,.grid-7,.grid-8,.grid-9{display:inline;float:left}.pull-1,.pull-10,.pull-11,.pull-2,.pull-3,.pull-4,.pull-5,.pull-6,.pull-7,.pull-8,.pull-9,.push-1,.push-10,.push-11,.push-2,.push-3,.push-4,.push-5,.push-6,.push-7,.push-8,.push-9{position:relative}.container .grid-1{width:80px;margin:0}.container .grid-2{width:160px;margin:0}.container .grid-3{width:240px;margin:0}.container .grid-4{width:320px;margin:0}.container .grid-5{width:400px;margin:0}.container .grid-6{width:480px;margin:0}.container .grid-7{width:560px;margin:0}.container .grid-8{width:640px;margin:0}.container .grid-9{width:720px;margin:0}.container .grid-10{width:800px;margin:0}.container .grid-11{width:880px;margin:0}.container .grid-12{width:960px;margin:0}.first{margin:0 10px 0 0!important}.last{margin:0 0 0 10px!important}.container .prefix-1{padding-left:80px}.container .prefix-2{padding-left:160px}.container .prefix-3{padding-left:240px}.container .prefix-4{padding-left:320px}.container .prefix-5{padding-left:400px}.container .prefix-6{padding-left:480px}.container .prefix-7{padding-left:560px}.container .prefix-8{padding-left:640px}.container .prefix-9{padding-left:720px}.container .prefix-10{padding-left:800px}.container .prefix-11{padding-left:880px}.container .suffix-1{padding-right:80px}.container .suffix-2{padding-right:160px}.container .suffix-3{padding-right:240px}.container .suffix-4{padding-right:320px}.container .suffix-5{padding-right:400px}.container .suffix-6{padding-right:480px}.container .suffix-7{padding-right:560px}.container .suffix-8{padding-right:640px}.container .suffix-9{padding-right:720px}.container .suffix-10{padding-right:800px}.container .suffix-11{padding-right:880px}.container .push-1{left:80px}.container .push-2{left:160px}.container .push-3{left:240px}.container .push-4{left:320px}.container .push-5{left:400px}.container .push-6{left:480px}.container .push-7{left:560px}.container .push-8{left:640px}.container .push-9{left:720px}.container .push-10{left:800px}.container .push-11{left:880px}.container .pull-1{left:-80px}.container .pull-2{left:-160px}.container .pull-3{left:-240px}.container .pull-4{left:-320px}.container .pull-5{left:-400px}.container .pull-6{left:-480px}.container .pull-7{left:-560px}.container .pull-8{left:-640px}.container .pull-9{left:-720px}.container .pull-10{left:-800px}.container .pull-11{left:-880px}
    
    header .logo{margin-top:0px !important;}
    header .bar .top ol.sociallinks li{width:40px; height:40px; border-radius:20px;}
    header .bar .top ol.sociallinks li a i{width:40px; height:40px; line-height:40px;}
    header .bar nav ul.menu li a{font-size:20px; font-size:2.0rem;}

    section.slider{height:400px;}
    section.slider .slides{height:400px;}
    section.slider .slides .slide{height:400px;}    
    
    footer .social ol.sociallinks li{width:40px; height:40px;border-radius:20px;}
    footer .social ol.sociallinks li a i{width:40px; height:40px;line-height:40px;}    
    footer .logo{margin-top:-105px !important;}
}

@media only screen and (min-width: 785px) and (max-width: 994px) 
{
    /*grid*/
    .container{width:100%!important}.grid-1,.grid-10,.grid-11,.grid-12,.grid-2,.grid-3,.grid-4,.grid-5,.grid-6,.grid-7,.grid-8,.grid-9{display:inline;float:left}.container .grid-1{width:8.333333333333333%;margin:0}.container .grid-2{width:16.66666666666667%;margin:0}.container .grid-3{width:25%;margin:0}.container .grid-4{width:33.33333333333333%;margin:0}.container .grid-5{width:41.66666666666667%;margin:0}.container .grid-6{width:50%;margin:0}.container .grid-7{width:58.33333333333333%;margin:0}.container .grid-8{width:66.66666666666667%;margin:0}.container .grid-9{width:75%;margin:0}.container .grid-10{width:83.33333333333333%;margin:0}.container .grid-11{width:91.66666666666667%;margin:0}.container .grid-12{width:100%;margin:0}.first{margin:0 5px 0 0!important}.last{margin:0 0 0 5px!important}.container .prefix-1{padding-left:8.333333333333333%}.container .prefix-2{padding-left:16.66666666666667%}.container .prefix-3{padding-left:25%}.container .prefix-4{padding-left:33.33333333333333%}.container .prefix-5{padding-left:41.66666666666667%}.container .prefix-6{padding-left:50%}.container .prefix-7{padding-left:58.33333333333333%}.container .prefix-8{padding-left:66.66666666666667%}.container .prefix-9{padding-left:75%}.container .prefix-10{padding-left:83.33333333333333%}.container .prefix-11{padding-left:91.66666666666667%}.container .suffix-1{padding-right:8.333333333333333%}.container .suffix-2{padding-right:16.66666666666667%}.container .suffix-3{padding-right:25%}.container .suffix-4{padding-right:33.33333333333333%}.container .suffix-5{padding-right:41.66666666666667%}.container .suffix-6{padding-right:50%}.container .suffix-7{padding-right:58.33333333333333%}.container .suffix-8{padding-right:66.66666666666667%}.container .suffix-9{padding-right:75%}.container .suffix-10{padding-right:83.33333333333333%}.container .suffix-11{padding-right:91.66666666666667%}.container .push-1{left:8.333333333333333%}.container .push-2{left:16.66666666666667%}.container .push-3{left:25%}.container .push-4{left:33.33333333333333%}.container .push-5{left:41.66666666666667%}.container .push-6{left:50%}.container .push-7{left:58.33333333333333%}.container .push-8{left:66.66666666666667%}.container .push-9{left:75%}.container .push-10{left:83.33333333333333%}.container .push-11{left:91.66666666666667%}.container .pull-1{left:-18.333333333333333%}.container .pull-2{left:-16.66666666666667%}.container .pull-3{left:-25%}.container .pull-4{left:-33.33333333333333%}.container .pull-5{left:-41.66666666666667%}.container .pull-6{left:-50%}.container .pull-7{left:-58.33333333333333%}.container .pull-8{left:-66.66666666666667%}.container .pull-9{left:-75%}.container .pull-10{left:-83.33333333333333%}.container .pull-11{left:-91.66666666666667%}
    body{font-size:14px; font-size:1.4rem;}
    h1{font-size:25px; font-size:2.5rem;}
    h2{font-size:18px; font-size:1.8rem;}
    h3{font-size:16px; font-size:1.6rem;}

    header .logo{margin-top:25px !important;}
    header .logo a{background:url('../images/logo-icnails-small.png') no-repeat top left; background-size:contain;}
    header .bar .top .contact{line-height:30px;}
    header .bar .top .contact a:first-of-type{padding-right:15px;}
    header .bar .top .contact br{display:none;}
    header .bar .top ol.sociallinks li{width:30px; height:30px; border-radius:15px;}
    header .bar .top ol.sociallinks li a i{width:30px; height:30px; font-size:18px; font-size:1.8rem; line-height:30px;}
    header .bar nav ul.menu li a{font-size:18px; font-size:1.8rem;}

    section.slider{height:400px;}
    section.slider .slides{height:400px;}
    section.slider .slides .slide{height:400px;}    
    
    footer div.contact{padding:0px 15px; box-sizing:border-box;}
    footer .social ol.sociallinks li{width:30px; height:30px; border-radius:15px;}
    footer .social ol.sociallinks li a i{width:30px; height:30px; font-size:18px; font-size:1.8rem; line-height:30px;}    
    footer .logo{margin-top:-105px !important;}    
    
    .copyright{height:40px;}

}

@media only screen and (max-width: 784px)
{
    /*grid*/
    body{min-width:0}.nested{margin:0!important}.container{width:100%!important}.grid-1,.grid-10,.grid-11,.grid-12,.grid-2,.grid-3,.grid-4,.grid-5,.grid-6,.grid-7,.grid-8,.grid-9{width:100%;clear:both;float:none;margin:auto;display:inline-block;zoom:1}.grid_1 .grid_1,.grid_10 .grid_1,.grid_10 .grid_10,.grid_10 .grid_2,.grid_10 .grid_3,.grid_10 .grid_4,.grid_10 .grid_5,.grid_10 .grid_6,.grid_10 .grid_7,.grid_10 .grid_8,.grid_10 .grid_9,.grid_11 .grid_1,.grid_11 .grid_10,.grid_11 .grid_11,.grid_11 .grid_2,.grid_11 .grid_3,.grid_11 .grid_4,.grid_11 .grid_5,.grid_11 .grid_6,.grid_11 .grid_7,.grid_11 .grid_8,.grid_11 .grid_9,.grid_12 .grid_1,.grid_12 .grid_10,.grid_12 .grid_11,.grid_12 .grid_12,.grid_12 .grid_2,.grid_12 .grid_3,.grid_12 .grid_4,.grid_12 .grid_5,.grid_12 .grid_6,.grid_12 .grid_7,.grid_12 .grid_8,.grid_12 .grid_9,.grid_2 .grid_1,.grid_2 .grid_2,.grid_3 .grid_1,.grid_3 .grid_2,.grid_3 .grid_3,.grid_4 .grid_1,.grid_4 .grid_2,.grid_4 .grid_3,.grid_4 .grid_4,.grid_5 .grid_1,.grid_5 .grid_2,.grid_5 .grid_3,.grid_5 .grid_4,.grid_5 .grid_5,.grid_6 .grid_1,.grid_6 .grid_2,.grid_6 .grid_3,.grid_6 .grid_4,.grid_6 .grid_5,.grid_6 .grid_6,.grid_7 .grid_1,.grid_7 .grid_2,.grid_7 .grid_3,.grid_7 .grid_4,.grid_7 .grid_5,.grid_7 .grid_6,.grid_7 .grid_7,.grid_8 .grid_1,.grid_8 .grid_2,.grid_8 .grid_3,.grid_8 .grid_4,.grid_8 .grid_5,.grid_8 .grid_6,.grid_8 .grid_7,.grid_8 .grid_8,.grid_9 .grid_1,.grid_9 .grid_2,.grid_9 .grid_3,.grid_9 .grid_4,.grid_9 .grid_5,.grid_9 .grid_6,.grid_9 .grid_7,.grid_9 .grid_8,.grid_9 .grid_9{padding-left:0;padding-right:0}.container .pull_1,.container .pull_10,.container .pull_11,.container .pull_2,.container .pull_3,.container .pull_4,.container .pull_5,.container .pull_6,.container .pull_7,.container .pull_8,.container .pull_9,.container .push_1,.container .push_10,.container .push_11,.container .push_2,.container .push_3,.container .push_4,.container .push_5,.container .push_6,.container .push_7,.container .push_8,.container .push_9{left:0}

    body{font-size:14px; font-size:1.4rem;}
    h1{font-size:25px; font-size:2.5rem;}
    h2{font-size:18px; font-size:1.8rem;}

    header{height:100px; overflow:visible;}
    header .bar .top .contact{display:none;}
    header .bar .top .contact-mobile{display:block; position:absolute; top:39px; right:90px;}
    header .bar .top .contact-mobile a{margin-left:20px;}
    header .bar .top .contact-mobile a i{text-decoration:none !important; color:#80a9cb; font-size:28px; font-size:2.8rem;}
    header .logo{width:45% !important; margin-top:0px; margin-left:15px; float:left; z-index:900;}
    header .logo a{background:url('../images/logo-icnails-small.png') no-repeat top left; background-size:contain; z-index:900;}
    header .top .sociallinks{display:none !important;}
    header .bar{overflow:visible; height:auto;}
    header .bar nav{width:100%; height:auto; display:block; float:none; left:0; top:-800px; position:absolute; -webkit-transform:translateY(-140%); transform:translateY(-140%); -webkit-transition:-webkit-transform 0.5s, visibility 0s 0.5s; transition:transform 0.5s, visibility 0s 0.5s;}
    header .bar nav ul.submenu{width:100%; height:auto; position:relative; float:left; top:unset; right:unset; padding-bottom:35px;}
    header .bar nav ul.submenu li{width:100%; height:35px; display:block; float:left; margin:0px; text-align:center;}
    header .bar nav ul.submenu li a{line-height:35px; color:#ffffff;}
    header .bar nav ul.menu{width:100%; height:auto; display:block; position:relative; float:left; top:unset; right:unset;}
    header .bar nav ul.menu li{width:100%; height:35px; display:block; float:left; margin:0px; text-align:center;}
    header .bar nav ul.menu li a{color:#ffffff;}    
    header .bar nav.open{width:100%; height:auto; display:block; float:none; left:0px; top:100px; z-index:100; position:absolute; padding:60px 0px; margin:0px !important; background:#005296; -webkit-transform:translateY(0%); transform:translateY(0%); -webkit-transition:-webkit-transform 0.5s; transition:transform 0.5s;}
   
    header .bar .menu-icon{width:60px; height:auto; display:block !important; position:absolute; overflow:hidden; top:30px; right:15px; z-index:9999999; cursor:pointer;}
    header .bar .menu-icon .text{opacity:1; line-height:35px; font-family:'tgh-bold'; font-weight:100; -webkit-transition:all .1s ease-in-out; transition:all .1s ease-in-out; line-height:47px; text-transform:uppercase; font-size:19px; color:#fff;}
    header .bar .menu-icon .trigger{width:60px; height:60px; border-radius:0 0 0 4px; padding:11px 10px 7px 10px; box-sizing:border-box; overflow:hidden; float:right;}
    header .bar .menu-icon .trigger span{width:30px; height:6px; border-radius:1px; margin-bottom:3px; display:block; background:#005296; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
    header .bar .menu-icon.close .trigger .bar-1{-ms-transform:translateY(7px) rotate(-45deg); -webkit-transform:translateY(7px) rotate(-45deg); transform:translateY(7px) rotate(-45deg);}
    header .bar .menu-icon.close .trigger .bar-2{opacity:0; visibility:hidden;}
    header .bar .menu-icon.close .trigger .bar-3{-ms-transform:translateY(-11px) rotate(45deg); -webkit-transform:translateY(-11px) rotate(45deg); transform:translateY(-11px) rotate(45deg);}
    header .bar .menu-icon.close .text{opacity:0; -webkit-transition:all .1s ease-in-out; transition:all .1s ease-in-out;}    
    
    section.slider{height:300px;}
    section.slider .slides{height:300px;}
    section.slider .slides .slide{height:300px;}    
    
    footer .contact,
    footer .social{width:100%; padding:0px 15px; box-sizing:border-box;}
    footer .logo{display:none;}

    .copyright .legal{line-height:30px;}
    .copyright .legal span{width:100%; float:left;}
   
}

@media only screen and (max-width: 479px)
{
    /*grid*/
    .container{width:100%!important}.nested{margin:0!important}.container .grid_1,.container .grid_10,.container .grid_11,.container .grid_12,.container .grid_2,.container .grid_3,.container .grid_4,.container .grid_5,.container .grid_6,.container .grid_7,.container .grid_8,.container .grid_9{width:260px}

    body{font-size:12px; font-size:1.2rem;}
    h1{font-size:20px; font-size:2.0rem;}
    h2{font-size:16px; font-size:1.6rem;}    
    h3{font-size:12px; font-size:1.2rem;}    

    header .bar .top .contact{display:none;}
    header .bar .top .contact-mobile{display:none;}
    
    .copyright .legal{text-align:center;}
    .copyright .legal br{display:block;}
    .copyright .legal a{padding-left:0px;}
}