/* 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													*/
/*------------------------------------------------------------------*/

@font-face {font-family: Roboto-Regular;src: url('Roboto-Regular.ttf');}
@font-face {font-family: Roboto-Bold;src: url('Roboto-Bold.ttf');}
@font-face {font-family: Roboto-Black;src: url('Roboto-Black.ttf');}
@font-face {font-family: Roboto-Italic;src: url('Roboto-Italic.ttf');}
@font-face {font-family: Roboto-LightItalic;src: url('Roboto-LightItalic.ttf');}


:root {
  --primary-color: #00a0dd;
  --secondary-color: #c3282f;
  --third-color: #333;
}

body {font-family: "Roboto-Regular", Arial, Verdana, sans serif;font-size: 18px;color: var(--third-color);margin: 0px;padding: 0px;}
.inv {display: none;}
.clr {clear: both;}

hr {border: none;height: 4px;background:var(--primary-color);margin: 26px 0;}

#mobilemenu, #grip {display:none;}

.default {font-size:16px;text-transform:uppercase;background:var(--primary-color);color:#fff;text-decoration:none;box-sizing:border-box;padding:22px 44px 22px 44px;transition: 0.3s;}

.readmore01 {font-size:16px;text-transform:uppercase;background:var(--primary-color);color:#fff!important;text-decoration:none;box-sizing:border-box;padding:22px 44px 22px 44px;transition: 0.3s;}
.readmore01:hover {background:var(--secondary-color);}

#menu #social a {opacity: 0.6;transition: opacity .25s ease-in-out;-moz-transition: opacity .25s ease-in-out;-webkit-transition: opacity .25s ease-in-out;}

/* default buttons */
.vc_general {font-size:16px!important;padding:22px 54px 22px 54px!important;border:none!important;border-radius:0!important;background-color:var(--secondary-color)!important;color:#fff!important;transition: 0.3s;}
.vc_general:hover {background-color:var(--third-color)!important;}

.datem {padding:0 0 20px 0;color:#999;}



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

.wrap {width: 1380px;margin: auto;position:relative;}

#top {background-color:var(--secondary-color);height:8px;}
#top #topmenu {box-sizing:border-box;padding:10px 0 0 0;}
#top #topmenu ul {list-style:none;}
#top #topmenu ul li {display:inline-block;margin:0 20px 0 0;}
#top #topmenu ul li a {display:inline-block;text-decoration:none;color:var(--primary-color);}
#top #topmenu ul li a:hover {text-decoration:underline;}

#header {height:auto;box-sizing:border-box;padding:5px 0 10px 0;}
#header h1 {width: 200px;height: 95px;top:0;position:relative;}
#header h1 a {background: url(../images/logo_aaf.png) no-repeat;text-indent: -1000em;display: block;width: 100%;height: 100%;background-size:200px 95px;}

#header #mainmenu {padding:0 0 0 0;position:absolute;top:38px;right:35px;}
#header #mainmenu ul {font-family: 'Roboto-Bold', Arial, Verdana, sans serif;}
#header #mainmenu ul li {list-style:none;display:inline-block;margin:0 32px 0 0;position:relative;color:var(--primary-color);}
#header #mainmenu ul li a {text-decoration:none;color:var(--primary-color);font-size:21px;transition: 0.3s;}
#header #mainmenu ul li a:hover {color:var(--secondary-color);}

/*-------dropdown--------*/
#header #mainmenu ul ul {width:auto;box-sizing:border-box;padding: 65px 30px 30px 40px;margin: 0 0 0 0;list-style: none;position: absolute;z-index:847;border-bottom:10px solid var(--primary-color);

    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;
}

#header #mainmenu ul li:hover ul {border-radius:5px;display:block;background: rgba(255, 255, 255, 0.9);margin-top:25px;left: -40px;top: 0;width:404px;-moz-transform: scaleY(1);-ms-transform: scaleY(1);-o-transform: scaleY(1);-webkit-transform: scaleY(1);transform: scaleY(1);}

#header #mainmenu ul li li {height:41px;line-height:40px;display:block;}
#header #mainmenu ul li li a {color:var(--primary-color);}
#header #mainmenu ul li li a:hover {color:var(--secondary-color);}

#header #xsearch {box-sizing:border-box;position:absolute;right:0;top:37px;transition: 0.3s;}
#header #xsearch:hover {opacity:0.7;}

#home-banner {box-sizing:border-box;}
#home-banner .wrap {padding:70px;background:var(--primary-color) url(../images/main_banner.jpg) no-repeat;background-position:center center;box-sizing:border-box;}
#home-banner #options {padding:54px 40px 36px 40px;background:var(--primary-color);width:570px;box-sizing:border-box;font-size:16px;color:#fff;}
#home-banner #options h3 {color:var(--primary-color);font-weight:normal;font-size:30px;margin:0 0 10px 0;}
#home-banner #options p {margin:0 0 20px 0;}
#home-banner #options a {color:#fff;}
#home-banner #options a.button {margin:11px 0 0 0;border-radius:11px;font-size:24px;display:block;width:100%;color:#fff;text-decoration:none;padding: 11px 20px;box-sizing:border-box;transition: 0.4s;background: #005f90;}
#home-banner #options a.button:hover {background: var(--secondary-color);color:#fff;background-position:right 20px top 15px;background-size:26px 26px;}


#sub-banner {background:var(--primary-color);box-sizing:border-box;padding:40px 0 40px;}
#sub-banner h1 {color:#fff;font-weight:normal;}

#content {line-height:28px;}
#content .wrap {box-sizing:border-box;padding:60px 0 60px 0;}

#content .wrap h1 {font-weight:normal;margin:40px 0 40px 0;font-size:42px;color:var(--primary-color);line-height:46px;}
#content .wrap h2 {font-weight:normal;margin:20px 0 20px 0;font-size:36px;color:var(--primary-color);line-height:42px;}
#content .wrap h3 {font-weight:normal!important;margin:40px 0 20px 0;font-size:30px;color:var(--primary-color);line-height:37px!important;}
#content .wrap h3 a {text-decoration:none;}
#content .wrap h4 {font-weight:normal;margin:30px 0 12px 0;font-size:22px;line-height:21px;color:var(--primary-color);}
#content .wrap h5 {font-weight:normal;margin:30px 0 12px 0;font-size:18px;line-height:21px;}
#content .wrap p {margin:0 0 14px 0;}
#content .wrap a {color:var(--primary-color);}
#content .wrap a:hover {color:var(--secondary-color);}

#content .wrap ul, #content .wrap ol {margin:30px 0 20px 0;}
#content .wrap ul li {list-style:square;}

#content .wrap ul.fancy01 {list-style:none;font-size:20px;}
#content .wrap ul.fancy01 li {list-style:none;padding:3px 0 14px 50px;background: url(../images/icon_checkmark.svg) no-repeat 0 0;background-size:33px 33px;}

/*-------search page--------*/
.page-id-24 input#search {box-sizing:border-box;width:100%;border:1px solid #ccc;font-size:20px;padding:12px;}

/*-------news listing --------*/

.category-news h2 {font-size:26px!important;line-height:34px!important;}
.category-news .dateb {color:#888;margin-bottom:12px;}
.category-news .news-item {border-bottom:1px solid #ccc;box-sizing:border-box;margin:0 0 40px 0;padding:0 0 40px 0;}

/* tame home smart show */
.pcp-button-prev:hover, .pcp-button-next:hover {background:var(--primary-color)!important;border:1px solid var(--primary-color)!important;color:#fff;}
.swiper-pagination-bullet-active {background:var(--primary-color)!important;}
.pcp-readmore-link:hover {background:var(--primary-color)!important;color:#fff!important;border:1px solid var(--primary-color)!important;}

#footer {background:#111;color:#fff;padding:90px 0 0 0;}

#footer .col {float:left;width:260px;box-sizing:border-box;margin-left:90px;padding:0 0 90px 0;line-height:27px;}
#footer .col a {color:#fff;text-decoration:none;}
#footer .col a:hover {text-decoration:underline;}

#footer .col .bphone {font-size:20px;padding:17px 0 0;}
#footer .col .bwhatsapp {font-size:20px;padding:17px 0 17px;}
#footer .col .bemail {font-size:20px;}

#footer #social {box-sizing:border-box;padding:33px 0 0 0;}
#footer #social img {opacity:0.7;transition: 0.3s;}
#footer #social img:hover {opacity:1;}

#footer .col h3 {color:#fff;margin-bottom:40px;font-size:30px;font-weight:normal;}
#footer .col ul {list-style:none;}
#footer .col ul li {margin:0 0 20px 0;}
#footer .col ul li a {color:#b6babf;text-decoration:none;transition: 0.3s;}
#footer .col ul li a:hover {color:#fff;}

#footer .col:nth-child(1) {xwidth:350px;margin-left:0;}
#footer .col:nth-child(2) {xwidth:300px;}
#footer .col:nth-child(2) img {opacity:0.41;margin-bottom:5px;width:100%;height:auto;transition: 0.3s;border-radius:4px;}
#footer .col:nth-child(2) img:hover {opacity:9;}
#footer .col:nth-child(2) a.loc {border-radius:4px;background-color:var(--secondary-color);display:block;opacity:0.9;padding:15px 0 15px 0;text-transform:none;text-align:center;background-image: url(../images/icon_location.svg);background-repeat:no-repeat;background-size:30px 30px;background-position:12px 13px}
#footer .col:nth-child(2) a:hover {opacity:1;}

#bottom {border-top:2px solid #ffffff;box-sizing:border-box;padding:20px 0 30px 0;}
#bottom h1 {width: 200px;height: 95px;position:relative;float:left;transition: 0.3s;opacity:0.8;}
#bottom h1:hover {opacity:1;}
#bottom h1 a {background: url(../images/logo_aaf_diapo.png) no-repeat;text-indent: -1000em;display: block;width: 100%;height: 100%;background-size:200px 95px;}
#bottom p {float:right;color:#fff;font-size:14px;padding-top:40px;}
#bottom a {color:#fff;text-decoration:none;transition: 0.3s;}
#bottom a:hover {opacity:0.8;}


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

.wpcf7-form input, .wpcf7-form textarea, .wpcf7-form select {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:var(--secondary-color)!important;cursor:pointer;border:1px solid var(--secondary-color)!important;font-size:24px;text-transform:uppercase;padding:20px;box-sizing: border-box;font-weight:normal;}
.wpcf7-submit:hover {background:var(--primary-color)!important;color:#fff;border:1px solid var(--primary-color)!important;}

/*------------------------------------------------------------------*/
/* media queries													*/
/*------------------------------------------------------------------*/


@media only screen and (min-width: 901px) and (max-width: 1420px) { 

.wrap {width: 1280px;}

}



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

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

#header {height:70px;}
#header h1 {top:0px;left:19px;width: 125px;height: 59px;}
#header h1 a {background-size:125px 59px;}

#top, #header #mainmenu, #header #xsearch {display:none}

#header #mobilemenu {display:block;position:absolute;top:0;left:-1950px;width:100%!important;background: rgba(0, 0, 0, 1);z-index:114;height:auto;padding:30px 0 59px 120px;box-sizing:border-box;}
#header #mobilemenu a {color:#fff;text-decoration:none;display:inline;float:none;}
#header #mobilemenu a:hover {color:var(--secondary-color);}
#header #mobilemenu ul {margin:0 0 0 60px;font-size:18px;color:#fff;}
#header #mobilemenu ul li {list-style:none;font-weight:normal;padding:8px 0;float:none;}
#header #mobilemenu ul ul {margin:5px 0 0 0;padding:10px 0 10px 0;}
#header #mobilemenu ul li li {list-style:circle;border-top:none;font-weight:normal;margin:0 0 10px 18px;padding:0;}

#header #mobilemenu #moblogo {padding:0 0 30px 60px;box-sizing:border-box;}
#header #mobilemenu .tcall {display:inline-block;margin:30px 0 0 60px;font-size:20px;background:url(../images/icon_phone.svg) no-repeat;padding:0 0 0 34px;background-size:20px 20px;}

#grip {right:30px;top:26px;width: 22px;height: 15px;position: absolute;margin: 3px 0 0 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;display:block;cursor:pointer;}
#grip span {background: var(--primary-color);display: block;position: absolute;height: 2px;width: 100%;border-radius: 0;opacity: 1;left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}
#grip span:nth-child(1) {top: 0px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}
#grip span:nth-child(2) {top: 6px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}
#grip span:nth-child(3) {top: 12px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}
#grip.open span:nth-child(1) {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: -3px; left: 3px;}
#grip.open span:nth-child(2) {width: 0%;opacity: 0;}
#grip.open span:nth-child(3) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 12px;left: 3px;}

#home-banner .wrap {padding:40px;background-position:top 0 left 0;}
#home-banner #options {padding:54px 40px 36px 40px;width:100%;box-sizing:border-box;font-size:14px;}
#home-banner #options h3 {font-size:18px;margin:0 0 10px 0;}
#home-banner #options p {margin:0 0 14px 0;}
#home-banner #options .button {margin:8px 0 0 0;}
#home-banner #options .button a {font-size:20px;padding: 7px 18px 9px 18px;background-position:right 20px top 10px;background-size:22px 22px;}
#home-banner #options .button a:hover {background-position:right 20px top 10px;background-size:22px 22px;}
#home-banner #download-app {position:static;right:auto;bottom:auto;margin:20px 0 20px;}
#home-banner #download-app h3 {margin:0 0 17px 0;}

#content .wrap {padding:40px 40px 40px 40px!important;box-sizing:border-box!important;}
#sub-banner .wrap {padding:0 40px 0 40px!important;box-sizing:border-box!important;}

#footer {padding-top:50px;}
#footer .col {float:none;width:100%;padding:30px;margin:0;box-sizing:border-box;}
#footer .col:nth-child(1) {width:100%;margin-left:0;}
#footer .col:nth-child(2) {width:100%;}

#bottom {padding:20px 30px 60px 30px;box-sizing:border-box;}
#bottom h1 {width: 125px;height: 59px;position:relative;float:none;margin-top:20px;}
#bottom h1 a {background-size:125px 59px;}
#bottom p {float:none;padding-top:20px;}

}