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

@media (max-width:1500px){
    .welcome a article div span h2{font-size:72px; line-height:72px;}
    .welcome a article div span hr{width:-moz-calc(100% - 16px); width:-webkit-calc(100% - 16px); width:-o-calc(100% - 16px); width:calc(100% - 16px); height:35px; margin:-45px 8px 0px 8px;}
}

@media (max-width:1100px){
    .welcome a article div span h5{font-size:24px; line-height:24px;}
    .welcome a article div span h2{font-size:56px; line-height:56px;}
    .welcome a article div span hr{width:-moz-calc(100% - 10px); width:-webkit-calc(100% - 10px); width:-o-calc(100% - 10px); width:calc(100% - 10px); height:20px; margin:-25px 5px 0px 5px;}
}

@media only screen and (min-width:992px) and (max-width:1200px){
    .navbar .navbar-nav .nav-item{margin-right:25px;}
    .navbar .navbar-nav .nav-item a{font-size:13px;}
    
    .about-image .single-image{width:280px;}
    .about-image .single-image.image-tow{margin-top:-150px;}
    
    .single-services{padding:30px 10px;}
    
    .price .price-content{padding:30px 0px;}
}

@media (max-width:991px){
    .container{width:100% !important; max-width:100% !important;}
    .navbar-toggler{position:absolute; right:0px; top:0px; margin:8px 0px 0px 0px;}
    .navigation.sticky .navbar-toggler{margin:-5px 0px 0px 0px !important;}
    
    .navbar .navbar-nav .nav-item a{display:block !important; color:#FFF !important; text-align:center !important; padding:0px 10px;}
    .navbar .navbar-nav .nav-item a:hover{color:#9d7429 !important; text-align:center !important;}
    .navbar .navbar-nav .nav-item.active a{color:#9d7429 !important; text-align:center !important;}
}

@media (max-width:850px){
    .welcome a{width:100%; height:50%; float:none;}
}

@media only screen and (min-width:768px) and (max-width:991px){
    header .one{width:230px;}
    header .tow{left:40%;}
    header .fore{width:260px;}
    
    .navigation.sticky .navbar-btn{top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);}

    .navbar .navbar-btn{position:absolute; right:70px; top:0px;}
    .navbar .navbar-collapse{width:100%; position:absolute; top:128%; left:0; background-color:#FFF; color:#00343d; text-align:center !important; padding:5px 15px; z-index:9;}
    .navbar .navbar-nav .nav-item{margin:5px 0px;}
    .navbar .navbar-nav .nav-item a{display:block !important; color:#00343d !important; text-align:center !important;}
    .navbar .navbar-nav .nav-item a:hover{color:#9d7429 !important; text-align:center !important;}
    .navbar .navbar-nav .nav-item a.button,
    .navbar .navbar-nav .nav-item a.button:hover{color:#FFF !important;}
    .navbar .navbar-nav .nav-item.active a{color:#9d7429 !important; text-align:center !important;}
    
    .header-banner{height:500px;}
    
    .about-image .single-image{width:400px;}
    
    .contact{height:450px;}
    .map{width:100%; height:450px;}
}

@media (max-width:767px){
    p{font-size:16px;}
    
    .section-title .title{font-size:24px;}
    .section-title .sub-title{font-size:16px;}
    
    header .one{width:180px;}
    header .tow{width:60px; left:60%;}
    header .three{width:90px; bottom:200px;}
    header .fore{width:210px; bottom:-60px;}
    
    .navigation.sticky .navbar-btn{top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);}
    
    .navbar .navbar-nav .nav-item{margin:5px 0px;}
    .navbar .navbar-btn{position:absolute; right:70px; top:0px;}
    .navbar .navbar-collapse{width:100%; position:absolute; left:0px; top:128%; background-color:#FFF; color:#00343d; z-index:9;}
    .navbar .navbar-nav .nav-item{margin:5px 0px;}
    .navbar .navbar-nav .nav-item a{display:block !important; color:#00343d !important; text-align:center !important;}
    .navbar .navbar-nav .nav-item a:hover{color:#9d7429 !important; text-align:center !important;}
    .navbar .navbar-nav .nav-item a.button,
    .navbar .navbar-nav .nav-item a.button:hover{color:#FFF !important;}
    .navbar .navbar-nav .nav-item.active a{color:#9d7429 !important; text-align:center !important;}
    
    .header-banner{height:500px;}    
    .header-banner .banner-content .sub-title{font-size:18px;}
    .header-banner .banner-content .banner-title{font-size:38px;}
    
    .welcome{height:-moz-calc(100% - 346px); height:-webkit-calc(100% - 346px); height:-o-calc(100% - 346px); height:calc(100% - 346px); min-height:400px;}
    
    .about-area{padding-top:30px; padding-bottom:80px;}
    .about-image::before{display:none;}
    .about-image .single-image{width:100%;}
    .about-image .single-image.image-tow{margin-top:0px;}
    .about-image .about-btn{display:block; text-align:center; margin:0px auto;}
    .about-image .about-btn .button span{font-size:28px;}
    .about-image .about-btn .button{font-size:14px; line-height:48px; padding:0px 30px; margin-top:-25px;}
    .about-content .about-welcome{font-size:18px;}
    .about-content .about-title{font-size:26px;}
    
    .services-area{padding-top:75px; padding-bottom:80px;}
    .single-services{padding:30px 10px;}
    
    .testimonial-area{padding-top:80px; padding-bottom:80px;}
    .testimonial-active{padding:30px 15px;}
    
    .project-area,    
    .price-area,    
    .contact-area{padding-top:75px; padding-bottom:80px;}

    .map-area{height:auto;}
    .map{width:100%; height:300px; display:block !important; position:relative; float:none; clear:both;}
    .form{width:100%; height:auto; display:block !important; position:relative; float:none; clear:both;}
	
	footer{text-align:center;}
	footer ul{float:none; text-align:center; margin:0px 0px 15px 0px;}
}

@media (max-height:767px){
    .welcome{min-height:400px;}
}

@media (max-width:700px){
    header .fore{width:210px; display:block; bottom:100px; right:-100px; left:auto;}
    
    .align-items-center{-ms-flex-align:flex-end !important; align-items:flex-end !important;}

    .header-banner{height:350px;}
    .header-banner .banner-image{display:none;}
}

@media only screen and (min-width:576px) and (max-width:767px){
    .about-image::before{display:block;}

    .about-image .single-image{width:360px;}
    .about-image .single-image.image-tow{margin-top:0px;}

    .about-image .about-btn{display:inline-block; text-align:left; margin-left:80px; margin-top:-50px;}
    .about-image .about-btn .button{font-size:14px; line-height:48px; padding:0px 30px; margin-top:-25px;}
}

@media (max-width:680px){
    div.frame{width:440px;}
    div.frame .element{font-weight:300;}
    div.frame .e1{width:80px; height:90px; top:28px; left:215px; font-size:18px; line-height:22px;}
    div.frame .e2{width:140px; height:80px; top:180px; left:170px; font-size:18px; line-height:22px; padding:15px 0px 0px 0px;}
    div.frame .e2 p.add1{width:105px; height:35px; display:block; position:absolute; top:-35px;}
    div.frame .e2 p.add2{border-left:35px solid transparent; border-right:35px solid transparent; border-bottom:35px solid #ededed; top:-35px;}
    div.frame .e3{width:40px; height:45px; top:180px; left:109px; font-size:12px; line-height:16px;}
    div.frame .e4{width:70px; height:85px; top:179px; left:23px; font-size:18px; line-height:22px;}
    div.frame .e5{width:68px; height:78px; top:278px; left:23px; font-size:14px; line-height:18px;}
    div.frame .e6{width:120px; height:125px; top:370px; left:23px; font-size:18px; line-height:22px;}
    div.frame .e7{width:90px; height:165px; top:328px; left:161px; font-size:18px; line-height:22px;}
    div.frame .e8{width:50px; height:45px; top:157px; left:375px; font-size:12px; line-height:16px;}
    div.frame .e9{width:50px; height:110px; top:215px; left:375px; font-size:12px; line-height:16px;}
}

@media (max-width:576px){
    .welcome{height:-moz-calc(100% - 180px); height:-webkit-calc(100% - 180px); height:-o-calc(100% - 180px); height:calc(100% - 180px);}
    .welcome a article div span em{display:inline-block;}
    
    .price,
    .price .price-image,
    .price .price-image img{width:100%;}
    
    footer.home{display:none;}
    footer span{display:block; margin:0px 0px 10px 0px;}
    
    .navigation.home{width:200px; min-height:180px; margin:0px auto;}
    .navbar .logo{max-width:200px;}
    .navbar span.languages{width:200px; top:105px;}
    .navbar .navbar-nav .nav-item.hide{display:block;}
    .navbar .button.webinar{top:130px; left:48px;}
    
    .single-services{padding:15px 10px;}
    .single-services .services-content{margin-top:0px !important;}
    .single-services .services-content p{display:none;}
    .single-services:hover,
    .single-services:active{-webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; transform:none; z-index:9999; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
    .single-services:hover .services-content p{display:block;}
    
    .price-image{display:none;}
    .price .price-content{width:100%;}
    
    .hmb,
    #gallery,
    #testimonial{display:none;}
}

@media (max-width:470px){
    div.frame{width:300px;}
    div.frame .e1{width:55px; height:65px; top:18px; left:145px; font-size:16px; line-height:20px;}
    div.frame .e2{width:95px; height:55px; top:123px; left:115px; font-size:16px; line-height:20px; padding:10px 0px 0px 0px;}
    div.frame .e2 p.add1{width:70px; height:25px; display:block; position:absolute; top:-25px;}
    div.frame .e2 p.add2{border-left:25px solid transparent; border-right:25px solid transparent; border-bottom:25px solid #ededed; top:-25px;}
    div.frame .e3{width:28px; height:32px; top:122px; left:74px; font-size:10px; line-height:14px;}
    div.frame .e3 span{word-wrap:break-word;}
    div.frame .e4{width:45px; height:55px; top:125px; left:17px; font-size:12px; line-height:16px;}
    div.frame .e5{width:45px; height:50px; top:190px; left:17px; font-size:12px; line-height:16px;}
    div.frame .e6{width:80px; height:85px; top:253px; left:17px; font-size:16px; line-height:20px;}
    div.frame .e7{width:65px; height:115px; top:223px; left:108px; font-size:16px; line-height:20px;}
    div.frame .e8{width:35px; height:34px; top:106px; left:255px; font-size:10px; line-height:14px;}
    div.frame .e9{width:35px; height:76px; top:147px; left:255px; font-size:10px; line-height:14px;}
}

@media (max-width:450px){
    .welcome a article div span h5{font-size:18px; line-height:18px;}
    .welcome a article div span h2{font-size:32px; line-height:32px;}
    .welcome a article div span hr{height:10px; margin:-15px 5px 0px 5px;}
    
    .navigation.home{width:180px; min-height:170px;}
    .navbar .logo{max-width:180px;}
    .navbar span.languages{width:180px; top:95px;}
    .navbar .button.webinar{top:120px; left:40px;}
}

@media (max-width:400px){
    .pt-100{padding-top:220px;}
    .header-banner{height:280px;}
    
    .navigation.home{width:180px; min-height:160px;}
    .navbar .logo{max-width:160px;}
    .navbar span.languages{width:160px; top:85px;}
    .navbar .button.webinar{top:110px; left:40px; text-transform:lowercase; padding:0px 10px 2px 10px;}
}