@media { 

/* Resets */
body,html,ul,ol,li,h1,h2,h3,h4,table,form,p{margin:0;padding:0;}img{border:0;}
textarea {font-family: inherit;font-size: inherit;}
*:focus {outline: 0;}
/*------------------------------------------------------------------*/
/* Default Styles													*/
/*------------------------------------------------------------------*/


body {font-family: Arial, Verdana, sans serif;font-size: 16px;color: #666;margin: 0px;padding: 0px;}
.inv {display: none;}
.clr {clear: both;}

hr {color: #fff; background-color: #fff; border: 4px solid #1c1c2c;border-style: none none solid;margin: 26px 0 26px 0;padding: 0px;}

#mobilemenugrip, #mobilemenu {display:none;}

table.detail {border-collapse:collapse;}
table.detail td {padding:20px 14px 10px 0;}
table.detail tr {border-bottom: 1px solid;}


/*------------------------------------------------------------------*/
/* Layout Styles													*/
/*------------------------------------------------------------------*/

.wrap {width: 1170px;margin: auto;position:relative;box-sizing:border-box;}

#header {height:107px;color:#fff;text-align:center;}
#header h1 {width: 200px;height: 80px;position:absolute;top:13px;}
#header h1 a {background: url(../images/logo.png) no-repeat;text-indent: -1000em;display: block;width: 100%;height: 100%;background-size:200px 80px;}



/*-------menu--------*/
#mainmenu {right:0;top:40px;width:800px;height:42px;margin:0 0 0 0;font-size:16px;position:absolute;color:#555;}
#mainmenu ul {float:right;list-style:none;padding: 0 0 0 0;position:relative;clear:both;}
#mainmenu ul li {text-align:left;list-style:none;display:block;float:left;padding: 0 10px 0 10px;position: relative;margin-right:7px;height:42px;line-height:41px;}
#mainmenu ul li a {text-decoration:none;color:#666;text-transform:uppercase;display:block;width:100%;height:100%;}
#mainmenu ul li a:hover, #mainmenu ul li.current a, #mainmenu ul li.active a {color:#68c3ed;}

/*-------dropdown--------*/
#mainmenu ul ul {width:auto;padding: 38px 30px 28px 40px;margin: 0 0 0 0;list-style: none;position: absolute;z-index:847;

    left: -9999px;
    top: -9999px;

    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    transform: scaleY(0);

    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;

    -moz-transition: -moz-transform 0.2s ease-in-out;
    -ms-transition: -ms-transform 0.2s ease-in-out;
    -o-transition: -o-transform 0.2s ease-in-out;
    -webkit-transition: -webkit-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
}
#mainmenu ul li li.current-menu-item {}
#mainmenu ul li li.current-menu-item a {color:#fff;text-decoration:underline;font-weight:bold;}
#mainmenu ul li li:hover {}
#mainmenu ul li ul, #mainmenu ul ul li  {}
#mainmenu ul li li {margin: 9px 0 0 0;background-color: transparent;float:none;padding:0;}
#mainmenu ul li li a {color:#fff;}
#mainmenu ul li:hover ul {border-radius: 0px 0px 3px 3px;display:block;background: rgba(0, 105, 180, .8);margin-top:42px;left: 0;top: 0;width:350px;-moz-transform: scaleY(1);-ms-transform: scaleY(1);-o-transform: scaleY(1);-webkit-transform: scaleY(1);transform: scaleY(1);}

#mainmenu ul #menu-item-453 {background:#68c3ed url(../images/icon_book.svg) no-repeat;color:#fff!important;box-sizing:border-box;padding:0 16px 0 43px;background-position:10px 8px;background-size:25px 25px;}
#mainmenu ul #menu-item-453 a {color:#fff!important;}
#mainmenu ul #menu-item-453:hover {opacity:0.8;}

#content {padding:0 0 50px;line-height:28px;}
#content .wrap {}
#content p {margin:0 0 12px 0;}
#content a {color:#666;text-decoration:none;}
#content a:hover {color:#68c3ed;}
#content h1 {color:#555;font-family: Arial, Verdana, sans serif;font-size:54px;margin-top:12px;margin-bottom:32px;}
#content h1 a {color:#555;}
#content h2 {color:#555;font-family: Arial, Verdana, sans serif;font-size:44px;margin-top:12px;margin-bottom:42px;}
#content h2 a {color:#555;}
#content h3 {color:#555;font-family: Arial, Verdana, sans serif;font-size:22px;margin-top:22px;margin-bottom:12px;}
#content h3 a {color:#555;}
#content h4 {color:#555;font-family: Arial, Verdana, sans serif;font-size:18px;margin-top:12px;margin-bottom:8px;}
#content h4 a {color:#555;}
#content h5 {color:#555;font-family: Arial, Verdana, sans serif;font-size:14px;margin-top:3px;margin-bottom:10px;}
#content h5 a {color:#555;}

#content ul.checks {margin:20px 0 20px 0;}
#content ul.checks li {list-style:none;background: url(../images/bullet01.png) no-repeat;background-size:18px 18px;padding:0 0 5px 30px;background-position:0 3px;}

#content .aligncenter {display: block;margin-left: auto;margin-right: auto;}

#homeabout {color:#fff;}
#homeabout h3 {color:#fff;font-weight:normal;font-size:36px;}

#features {color:#fff;}


/*------------------------------------------------------------------*/
/* youtube responsive												*/
/*------------------------------------------------------------------*/
.video-container {position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden;margin-bottom:30px;}
.video-container iframe,  .video-container object,  .video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.entry-content img, .entry-content iframe, .entry-content object, .entry-content embed {max-width: 100%;}


#footer {background:#0069b4;color:#fff;padding:80px 0 40px 0;line-height:24px;font-size:16px;border-bottom:30px solid #68c3ed;}
#footer .wrap {}
#footer .col {float:left;width:330px;padding-top:20px;margin-right:30px;box-sizing:border-box;}
#footer .col h3 {margin-bottom:40px;font-weight:normal;font-size:20px;}
#footer .col a {color:#fff;text-decoration:none}
#footer .col a:hover {text-decoration:underline;}
#footer .col ul {list-style:none;}
#footer .col ul li {margin-bottom:6px;}
#footer .col ul li a{color:#fff;text-decoration:none;}
#footer .col ul li a:hover{opacity:0.7;}
#footer .col #social {box-sizing:border-box;padding:28px 0 18px 0;}
#footer .col #social img {margin:0 0 0 5px;}
#footer .col #social img:hover {opacity:0.8;}
#footer .col #credit {box-sizing:border-box;padding:12px 0 0 0;}



/*------------------------------------------------------------------*/
/* Contact form															*/
/*------------------------------------------------------------------*/

.wpcf7-form input, .wpcf7-form textarea {font-size:18px;border:1px solid #999;background:#fcfcfc;padding:20px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;width:100%;box-sizing: border-box;}
.wpcf7-submit {-webkit-appearance: none;margin:12px 0 12px 0;color:#fff;background:#0069b4!important;cursor:pointer;border:1px solid #0069b4!important;font-size:24px;text-transform:uppercase;padding:20px;box-sizing: border-box;font-weight:normal;}
.wpcf7-submit:hover {background:#68c3ed!important;color:#fff;border:1px solid #68c3ed!important;}


}

/*------------------------------------------------------------------*/
/* media mobile														*/
/*------------------------------------------------------------------*/

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


#mainmenu {display:none;}

#mobilemenugrip {display:block;position:absolute;right:30px;top:36px;width:34px;height:21px;text-indent:-1000em;background:url(../images/icon_grip.svg) no-repeat;background-size: 34px 21px;opacity:1;}
#mobilemenu {display:block;}

#mobilemenu {display:block;width:100%;z-index:112;position:absolute;left:-850px;background: rgba(106, 196, 237, 1);color:#0069b4;top:89px;padding:30px 0 20px 0;border-bottom:12px solid #0069b4;}
#mobilemenu a {color:#0069b4;text-decoration:none;}
#mobilemenu ul {margin:0 0 0 0;font-size:26px;}
#mobilemenu ul li {list-style:none;font-weight:normal;padding:5px 0;}
#mobilemenu ul ul {margin:5px 0 0 0;padding:10px 0 10px 0;font-size:20px}
#mobilemenu ul li li{list-style:none;border-top:none;font-weight:normal;margin:0 0 6px 0;padding:0;}

.wrap {width:100%;box-sizing:border-box;padding:30px;}

#header {height:60px;}

#header h1 {width: 120px;height: 58px;top:15px;left:20px;}
#header h1 a {background-size:120px 58px;}

#content h2 {font-size:40px;margin-top:12px;margin-bottom:42px;line-height:42px;}

#footer {padding:50px 0 50px 0;}
#footer .col {float:none;width:100%;box-sizing:border-box;padding:0;text-align:center;}


}
