@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:100,100i,300,300i,400,400i,600,600i,700,700i');
/* CSS Document */

/*------------------------------------------
Project Name : Valli - Corporate and Business One Page Responsive HTML Template
Desgined By  : blog_designer
Developed By : Asif Munawar;
Date        :  03/10/18;

Table Of Index
------------------
1. Base css
2. Preloader
3. header
4. About Us
5. Services
6. whyWeChoose
7. portfolio
8. teamWrap
9. blogWrap
10. testimonial
11. counter
12. price
13. brand-section
14. requestCall
15. contactusWrap
16. totop
17. Static Slider
18. Side Bar
19. Archive
20. Photo Bar
21. Tags
22. CommentingArea
23. media

------------------------------------------*/

/*********************************************************
                      Base css
**********************************************************/
*{margin:0; padding:0;}
html, body{width:100%; height:100%; margin:0 auto; padding:0;}
.col-auto{float:none;margin:auto;}
body{font-family:'Open Sans', sans-serif !important; font-weight:400; color:#373737; position:relative;}
#body-wrap{overflow-x:hidden;}
ul, ol{list-style:circle inside; padding:0; margin:0;}
img{max-width:100%;}
h1, h2, h3, h4, h5, h6{font-family: 'Josefin Sans', sans-serif;}
a, a:visited, a:focus, a:active, a:hover{text-decoration:none; outline:none;}
a{transition:0.4s ease-in; -webkit-transition:0.4s ease-in; -moz-transition:0.4s ease-in; -ms-transition:0.4s ease-in; -o-transition:0.4s ease-in;}
h1{margin:0; font-size:42px; text-transform:uppercase; font-weight:400; position:relative; margin-bottom:40px; color: #0a225f;}
h1 span{color:#051429; font-weight:bold;}
h2{font-size:30px; line-height:40px;}
h3{font-size:24px; line-height:34px;}
h4{font-size:20px; line-height:30px;}
h5{font-size:18px; line-height:28px;}
h6{font-size:16px; line-height:26px}
p{font-size:18px; font-weight:400; line-height:25px;}
.text-center p{margin-bottom:35px;}
.white_color{color:#fff !important;}
.affix {width:100%;}
.navbar{-webkit-transition:all 0.6s ease-in-out; transition:all 0.6s ease-in-out; border-radius:0px !important;}
.navbar.affix{ top:0; width:100%;}
.navbar.affix-top{position:static; top:-10px;}
.bg-gray{background-color:#f5f5f5;}
.wt-background{background:#fff;}
.section-title{margin:0; padding-bottom:50px; text-align:center;}
.section-title h3{color:#2B2B2B; position: relative; font-size:40px; margin-top:0px; margin-bottom:50px; text-transform:uppercase; font-weight:400; line-height: 42px; font-family: 'Josefin Sans', sans-serif;}
.section-title h3:after{content:''; background:#FFCC29; height:2px; width:60px; position:absolute;	bottom:-30px; left:50%;	margin-left:-30px;}
.section-title h3 span{color:#FFCC29; font-weight:400;}
.section-title p{max-width:800px; margin:auto;}
.butn_vcolor{margin-top:-35px; margin-right:-15px;}
.slidertext1 span{color:#FFCC29;}

@-webkit-keyframes sk-scaleout {
    0% {-webkit-transform:scale(0);}
    100% {-webkit-transform: scale(1.0); opacity:0;}
}
@keyframes sk-scaleout {
    0%{-webkit-transform:scale(0); transform:scale(0);}
    100%{-webkit-transform: scale(1.0); transform:scale(1.0); opacity: 0;}
}


/*********************************************************
                      Preloader
**********************************************************/
.site-preloader{background-color:#FFCC29; height:100%; left:0; position:fixed; top:0; width:100%; z-index:9999999;}
.site-preloader .spinner{width:60px; height:60px; margin:21.5% auto; background-color:#fff; border-radius:100%; -webkit-animation:sk-scaleout 1.0s infinite ease-in-out; animation:sk-scaleout 1.0s infinite ease-in-out;}


/*********************************************************
                      header
**********************************************************/
.header-top{position:absolute; left:0; top:0; width:100%; z-index:9999999;/* background-color:rgba(0, 0, 0, 0.5);*/}
.header-top nav.navbar.bootsnav{background-color:rgba(0, 0, 0, 0.7)}
.header-top nav.navbar.bootsnav.affix{background-color:#2B2B2B;}
.header-top .navbar{margin-bottom:0px; background-color:transparent; border-color:transparent; margin-bottom:0px;}
.navigationwrape{float:right; margin-top:12px;}
.navbar-default{background-color:transparent; border-color:transparent; margin-bottom:0px;}
.header-top nav.navbar.bootsnav ul>li>a{font-size:14px; color:#fff; font-weight:600; font-family:'Open Sans', sans-serif}
.header-top nav.navbar.bootsnav ul>li>a .phone_text{margin-left:10px; font-size:16px; color:#fff; display:block; margin-top:-9px; border:2px dotted #FFCC29; padding:7px 20px;
 -webkit-transition: all ease-in-out 0.4s; transition:all ease-in-out 0.4s;}
.header-top nav.navbar.bootsnav ul>li>a .phone_text i{margin-right:10px;}
.header-top nav.navbar.bootsnav.affix ul.nav>li>a{}
.header-top nav.navbar.bootsnav ul>li>a:hover, .header-top nav.navbar.bootsnav.affix ul>li>a:hover, .header-top nav.navbar.bootsnav ul.nav>li.active>a{color:#FFCC29; background-color:transparent;}
.header-top .logo {padding: 10px 0px 0px 0px; float: left;}
.header-top .logo a{color:#051429; font-size:36px; font-weight:bold;}
.header-top .logo a:hover{text-decoration:none;}
.header-top .logo a span{color:#FFCC29;}
.header-top .logo-img-res{display:none;}
.header-top nav.navbar.bootsnav.affix .logo a{color:#fff}


/*********************************************************
                      About Us
**********************************************************/
.about-info{padding:40px 0; position:relative;}
.about-info .section-title h3:after{left:0; margin-left:0;}
.about-info .section-title{text-align:left; padding-bottom:15px;}
.about-info .section-title p{padding-bottom:15px;font-size:20px;}
.about-description{margin-top:10px;}
.about-description .team-skills p{margin:0;}
.team-skills .progress{height:4px; overflow:visible; margin-bottom:15px;}
.team-skills .progress-bar{background-color:#FFCC29; position:relative}
.team-skills .progress-bar span{position:absolute; top:-16px; right:-16px; color:#737373; background-color:#f8f8f8;	padding:7.5px 6px; border-radius:50%; box-shadow:0 2px 4.7px .3px rgba(0,0,0,.24)}
.about-img{position:relative; margin-top:14px;}
.about-img img{display: inline-block; position: relative; z-index: 2;}
.about-img:before{content:''; position:absolute; top:-20px; left:-20px; width:100%; height:100%; border:6px solid #FFCC29;}
.single_about{box-shadow:0px 10px 30px 0px rgba(148, 148, 148, 0.2); padding:30px 35px 50px 70px; margin-top:77px; margin-left:-164px; z-index:2; position:relative; background:#fff;}
.about_btn{background:#2B2B2B; border-radius:1px; color:#fff; cursor:pointer; display:inline-block; font-size:15px; font-weight:500; margin-bottom:0; padding:16px 40px; text-align:center; text-transform:uppercase; transition:all 0.3s ease 0s; margin-top:15px; font-family:'Open Sans', sans-serif }
.about_btn:hover{text-decoration:none;}
.s-header-shape{position:absolute; top:-100px; left:-5%; width:110%; height:100px; background-image:url(../images/shap2.png); background-size:cover; z-index:999;}
.s-header-shape-1{position:absolute; top:-97px; left:-5%; width:110%; height:100px; background-image:url(../images/shap-1.png); background-size:cover; z-index:999;}
.s-header-shape-2{position:absolute; top:-100px; left:-5%; width:110%; height:100px; background-image:url(../images/shap-3.png); background-size:cover; z-index:999;}


/*********************************************************
                      Services
**********************************************************/
#services{padding:70px 0px 0px 0px; background:#f9f9f9;}
.serviceList{margin:15px 0px;}
.serviceList ul{list-style:none;}
.serviceList li{list-style:none;margin-bottom:70px;}
.single-item{border:2px solid #e9ecef; padding:0 35px 35px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-out; transition:all 0.3s ease-in-out;}
.single-item:hover{border-radius:5px; border-color:#FFCC29; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; -ms-transition: all 0.5s; transition:all 0.5s;}
.single-item:hover .details h3{color:#FFCC29;}
.single-item:hover .icon{color:#fff;}
.single-item .icon{margin-bottom:10px; display:inline-block; text-align:center;}
.single-item .icon i{font-size:36px; border-radius:3px; margin-top:-40px; border:2px solid #e9ecef; background:#f9f9f9; color:#FFCC29; padding:15px;}
.single-item:hover .icon i{background:#FFCC29; color:#fff; border:2px solid #FFCC29; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; -ms-transition: all 0.5s; transition:all 0.5s;}
.single-item .details{text-align:center;}
.single-item .details h3{font-weight:bold; min-height:60px; line-height:30px; font-size:22px !important; font-family:'Josefin Sans', sans-serif; margin: 12px 0px 10px; text-transform:uppercase; color:#2B2B2B;}
.single-item .details p{font-size:16px; margin: 0; min-height: 100px;}


/*********************************************************
                      whyWeChoose
**********************************************************/
.whychoose-wrap{background:url(../images/choose-bg.jpg) no-repeat top; background-size:cover; padding:100px 0;}
.whychoose-wrap .video img{width:100%;}
.whychoose-wrap .video .matter{text-align:center;}
.whychoose-wrap .video .matter i{font-size:32px; background:#FFCC29; color:#fff; border-radius:50%; width:80px;	height:80px; padding:24px 30px;}
.whychoose-wrap .video .matter h5{font-size:48px; color:#2B2B2B;  font-family: 'Josefin Sans', sans-serif;}
.whychoose-wrap .video .matter h6{margin-top:0px; font-size:64px; color:#FFCC29; font-weight:700; font-family: 'Josefin Sans', sans-serif;}


/*********************************************************
                      portfolio
**********************************************************/
#portfolio{padding:70px 0px}
.portfolio-area .container-filter{margin:10px 0px; padding:0; text-align:center;}
.portfolio-area .container-filter li{list-style:none; display:inline-block; margin-bottom: 10px;}
.portfolio-area .container-filter li a{display:block; padding:11px 20px; text-decoration:none; font-size:16px; position:relative; cursor:pointer; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s; color:#2B2B2B; background:none; font-family: 'Josefin Sans', sans-serif;}
.hvr-link{display:inline-block; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px rgba(0, 0, 0, 0);position:relative; -webkit-transition-property:color; transition-property:color; -webkit-transition-duration:0.3s; transition-duration:0.3s;}
.hvr-link:before{content:""; position:absolute; z-index:-1; top:0; bottom:0; left:0; right:0; background:#fcb80b; -webkit-transform:scaleY(0); transform:scaleY(0);  -webkit-transform-origin:50%; transform-origin:50%; -webkit-transition-property:transform; transition-property:transform; -webkit-transition-duration:0.3s; transition-duration:0.3s;  -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out;}
.hvr-link:hover, .hvr-link:focus, .hvr-link:active{color:#fff !important;}
.hvr-link:hover:before, .hvr-link:focus:before, .hvr-link:active:before{-webkit-transform: scaleY(1); transform: scaleY(1);}
.portfolio-area .container-filter li a.active{background:#fcb80b; color:#fff;}
.portfolio-area .portfolio-posts li{display:inline-block; margin-top: 25px;}
.image_style{-webikt-box-sizing:border-box;	-moz-box-sizing:border-box;	-ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; background:#FFCC29 none repeat scroll 0 0; box-sizing:border-box; color:#fff; display:inline-block; font-family:'Josefin Sans', sans-serif; margin:0; overflow:hidden; position:relative; text-align:center;
width:100%;}
.image_style figcaption{position:absolute; top:0; left:0; width:100%; height:100%; text-align:left;}
.image_style *{-webkit-box-sizing:border-box; box-sizing:border-box;}
.image_style img{width:100%; position:relative; display:block; top:0; opacity:1.0; left:0; -webkit-transition:1.3s ease-in-out; transition:0.4s ease-in-out;}
.image_style_hover figcaption{font-size:1.25em;}
.image_style_hover > .overlay{position:absolute; bottom:0; cursor:pointer; left:0; padding:3em 3em; width:100%; height:100%;}
.image_style_hover > .overlay::before{position:absolute; top:30px; right:50%; bottom:30px; left:50%; border-left:1px solid rgba(255, 255, 255, 0.8); border-right:1px solid rgba(255, 255, 255, 0.8); content:''; opacity:0; background-color:#ffffff; -webkit-transition:all 0.4s; transition:all 0.4s; -webkit-transition-delay:0.6s; transition-delay:0.6s;}
.image_style_hover h2, .image_style_hover p {margin:0 0 5px; opacity:0; -webkit-transition:opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s,-webkit-transform 0.35s,-moz-transform 0.35s,-o-transform 0.35s,transform 0.35s;}
.image_style_hover h2{word-spacing:-0.15em; font-weight:300; text-transform:uppercase; -webkit-transform:translate3d(0%, 100%, 0); transform:translate3d(0%, 100%, 0);
-webkit-transition-delay:0.3s; transition-delay:0.3s;}
.image_style_hover h2 span{font-weight:800;}
.image_style_hover p{-webkit-transition-delay:0s; transition-delay:0s; font-weight:600;}
.image_style_hover a{left:0; right:0; top:0; bottom:0; position:absolute; color:#ffffff;}
.image_style_hover:hover img{opacity:0.35; filter: blur(4px);}
.image_style_hover:hover > .overlay h2{opacity:1; -webkit-transform:translate3d(0%, 0%, 0); transform:translate3d(0%, 0%, 0); -webkit-transition-delay:0.3s; transition-delay:0.3s;}
.image_style_hover:hover > .overlay p{opacity:80; color: #fff; -webkit-transition-delay: 0.6s; transition-delay: 0.6s;}
.image_style_hover:hover > .overlay::before{background:rgba(255, 255, 255, 0); left:30px; right:30px; opacity:1; -webkit-transition-delay:0s; transition-delay:0s;}


/*********************************************************
                      teamWrap
**********************************************************/
#team{padding:70px 0; background:#f9f9f9;}
.teamportfolio{}
.teamportfolio .teamPost li{display:inline-block;}
.teamWrap{position:relative; overflow:hidden; border-radius:5px; cursor:pointer; box-shadow:0px 0px 20px rgba(0,0,0,0.1);}
.team_Wrap img{transition:all 0.25s ease-in-out;}
.team_Wrap::before{position:absolute; content:""; width:150px; left:-250px;	height:30px; background-color:#FFCC29; transform:skew(30deg); z-index:4; box-shadow:-50px 10px 0px 10px rgba(0,0,0,0.5); -webkit-transition:all 0.4s; transition:all 0.4s; -webkit-transition-delay:0.1s; transition-delay:0.1s;}
.team_Wrap::after{position:absolute; content:""; right:-300px; bottom:20px;	padding:30px; width:250px; background-color:#FFCC29; opacity:0.9; transform:skew(30deg); box-shadow:-25px 40px 0px 20px rgba(0,0,0,0.5); transition:all 0.25s ease-in-out; transition-delay:0.2s;}
.team_Wrap .card-name{top:calc(40%); left:0px; right:0px; text-align:center; color:#FFF; font-weight:bold; font-size:21px;	padding:10px 0px; background-color:rgba(0,0,0,0.2);	transform:scale(0, 0); transition:all 0.25s ease-in-out; transition-delay:0.2s;}
.card-icons, .card-name{position:absolute;}
.team_Wrap .card-icons{bottom:40px; right:20px; z-index:7; transform:scale(0, 0); transition:all 0.25s ease-in-out; transition-delay:0.4s;}
.team_Wrap .card-icons .fa{margin:0px 10px; color:#fff;}
.team_Wrap:hover img{filter:blur(2px) brightness(70%);	transform:scale(1.1, 1.1);}
.team_Wrap:hover::before{left:-20px;}
.team_Wrap:hover::after{right:-50px;}
.team_Wrap:hover .card-name{transform:scale(1, 1);}
.team_Wrap:hover .card-icons{transform:scale(1, 1);}


/*********************************************************
                      blogWrap
**********************************************************/
.blogWrapper{position:relative; padding:70px 0; background-size: cover;}
.blogWrap{padding:70px 0;}
.blog-grid{}
.blog-grid ul{list-style:none; padding:0; margin:0;}
.blog-grid li{list-style:none;margin-bottom:30px;}
.blog-grid .blog-inter{background:#fff; padding:20px; border:1px solid #e4e4e4; -webkit-box-shadow:0 4px 10px rgba(0, 0, 0, 0.09); box-shadow:0 4px 10px rgba(0, 0, 0, 0.09);    -webkit-transition:all 0.3s linear 0s; transition:all 0.3s linear 0s;}
.blog-grid .blog-inter:hover{-webkit-box-shadow:0 4px 61px rgba(0, 0, 0, 0.09); box-shadow:0 4px 61px rgba(0, 0, 0, 0.09);}
.blog-grid li:hover img{-webkit-transform:scale(1.5); transform:scale(1.5);}
.blog-grid li .itemHover{ content:""; height:100%; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition:all 0.3s ease 0s;  transition:all 0.3s ease 0s; width:100%; position:absolute; top:0px; left:0px; right:0px; bottom:0px; transform:scale(0); transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease}
.blog-grid li:hover .itemHover{transform:scale(1); opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
.blog-grid .photo-thumb{padding:0; overflow:hidden; position:relative;top:0; -webkit-transition:all ease-in-out 0.4s; transition:all ease-in-out 0.4s;}
.blog-grid .photo-thumb:hover{background:#ffffff;}
.blog-grid .photo-thumb img{width:100%; -webkit-transition:all 0.5s; transition:all 0.5s;}
.blog-grid .photo-thumb .date{font-size:16px; z-index:1; position:absolute; left:80px; right:80px; text-align:center; bottom: 10px; color:#fff; background:#fcb80b; padding:6px 12px;}
.blog-grid h4{font-size:20px; line-height:27px; margin-top:20px; min-height:65px;}
.blog-grid .post-tittle h4 a{color:#000; font-weight:600; text-decoration: none; font-family:'Oswald', sans-serif;}
.blog-grid .post-tittle h4 a:hover{color:#051429;}
.blog-grid .blogDate{list-style:none; display:block;}
.blog-grid .blogDate li{display:inline-block; padding-right:8px; margin-bottom:2px;}
.blog-grid .blogDate li i{color:#fcb80b;}
.blog-grid .blogDate li span{margin-left:5px;}
.blog-grid .blog-inter p a{color:#fcb80b; font-style:italic}
.blog-grid .blog-inter p a:hover{color:#fcb80b;}
	



.style-greens-two{position:relative; overflow:hidden; width:100%; background:#000000; text-align:center; box-shadow:0 0 5px rgba(0, 0, 0, 0.15);}
.style-greens-two *{-webkit-box-sizing:border-box; box-sizing:border-box; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
.style-greens-two img{max-width:100%;}
.style-greens-two div{position:absolute; top:50%; left:50%; border-radius:50%; display:block; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); width:50px; height:50px; opacity:0; box-shadow:0 0 4px rgba(0, 0, 0, 0.3); background:#ffffff;}
.style-greens-two div:before, .style-greens-two div:after{border-radius:50%; content:''; width:50px; height:50px; background:rgba(255, 255, 255, 0.4); position:absolute; top:0; left:0; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
.style-greens-two i{position:absolute; top:0; left:0; font-size:18px; color:#000000; width:50px; height:50px; line-height:50px;}
.style-greens-two a{left:0; right:0; top:0; bottom:0; position:absolute;}
.style-greens-two.green{background-color:#fcb80b;}
.style-greens-two.green i{color:#fcb80b;}
.blog-inter:hover .style-greens-two img, .style-greens-two.hover img{opacity:0.3; -webkit-filter:grayscale(100%); filter:grayscale(100%);}
.blog-inter:hover .style-greens-two div, .style-greens-two.hover div{opacity:1;}
.blog-inter:hover .style-greens-two div:after, .blog-inter:hover .style-greens-two.hover div:after, .blog-inter:hover .style-greens-two div:before, .blog-inter:hover .blog-inter:hover .style-greens-two div:before{-webkit-transition-delay:0.1s; transition-delay:0.1s;}
.blog-inter:hover .style-greens-two div:before, .style-greens-two.hover div:before{-webkit-transform:scale(1.45); transform:scale(1.45);}
.blog-inter:hover .style-greens-two div:after, .style-greens-two.hover div:after{-webkit-transform:scale(1.88); transform:scale(1.88);}


.blog-inter .post-content{padding:20px 5px;}
.blog-inter .post-content .post-title{font-size:21px; font-weight:600; min-height:60px; text-decoration:none; line-height:26px; margin-top:0; color:#FFCC29;
 font-family:'Open Sans', sans-serif}
.blog-inter .post-content .post-title:hover{text-decoration:none;}
.blog-inter .post-content a:hover{text-decoration:none; color:#FFCC29;}
.blog-inter .post-content .post-meta{margin-bottom:20px; border-bottom:1px solid rgba(0, 0, 0, 0.10); padding-bottom:10px;}
.blog-inter .post-content .post-meta ul{margin:0; padding 0;}
.blog-inter .post-content .post-meta ul li{list-style:none; display:inline-block; margin:0 10px; color:#a0a0a0; font-size:14px; font-weight:600;}
.blog-inter .post-content .post-meta ul li:first-child{margin-left:0;}
.blog-inter .post-content .post-meta ul li a{color:#515151; text-decoration: none; transition:.3s ease-in;}
.blog-inter .post-content .post-comments{}
.post_padding{padding: 0px 5px !important;}
.post_padding .post_meta{margin-bottom:8px !important; padding-bottom:7px !important;}
.blog-inter .post-content .post-comments ul{margin:0; padding:0;}
.blog-inter .post-content .post-comments ul li{list-style:none; display:inline-block; color:#a0a0a0;}
.blog-inter .post-content .post-comments ul li:last-child{float: right;}
.blog-inter .post-content .post-comments ul li a{color:#505050; text-decoration:none; transition:.3s ease-in;}
.blog-inter .post-content .post-comments ul li:last-child a{font-size:11px; text-transform:uppercase; padding:5px 10px; background-color:#FFCC29; line-height:5px; font-weight:700;    letter-spacing:1px; color:#fff; border-radius:2px;}
.blog-inter .post-content .post-desc{color:#505050; font-size:16px; line-height:26px;}
.blog-inter .post-content .post-desc p{font-size:14px; line-height:26px;}
.blog-inter .post-content .read-more{font-size:14px; text-transform:uppercase; padding:10px 25px; line-height:23px; font-weight:600; border-radius:2px; color:#515151;
margin-top:20px; display:inline-block; border:1px solid rgba(0, 0, 0, 0.1); transition:.3s ease-in;}



/*********************************************
	  	     inner-heading
*********************************************/
.inner-heading{background:#5d5d5d url(../../imagens/layout/blog-bg.jpg) no-repeat top; background-size:cover; padding:130px 0 65px 0; text-align:center;}
.inner-heading h1 {font-size:36px; font-weight:500; color:#fff; margin:0; font-family:'Josefin Sans', sans-serif;}




/*********************************************
				 Side Bar
*********************************************/
.side-bar{background:#fff; border:1px solid #e4e4e4; padding:20px; margin-bottom:30px;} 
.side-bar .side-barBox{}
.side-bar .side-barTitle{font-size:18px; font-weight:600; color:#666; margin-bottom:20px;}
.side-bar .search{position:relative; margin-bottom:15px;}
.side-bar .search .form-control{border-radius:0; height:auto; padding:10px 12px; border-color:#ddd;}
.side-bar .search .btn{position:absolute; right:0; top:0px; border-radius:0; background:none; font-size:20px;}
.side-bar .categories {list-style:none; margin-bottom:10px;}
.side-bar .categories li{margin-bottom:15px; position:relative; padding-left:16px;}
.categories li{margin:18px 0;}
.side-bar .categories li:before{content:"\f0da "; font-family:'FontAwesome'; position:absolute; left:0px; color:#000; font-size:12px; top:3px;}
.side-bar .categories li a{margin-top:0; color:#888888; text-decoration:none; font-size:14px; font-weight:600;}
.side-bar .papimg-post{}
.side-bar .papimg-post li{border-bottom:1px solid #ececec; padding:20px 0; margin:0px;}
.side-bar .papimg-post li:last-child{border-bottom:0;}
.side-bar .papimg-post .media-left{margin-right:0px;}
.side-bar .papimg-post .media-left a{width:80px; margin-top:0; margin-right:5px; display:inline-block; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; transition:all .3s ease;}
.side-bar .papimg-post .media-left img{max-width:100%; -webkit-transform: scale(0) !important; transform: scale(1) !important;}
.side-bar .papimg-post .media-heading{display:inline-block; width:100%; color:#777777; margin-top:0px; font-size:14px; line-height:20px;}
.side-bar .papimg-post span{color:#000; letter-spacing:0px; font-size:11px;}
	
	/*********************************************
				 Archive
	*********************************************/
.side-bar .archive{}
.side-bar .archive li{line-height:45px; margin-bottom:10px !important;}
.side-bar .archive li a{margin-top:0; color:#888; font-size:14px; font-weight:600;}
.side-bar .archive li span{float:left; height:30px; width:30px; text-align:center; background:#051429; border:1px solid #fff; outline:3px solid #051429; margin-right:20px; line-height:26px; font-size:12px; color:#fff; margin-top:10px; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; -ms-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;}
.side-bar .archive li a:hover span {background:#FFCC29; color:#fff;}
	
	/*********************************************
				 Photo Bar
	*********************************************/
.side-bar .photo-bar{margin:0 -5px;}
.side-bar .photo-bar li{float:left; width:25%; padding:0 5px; margin-bottom:10px;}
.side-bar .photo-bar li a{-webkit-transition:all .3s ease; -moz-transition:all .3s ease; transition:all .3s ease;}
.side-bar .photo-bar li a img{max-width:100%; -webkit-transform: scale(0) !important; transform: scale(1) !important;}
	
	/*********************************************
				 Tags
	*********************************************/
.side-bar .tags-bar{}
.side-bar .tags-bar li{display:inline-block; float:left; margin-bottom:10px !important;}
.side-bar .tags-bar li a{font-size:13px; color:#969595; border:1px solid #dadada; padding:7px 10px; display:inline-block; margin-right:5px; margin-bottom:5px; text-transform:uppercase;}
.side-bar .tags-bar li a:hover{color:#fff; text-decoration:none;}
.pagination-area{margin-top:25px; text-align:center;}
.pagination-area .showreslt{font-size:14px; font-weight:600; margin-top:10px;}
.pagination-area .pagination{text-align:center; margin:0; }
.pagination-area .pagination>li {display:inline;}
.pagination-area .pagination li a:hover, .pagination li.active a {background:#FFCC29; border:1px solid #FFCC29; color:#fff;}
.pagination-area .pagination>li:first-child>a, .pagination>li:first-child>span, .pagination>li:last-child>a, .pagination>li:last-child>span{}
.pagination-area .pagination>li:last-child>a, .pagination>li:last-child>span{border-top-right-radius:4px !important; border-bottom-right-radius:4px !important;}
.pagination-area .pagination>li:first-child>a, .pagination>li:first-child>span {margin-left:0; border-top-left-radius:4px; border-bottom-left-radius:4px;}
.pagination>li:last-child>a, .pagination>li:last-child>span{border-radius:0px!important; color:#337ab7; background-color:#fff; border:1px solid #ddd;}

/*********************************************************
                      testimonial
**********************************************************/
.tesWrap{background:url(../images/service-bg.jpg) no-repeat; padding:77px 0; background-size:cover;}
.tesWrap .section-title{padding-bottom:28px;}
.tesWrap p{color:#fff !important;}
.testimonials li{margin:10px;}
.testimonials_detail{padding:25px 20px;	border:2px solid #FFCC29; border-radius:.15625in;}
.testimonials_detail h4{font-family: 'Josefin Sans', sans-serif; text-transform:uppercase; color:#fff;}
.testimonials_detail p{position:relative; font-size:14px; line-height:24px; padding:0px 12px; font-style:italic; color:#696969;}
.testimonials_detail p:before{content:"\f10d"; font-family:'FontAwesome'; position:absolute; top:-5px; left:0px; color:#FFCC2975; font-size:43px; font-style:normal;}
.jag-tst-avatar{text-align:center; padding-bottom:10px;}
.jag-tst-avatar img{border:3px solid #ebebeb; border-radius:50%; width:auto; margin:auto;}
.jag-tst-details{}
.jag-tst-details .jag-name{color:#FFCC29; font-size:15px; font-family: 'Josefin Sans', sans-serif;}
.jag-tst-details .jag-designation{color:#CCCCCC; font-size:15px; font-family: 'Josefin Sans', sans-serif;}
.jag-tst-details .jag-rating{color:#FFCC29;}
.testimonials .owl-controls{display:none !important;}


/*********************************************************
                      counter
**********************************************************/
#counter{padding:70px 0; background:#f9f9f9;}
#counter .counter-number{font-family: 'Josefin Sans', sans-serif; font-size: 30px; display: block; margin-top: 10px; color: #1a1a1a;}
#counter span{color:#aaa; font-weight:bold;}
.counter_area{text-align: center;}
.counter_area_1{text-align: center;}
.counter-icon{font-size:40px; margin-bottom:-10px; text-align:center; color: rgba(26, 26, 26, 0.68);}
.counterbox{padding:20px; -webkit-transition:all 0.5s ease;	-moz-transition:all 0.5s ease; -o-transition:all 0.5s ease;	-ms-transition: all 0.5s ease; transition:all 0.5s ease; background:rgba(0, 0, 0, 0.07) none repeat scroll 0 0;}
.counterbox:hover{border-radius:10px 100px}


/*********************************************************
                      price
**********************************************************/
.pricingWrap{padding:70px 0px}
.single-pricing{padding:20px 0; background:#f6f6f6;	text-align:center; -webkit-transition:all 0.36s ease 0s; transition:all 0.36s ease 0s;}
.single-pricing:hover{box-shadow:0px 9px 20px 0 rgba(160, 160, 160, 0.48)}
.price{padding:25px; -webkit-transition:all 0.6s ease 0s; transition:all 0.6s ease 0s;}
.single-pricing h3{border-bottom:1px solid #ddd; display:inline-block; font-family:'Josefin Sans', sans-serif; font-size:18px; font-weight:600; letter-spacing:3px; margin-bottom:10px;
padding:0 0 10px; -webkit-transition:all 0.36s ease 0s; transition:all 0.36s ease 0s;}
.price h4{color:#666; font-size:52px; -webkit-transition:all 0.36s ease 0s; transition:all 0.36s ease 0s;}
.price span{font-size:14px; display: block; margin-top:10px;}
.pricing-list{list-style:outside none none; text-align:center; padding:0 25px;}
.pricing-list li{border-bottom:1px solid #ddd; color:#161616; padding:15px 0; -webkit-transition:all 0.36s ease 0s; transition:all 0.36s ease 0s;}
.pricing-btn{padding:25px 0 }
.single-pricing.recommended{box-shadow:0px 9px 20px 0 rgba(160, 160, 160, 0.48); -webkit-transform:scale(1.05); transform:scale(1.05); margin:20px 0;}
.single-pricing.recommended .price h4, .single-pricing:hover .price h4{color: #333}
.pricing-btn .button{font-family:'Open Sans', sans-serif; text-transform:uppercase; display:inline-block; padding:12px 25px; position:relative; font-weight:700; font-size:13px;
 color:#333; letter-spacing:1px; background:transparent; border:2px solid #333; -webkit-transition:0.36s; transition:0.36s;}
 .pricing-btn .button:hover{text-decoration:none;}
/*********************************************************
                      brand-section
**********************************************************/
.brand-section{position:relative; padding:52px 0px 37px 0px; background-color:#f5f5f5;}
.brand-section .brand-content{position:relative; padding:0px 50px;}
.brand-section ul{list-style:none; padding:0; margin:0;}
.brand-section li{list-style:none;}
.brand-section li{position:relative; margin:0 auto; text-align:center; margin-right:8px;}
.brand-section .owl-controls{display:none !important;}



/*********************************************************
                      contactusWrap
**********************************************************/

.contWrap{position:relative; overflow:hidden;}
.map_location{}
.map_location iframe{width:100%;}
.contact-area{margin-top:-125px; width:100%; background-color:#f7f7f7; padding:45px 50px 10px 50px; box-shadow:0px 16px 28px 0px rgba(0, 0, 0, 0.15); border-radius:5px;}
#contactgoogleMap{width:100%; height:350px;}
/*Contact Form*/
.contact-form .form-control{border: 1px solid #ddd; border-radius:0; height:45px; background-color:transparent;}
.contact-form .form-control.message{height: 150px;}
#form-messages{display:none;}
#form-messages.alert-danger, #form-messages.alert-success{display:block;}
.contact-info h2{color:#2B2B2B; position: relative; font-size:30px; margin-top:10px; text-transform:uppercase; font-weight:600; font-family:'Josefin Sans', sans-serif;}
.contact-form h2{color:#2B2B2B; position:relative; font-size:30px; margin-top:10px; text-transform:uppercase; font-weight:600; font-family:'Josefin Sans', sans-serif;}
.contact-form{ margin-bottom: 40px;}
.single-contact{position:relative; margin-bottom: 60px;}
.single-contact i{font-size: 25px;}
.all-contacts{margin-top: 25px;}
.contact-detail{position:absolute; top:0%; left:8%;}
.contact-detail h5{font-size:18px; font-weight:500; margin:0px;}
.contact-detail p{font-size: 14px;}   
.contact-form .default-btn{font-family:"Open Sans",sans-serif; letter-spacing:2px; background-color:#222; color:#ddd; line-height:40px; display:inline-block; padding:4px 30px; border-radius:0; font-size:12px; text-transform: uppercase; font-weight:600; border:0px;}
.footer-inner h4{color:#fff; margin-bottom:15px; font-size:22px; font-weight:400;}
.footer-inner p{color:#fff; margin-bottom:15px; font-size:16px; font-weight:300;}
.footer-inner{line-height:35px;}}
.footer-area{}
.footer-area .footer-bg{background:rgba(0, 0, 0, 0.7); padding-top:50px;}
.footer-col-1 p{font-size: 14px; color: #fff;}
.footer-col-1 p>span{display:block; color:#FFFFFF;}
.footer-social ul>li{list-style:none}
.footer-social ul>li{float:left; margin-right:20px;font-size:20px;}
.footer-social ul>li>a,.footer-social ul>li>a>i{color:#fff !important; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease}
.footer-social ul>li>a:hover,.footer-social ul>li>a>i:hover{color:#FFCC29 !important;}
.footer-social ul>li>a>i.fa-twitter{color:#FFCC29;}
.footer-pages ul{list-style:none}
.footer-pages ul>li>a{font-size:16px; color:#fff;}
.footer-pages ul>li>a:hover{text-decoration:none;color:#FFCC29}

.recent-detail h5>a{font-size:14px; color:#fff; font-weight:500;}
.recent-detail h5>a:hover{color:#FFCC29; text-decoration:none;}
.recent-detail h6{font-size:11px; font-weight:400; color:#b3b3b2; margin-top:5px;}
.footer-post{margin-top:10px; display:inline-flex;}
.recent-detail{margin-left:20px;}
.subscribe-area input[type=email]{padding-left:10px; border:none; color:#908F8F; width:100%;}
.subscribe-area input[type=submit]{width:100%; margin-top:10px; border:none; background:#FFCC29; color:#fff; cursor:pointer;}
.subscribe-area{margin-top:25px;}   
.copyright-area{margin-top:50px; border-top:1px solid #414040; padding:10px 0px;}
.copyright p{color:#fff; font-size:13px;}
.footer-menu ul>li{float:left; margin-left:25px; font-size:11px;}
.footer-menu{float:right;}
.footer-menu ul>li>a{color:#fff; font-weight:300; font-size:13px;}
.footer-menu ul>li>a:hover{color:#FFCC29; text-decoration:none;}


.pagina-contato .section-title{padding:20px 0 0;margin:40px 0 80px}
.contatos .left form .fields .field label code,.section-title:before{font-family:Roboto,sans-serif}
.img-esq{padding-right:30px}
@media (min-width:768px){
	.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}
	.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle;padding:0 0 5px;margin:-2px 0 0;border:1px solid #BE202E}
	.form-inline .form-control-static{display:inline-block}
	.form-inline .input-group{display:inline-table;vertical-align:middle}
	.form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn{width:auto}
	.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}
	.form-inline .checkbox,.form-inline .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}
	.form-inline .checkbox label,.form-inline .radio label{padding-left:0}
	.form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio]{position:relative;margin-left:0}
	.form-inline .has-feedback .form-control-feedback{top:0}
}
.pur_button{color:#FFF;transition-duration:.3s;font-weight:400;border-style:none;background-color:#BE202E;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;font-size:18px;padding:4px 15px;margin:4px 0 0 -5px}
.pur_button:hover{color:#fff;transition-duration:.3s;background-color:#E87982}
img{vertical-align:middle;height:auto;max-width:100%}

.contatos .right .infos .items .item p:before,.contatos .right .infos .items:before,.contatos .right .infos:before{content:""}
.error,.fields .error,.fields .field .error{COLOR:#FF7979!important;FONT-SIZE:10px!important;FONT-WEIGHT:bold;font-family:Roboto,sans-serif;font-style:normal;line-height:normal}
#contato{margin:40px 0 0}
.contatos .left{position:relative;z-index:1}
.contatos .left form{padding:40px 0 0}
.contatos .left form .fields{padding:10px 50px 65px;position:relative}
.contatos .left form .fields .field{margin:0 0 30px}
.contatos .left form .fields .field label{color:#000;display:table;font-size:16px;font-weight:500;line-height:1.2em;margin:0 0 10px}
.contatos .left form .fields .field code,.contatos .left form .fields .field label code{color:#BE202E;font-size:16px;font-weight:500;line-height:1.2em}
.contatos .left form .fields .field .inputbox{background-color:#f7f7f7;border:none;color:#333;font-weight:500;outline:0;padding:10px 15px;resize:none;transition:all .5s ease;width:100%}
.contatos .left form .fields .field .inputbox:focus{background-color:#ebebeb}
.contatos .left form .fields .field .textarea{height:130px}
.contatos .left form .fields .buttons .button{background-color:#FFCC29;border:none;color:#333;font-size:20px;font-weight:500;outline:0;padding:15px 40px;text-align:left;transition:all .5s ease}
.contatos .left form .fields .buttons .button:hover{background-color:#333;color:#FFCC29}
.contatos .right{position:relative;z-index:0}
@media(min-width:1200px){
	.contatos .right:after,.contatos .right:before{background-position:0 0;background-repeat:no-repeat;content:"";position:absolute;width:60px}
	#contato.contatos .right:before{background-image:url(../../imagens/backgrounds/tag-contact-top.png);height:320px;right:55px;top:-166px}
}
.contatos .right .infos{color:#FFF !important;padding:60px 0 60px 60px;margin-top:40px;position:relative}
.contatos .right .infos:before{background-image:url(../../imagens/backgrounds/bg-contato.jpg);background-position:0 0;background-repeat:no-repeat;background-size:cover;height:100%;left:0;position:absolute;top:0;width:960px;z-index:-1}
.contatos .right .infos .title{color:#FFCC29;font-size:25px;font-weight:400;margin:0;padding-top:10px;padding-bottom:10}
.contatos .right .infos .subtitle{color:#FFF !important;font-size:18px;font-weight:500;letter-spacing:5px;margin:12px 0 0;text-transform:uppercase}
.contatos .right .infos .items{color:#FFF !important; margin:10px 0 0;padding:10px 0 0;position:relative}
.contatos .right .infos .items .item{color:#FFF !important;margin:25px 0 0}
.contatos .right .infos .items .item:first-child{margin:0}
.contatos .right .infos .items .item p{color:#FFF !important;font-weight:300;line-height:1.5em;margin:0;padding:0 0 0 70px;position:relative}
.contatos .right .infos .items .item.ligamos p{padding:0 0 0 80px}
.contatos .right .infos .items .item p:before{background-image:url(../../imagens/backgrounds/sprite-icones-contato.png);background-position:center 0;background-repeat:no-repeat;height:55px;left:0;position:absolute;top:0;width:55px}

.contatos .right .infos .items .item.fone p:before{background-position:center 0}
.contatos .right .infos .items .item.whatsapp p:before{background-position:center -70px}
.contatos .right .infos .items .item.celular p:before{background-position:center -208px}
.contatos .right .infos .items .item.endereco p:before{background-position:center -270px}
.contatos .right .infos .items .item.email p:before{background-position:center -140px}
.contatos .right .infos .items .item.ligamos p:before{background-position:center -210px;top:10px}

.contatos .right .infos .items .item p a{color:#FFF !important; transition:all .4s ease-in-out}
.contatos .right .infos .items .item p a:hover{color:#FFCC29 !important}



.portalcliente{margin:40px 0 0}
.portalcliente .title {color:#FFCC29;font-size:25px;font-weight:400;margin:0;padding-top:10px;padding-bottom:10px}
.portalcliente .title1 {color:#666;text-decoration:none;font-size:17px !important;line-height:19px;font-weight:400;margin:0;padding-bottom:15px}
.portalcliente .title1:hover {color:#FFCC29;text-decoration:none;}
.portalcliente p{color:#000 !important;font-size:14px;line-height:16px; font-weight:300;position:relative}
.portalcliente .well{min-height:120px;padding:10px;margin-bottom:10px;background-color:#FBFBFB;border:1px solid #eee;border-radius:0}

/*********************************************************
                      totop
**********************************************************/
.totop{background-color:#FFCC29; position:fixed; bottom:30px; right:15px}
.totop>a{background-color:#FFCC29; color:#fff; display:block; font-size:22px; padding:10px 12px;}
.totop>a:hover{background-color:#051429;}
.totop>a:hover i{color:#fff}
.totop>a i{color:#fff;}


   
/*********************************************************
                      videoWrp
**********************************************************/
.videoWrp{background:none; position:relative; padding:0; height:680px;}
.hero-wrapper{height:600px; min-width: 100%; position: absolute; top:0px; left:0; width:100%;}
.video{position:relative;}
.hero-wrapper:before {content: ''; position: absolute; top: -60px; z-index: -1; width: 100%; height: 100%; /*background: rgba(0,0,0,0.5);*/}
.hero-image{width: 100%; height: 100%; overflow: hidden; z-index: -1; top: 0; background-position: center center; background-size: cover;}
.hero-image #bgvid{display: block; min-height: 100%; min-width: 100%; max-width: inherit;}
.videohover{position:absolute; top:60px; left:0; width:100%; z-index:99;}
.banner-info{margin-top:100px;}
.slider-wrap h5{color:#fff; font-size:16px !important; text-transform:none !important; text-align:center;  z-index:10000;}
.slider-wrap h2 {color:#fff; font-size:70px; font-weight:700; text-transform:none !important; text-align:center; z-index:10000; text-shadow: 0 0 1px rgba(24,24,24,.75);}
.slider-wrap h2 span{color:#FFCC29}
.slider-wrap h4 {color:#fff; font-size:48px; font-weight:700; text-transform:none !important; text-align:center; z-index:10000; text-shadow: 0 0 1px rgba(24,24,24,.75);}
.slider-wrap h4 span{color:#FFCC29}
.slider-wrap p {color:#fff; font-size:16px; font-weight:600; text-transform:none !important; text-align:center; text-shadow: 0 0 1px rgba(24,24,24,.75); z-index:10000; padding:25px 0}
.slider-wrap .readmore{margin-top:18px;	text-align:center}
.slider-wrap .readmore a{display:inline-block; z-index:10000; padding:10px 20px; text-decoration:none; font-size:16px; text-align:center;; position:relative; cursor:pointer; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s; color:#fff !important; border:1px solid #fff;}


/*commentArea*/
.commentArea{position:relative; margin-bottom:50px;}
.blog-comments {margin-top: 50px;}
.reviews-container {position: relative; max-width:820px;}
/*reviews*/
.reviews-container{position:relative; max-width:820px;}
.reviews-container .review-box{position:relative; margin-bottom:30px; min-height:100px;}
.reviews-container .rev-thumb{position:absolute; left:0px; top:0px; width:70px; height:70px; border-radius:50%; border:1px solid #CCC; margin-bottom:20px; background:#ffffff;}
.reviews-container .rev-thumb img{display:block; width:70px; height:70px; border-radius:50%; -webkit-transform:none !important; transform:none !important; }
.reviews-container .rev-content{position:relative; padding-left:90px;}
.reviews-container .rev-info{margin-top:-5px; letter-spacing:1px; font-size:14px; line-height:24px; color:#777777; font-weight:500; margin-bottom:8px;}
.reviews-container .rev-info span{display:inline-block; color:#222222; font-size:16px; margin-right:25px; font-weight:500;}
.reviews-container .rating{color:#fcb80b; font-size:14px; line-height:15px; margin-bottom:8px;}
.reviews-container .rating .fa{display: inline-block;}
.reviews-container .rev-text{position:relative;}
.reviews-container .rev-text p{font-size:13px; color:#666666; line-height:24px; margin:0;}
.shop-comment-form{position:relative; margin-top:50px; max-width:820px;}
.shop-comment-form h2{position:relative; color:#222222; font-size:30px; font-weight:600; margin-bottom:10px !important;}
.shop-comment-form .mail-text{position:relative; color:#777777; font-size:16px; margin-bottom:15px;}
.themee_color{color:#fcb80b;}
.shop-comment-form .rating-box{position:relative; margin-bottom:20px;}
.shop-comment-form .rating-box .text{position:relative; font-size:16px; font-weight:400; color:#222222; margin-bottom:15px;}
.shop-comment-form .rating-box .rating{position:relative; display: inline-block;}
.shop-comment-form .rating-box .rating a{position:relative; color:#333333; font-size:14px; display:inline-block; margin-right:15px;}
.shop-comment-form .rating-box .rating a:hover{color:#fcb80b;}
.shop-comment-form .rating-box .rating .fa{position:relative; display:inline-block;}
.shop-comment-form .form-group {position:relative; margin-bottom:20px;}
.shop-comment-form .form-group label{position:relative; color:#333333; font-size:14px; font-weight:400;}
.shop-comment-form .form-group textarea{position:relative; display:block; width:100%; line-height:26px; padding:10px 15px; color:#848484; border:1px solid #dddddd; height:120px;    font-weight:300; background:#ffffff; resize:none; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease;    transition:all 300ms ease;}
.shop-comment-form .form-group:last-child{margin-bottom:0px;}
.shop-comment-form button{margin-top:10px;}
.btn-style-three{font-family:'Open Sans',sans-serif; letter-spacing:2px; background-color:#222; color:#ddd; line-height:40px; display:inline-block; padding: 4px 30px; border-radius: 0; font-size: 12px; text-transform: uppercase; font-weight: 600; border: 0px;}
.shop-comment-form .form-group input[type="text"], .shop-comment-form .form-group input[type="email"]{position:relative; display:block; width:100%; line-height:28px; padding:10px 15px; border:1px solid #dddddd; height:50px; color:#848484; font-weight:300; background:#ffffff; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition: all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease;}


/*********************************************************
                    particles-js
**********************************************************/
#particles-js{position:absolute; top:0; left:0; height:100%; width:100%; z-index:2;}

/*********************************************************
                      Home paralell    
**********************************************************/

#home_typer{background:url(../images/banner-8.jpg) no-repeat top; background-size:cover; background-position:center center; display:-webkit-box; display:-webkit-flex;text-align:center; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center;	align-items:center;	color:#ffffff; height:100vh; position:relative;}
#home_particle{background:url(../images/banner-7.jpg) no-repeat top; background-size:cover; background-position:center center; display:-webkit-box; display:-webkit-flex;text-align:center; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center;	align-items:center;	color:#ffffff; height:100vh; position:relative;}
#home_static{background:url(../images/banner-6.jpg) no-repeat top; background-size:cover; background-position:center center; display:-webkit-box; display:-webkit-flex;text-align:center; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center;	align-items:center;	color:#ffffff; height:100vh; position:relative;}
.parallax-section{padding:20px 0 70px 0px; position:relative; background-attachment:fixed !important; background-size:cover !important;}
#home h3{color:#f0f0f0;}
#home .overlay{background: rgba(0,0,0,0.3);	position: absolute;	top: 0;	left: 0; width: 100%; height:100%;}
#js-rotating {border: 1px solid #fff;	padding: 10px 20px;	display: inline-block;}
/*********************************************************
                      Static Slider
**********************************************************/
.staticSlider{background:url(../images/banner-4.jpg) no-repeat top; background-size:cover; background-position:center center; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; color:#ffffff; height:100vh; position:relative;}
.slidewrap{text-align:center; margin-top: -30px; }
.slidewrap h3{color:#fff; font-size:30px; font-weight:600; text-transform:none !important; text-align:center; text-shadow:0 0 1px rgba(24,24,24,.75); margin-left:60px;}
.slidewrap h1{color:#fff; font-size:70px; font-weight:700; text-transform:none !important; text-align:center; text-shadow: 0 0 1px rgba(24,24,24,.75); font-family: 'Josefin Sans', sans-serif; margin-left:60px;}
.slidewrap h1 span{color:#FFCC29;}
.slidewrap p{color:#fff; font-size:16px; font-weight:600; text-transform:none !important; margin-left:60px;}
.slidewrap a{padding:11px 40px; text-decoration:none; font-size:18px; position:relative; cursor:pointer; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s; color:#fff !important; border:2px solid #fff; border-radius:6px; font-family: 'Josefin Sans', sans-serif; background:none;}
.slidewrap a:hover{background:#FFCC29; border:2px solid #fff;}



.pag-conteudo {padding:40px 0 35px}
.pag-conteudo .well{min-height:20px;padding:10px;margin-bottom:10px;background-color:#FBFBFB;border:1px solid #eee;border-radius:0}
.pag-conteudo .well-img{position:relative;margin:-10px -10px 20px}
.pag-conteudo .well-data{position:absolute;padding-top:8px;padding-left:20px;padding-right:20px;margin-right:-10px;margin-top:-42px;margin-left:-10px;background-color:#FCFCFC;display:inline-block;height:auto}
.pag-conteudo .well-data p{padding:0;margin:0;font-size:14px!important;line-height:14px}
.pag-conteudo .well-text{position:relative;margin:10px 5px 5px 10px}
.pag-conteudo .well-text h2{padding:0;margin:0;font-size:26px !important;line-height:30px;color:#FFCC29;font-weight:600}
.pag-conteudo .well-text p{padding:0;margin:0;font-size:18px!important;line-height:22px;font-weight:400}
.pag-conteudo .well-text a,
.pag-conteudo .well-text a:hover{color:#F2B600}
.pag-conteudo .section-title{padding:15px 0 35px; font-size: 30px;}
.pag-conteudo form{padding:0;margin:0}
.pag-conteudo p{font-size:18px !important; font-weight:400 !important;}
.pag-conteudo ul{list-style:circle inside !important; margin:0; padding:0;}
.pag-conteudo .read-more{font-size:14px; text-transform:uppercase; padding:10px 25px; line-height:23px; font-weight:600; border-radius:0px; color:#fff;margin-top:20px; display:inline-block; border:1px solid rgba(0, 0, 0, 0.1); transition:.3s ease-in;}

.page-content .pagina-obras .obras .infos{padding:0 0 30px;position:relative}
.page-content .pagina-obras .obras .infos .title{color:#BE202E;font-size:24px;font-weight:500;margin:0}
.page-content .pagina-obras .obras .infos .subtitle{font-size:16px;font-weight:500;letter-spacing:2px;margin:12px 0 0}
.page-content .pagina-obras .obras .infos .items{position:relative}
.page-content .pagina-obras .obras .infos .items .item{margin:15px 0 0}
.pagina-obras .obras .infos .items .item p{font-weight:300;line-height:1.5em;margin:0;padding:0;position:relative}
.pagina-obras .obras .infos .items .item p a{color:#333;transition:all .4s ease-in-out}
.page-content .pagina-obras .obras .infos .items .item p a:hover{color:#BE202E!important}


.pag-conteudo .pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}
.pag-conteudo .pagination>li{display:inline}
.pag-conteudo .pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;line-height:1.42857143;text-decoration:none;color:#333;background-color:#fff;border:1px solid #ddd;margin-left:-1px}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-bottom-right-radius:4px;border-top-right-radius:4px}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#333;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#333;background-color:#FFDE14;border-color:#FFDE14;cursor:default}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#333;background-color:#fff;border-color:#ddd;cursor:not-allowed}
.pag-conteudo .pagination>li>a,.pagination>li>span{border-radius:50%!important;margin:0 5px}

/*********************************************************
                      media
**********************************************************/
@media screen and (max-width: 1440px){	
}

@media screen and (max-width: 1200px){	
.header-top nav.navbar.bootsnav ul>li>a .phone_text{margin-left:0px;}
.header-top nav.navbar.bootsnav ul>li>a{padding:13px 10px;}
.single_about{margin-left: -150px; padding:57px 20px 50px 26px; margin-top:14px;}
.single-item .details h3{font-weight:bold; font-size:16px !important;}
.single-item .details p{font-size:14px; min-height:130px;}
.blog-inter .post-content .post-title{font-size:18px; min-height:78px;}
}
@media screen and (max-width: 991px){
.portalcliente .well{min-height:auto !important;padding:5px;}

	
.navigationwrape {margin-top:20px; float:none;}
nav.navbar.bootsnav .navbar-brand{display:inline-block; float:none !important; margin:0 !important;}
nav.navbar.bootsnav .navbar-header{float:right; display:block; text-align:center;}
nav.navbar.bootsnav .navbar-toggle{display:inline-block; margin-top:30px;}
nav.navbar.bootsnav .navbar-collapse{border:none; margin-bottom:0;}
nav.navbar.bootsnav .navbar-collapse.collapse{display:none !important;}
nav.navbar.bootsnav .navbar-collapse.collapse.in{display:block !important;}
nav.navbar.bootsnav .navbar-nav{float:none !important; padding-left:30px; padding-right:30px; margin:0px -15px;}
nav.navbar.bootsnav .navbar-nav > li{float:none;}
nav.navbar.bootsnav .navbar-nav > li > a{display:block; width:100%; padding:10px 0;}
.navbar-collapse{background:#2B2B2B; margin-top:-17px; border-top:0px !important;}
.navigationwrape .navbar{min-height:0px;}
.navbar-default .navbar-toggle .icon-bar{background-color:#fff !important;}
.single_about{margin-left:0px;}
.whychoose-wrap .video .matter h6{font-size:36px;}
.whychoose-wrap .video .matter h5{font-size:24px;}
.whychoose-wrap .video .matter i{font-size:20px; width:50px; height:50px; text-align:center; padding:0; line-height:50px;} 
.teamWrap{margin-top:25px;}
.teamWrap img{width:100%; margin:0 auto;}
.cs-item-text-box{left:20px;}
.blog-inter .post-content .post-title{font-size: 21px; min-height: 60px;}
.counterbox{margin:20px 0;}
.single-pricing.recommended{margin:40px 0;}}

@media screen and (max-width: 767px){
.navbar {margin-bottom: 0 !important; min-height: 0px !important;}
.navigationwrape{margin-top:0px;}
.header-top .logo-img{display:none;}
.header-top .logo-img-res{display:block; float:left; margin-top:12px;}
.teamWrap .image img {}
.navbar-default .navbar-toggle{margin-top:22px;}
.navbar-collapse{background:#2B2B2B; margin-top:0px; border-top:0px !important;}
.s-header-shape{display:none;}
.s-header-shape-1{display:none;}
.s-header-shape-2{display:none;}
.about-img:before{border:none;}
.about-info{padding:70px 0;}
.about-img {margin-top:0px;}
.single-pricing.recommended{-webkit-transform:none; transform:none;}
.videoWrp { height: 470px;}
.slider-wrap h2{font-size:28px;}
.slider-wrap p {font-size:14px; font-weight:normal; padding:8px 0px;}
.contact-detail{left:15%;}
#home_static{height:80vh;}
#home_typer{height:80vh;}
@media screen and (max-width: 560px){
.portfolio-area .container-filter li{display:block;}
.slider-wrap h4{ font-size: 28px;}
.single_about {box-shadow:none}
}