.navbar-nav li a, a.navbar-brand{font-family: 'BankGothic Md BT'!important; font-size: 1rem;text-transform: uppercase;}
HTML BODY h1{font-family: 'BankGothic Md BT'!important;text-transform: uppercase;font-weight: 800;}
HTML BODY h2{font-family: 'BankGothic Md BT'!important;text-transform: uppercase;font-weight: 800;}
HTML BODY h3{font-family: 'BankGothic Md BT'!important;text-transform: uppercase;font-weight: 800;}
HTML BODY h4,HTML BODY h5,HTML BODY h6,HTML BODY strong{font-family:'BankGothic Md BT'!important;text-transform: uppercase;font-weight: 800;}
HTML BODY em{font-family:'latoregular'!important;text-transform: none;}
contact-us-form form input,#contact-us-form form textarea,HTML BODY a,HTML BODY p,HTML BODY span{font-family:'latoregular'!important}
.font-h1{font-size: 3.75em!important;}.font-h2{font-size: 180%!important;}.font-h3{font-size: 130%!important; font-weight: 800;}.font-h4{font-size: 120%!important;font-weight: 800}.font-h5{font-size: 125%!important;}.font-footer{font-size: 15px !important;}.font-info{font-size: 14px !important;}.font10{font-size: .7rem;}
.stroke1 {text-shadow: 0 0 11px black; }
.stroke{text-shadow: 1px 1px 0 #fff,-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff!important}
.stroke2{text-shadow: 2px 3px 0 #fff,-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff!important}
a{text-decoration: none!important} footer li{color: #f3f3f3;}
body{background: #fff!important}
.bg-color{background: #000000!important;}
.bg-color1,.bg-color1-hover:hover{background: #2f2e2e!important;}
.bg-color2,.bg-color2-hover:hover{background: #d4d4d4!important;}
.bg-color2-1{background: #e87210!important;}
.bg-color3,.bg-color3-hover:hover{background: #a90000!important;}
.bg-color4,.bg-color4-hover:hover{background: #fff!important;}
.backgroundNone{background: none!important}
.background-opaque-parallax{background: linear-gradient(-90deg,rgba(0, 0, 0, 0.64) 50%,rgba(0, 0, 0, 0.23)50%)!important;}
.background-opaque-parallax1{background: linear-gradient(90deg,rgba(0, 0, 0, 0.64) 39%,rgba(0, 0, 0, 0.37)75%)!important}
.background-opaque{background: rgba(0, 0, 0, 0.85)!important;}
.background-opaque2{background: rgba(0, 0, 0, 0.85)!important;}
.background-opaque3{background: rgba(0, 0, 0, 0.49)!important;}
.b_doble {background: linear-gradient(219deg, #fff 76%, rgba(5, 26, 53, 0) 50%), linear-gradient(-41deg, #fff 77%, rgba(5, 26, 53, 0) 50%), rgba(5, 26, 53, 0) 100% 100%}
.container2{background:rgba(0, 0, 0, 0); width: 100%; border-radius: 5px;padding: 19px;border:none!important}
.borderNone{border: none!important}
.border4{border: 2px solid #1e1e1e; box-shadow: 2px 3px 8px #1e1e1e;}

.customclass{display:none; }

.t-color1,.t-color1-hover:hover{color: #fff!important}
.t-color2,.t-color2-hover:hover{color: #000!important}
.t-color3,.t-color3-hover:hover{color: #424242!important}
.t-color4,.t-color4-hover:hover{color: #e87210!important}
.t-color5,.t-color5-hover:hover{color: #b1b1b1!important}
.t-gold{/*background: -webkit-linear-gradient(#bf7229,#deb72e,#faf290,#a37a2c,#f6f198 ,#ecc63b); -webkit-background-clip: text; -webkit-text-fill-color: transparent; */color: #d8b704;}
.bottom-shadow {
    -webkit-box-shadow: 0 10px 17px -6px rgba(0,0,0,.75);
    -moz-box-shadow: 0 10px 17px -6px rgba(0,0,0,.75);
    box-shadow: 0 10px 17px -6px rgba(0,0,0,.75);
}
.textTransformNone{text-transform: none!important}
.boton1{text-transform: uppercase; border-radius: 0.5em!important; padding: 8px 19px!important; border: 2px solid #ffd600; color: #ffd600!important; webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease;}
.boton1-hover{text-transform: uppercase; border-radius: 0.5em!important; padding: 8px 19px!important; border: 2px solid #e87210; color: #e87210!important; webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease;}
.boton2{text-decoration: none;border-radius:5px!important; color: #464646!important;background: #ffa115!important;border: 2px solid #ffa115!important; padding: 12px 23px!important; text-transform: uppercase; text-align: center; }.boton2:hover{background-color:#464646!important; color: #fff!important; border: 2px solid #464646!important; webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease;box-shadow: 8px 6px 27px 0 rgba(0, 0, 0, 0.25);}
.boton3{text-decoration: none;border-radius:5px!important; background: #fff!important; border: 2px solid #fff!important; color: #002f5f!important; padding: 6px 15px!important; text-transform: uppercase; text-align: center;}.boton3:hover{background: #002f5f!important;color: #fff!important; border: 2px solid #002f5f!important;box-shadow: 8px 6px 27px 0 rgba(0, 0, 0, 0.25); webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease;}
.boton4{text-decoration: none;border-radius:5px!important; background: transparent; color:#daa520!important; border: 2px solid #daa520!important; padding: 12px 23px!important; text-transform: uppercase; text-align: center;}.boton4:hover{background-color:rgba(10, 35, 13, 0.76);border: 2px solid #daa520!important;color: #fff!important;webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease;box-shadow: 8px 6px 27px 0 rgba(0, 0, 0, 0.25);}
.boton4-hover{text-transform: uppercase; border-radius: 0.5em!important; padding: 8px 19px!important; border: 2px solid #dedede; color: #dedede!important; webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease;}
.boton5{text-decoration: none;border-radius:5px!important; color: #fff!important;border: 2px solid #c39e72!important;background:#0b652c; padding: 4px 8px!important; text-transform: uppercase; text-align: center;}.boton5:hover{background-color: transparent;border: 2px solid #0b652c!important;color: #0b652c!important;webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease;}
.icon1,.icon1-hover:hover{text-decoration: none;border-radius:50%;padding: 5%;background: rgba(0, 0, 0, 0.6705882352941176); color: #fff; border: 2px solid #757575;text-transform: uppercase; text-align: center; }
.icon2,.icon2-hover:hover{text-decoration: none;border-radius:5px;background: rgba(255, 255, 255, 0.5); color: #ff257e; border: 2px #020202 solid!important;}
a:hover{color: #fff!important}
.padding4{padding: 6% 0;}
.padding3{padding-bottom: 4%;padding-top: 4%}
.padding2{padding-bottom: 3%;padding-top: 3%}
.padding1{padding-bottom: 2%;padding-top: 2%}
.no-padding{padding-left: 0px!important;padding-right: 0px!important;margin-left: 0px!important;margin-right: 0px!important;}
.googlemap{width: 100%!important;height:240px!important;border:0!important}
.bgSec{padding: 12% 0;}.bgSec2{padding: 15% 0 5%;}

.uppercase{text-transform: uppercase;}
.faSize-footer{width: 42px; height: 42px;}

.img-fluid1{width: 100%; height: auto;}
.position-logo{margin-top: -30px; position: absolute; z-index: 99;}
.bg{background-size: cover;background-position:center;}
.bg-fixed{background-attachment: fixed;}
.bg-1{background-image: url(https://www.camachoconstructionca.com/images/elements/bg-2.jpg);}
.bg-1-1{background-image: url(https://www.camachoconstructionca.com/images/elements/bg-6.jpg);}
.bg-2{background-image: url(../images/slider/1.jpg);}
.bg-3{background-image: url(../images/elements/bg-3.jpg);}
.bg-4{background-image: url(https://www.camachoconstructionca.com/images/elements/bg-4.jpg);}
.bg-5{background-image: url(https://www.camachoconstructionca.com/images/elements/bg-5.jpg);}
.bg-6{background-image: url(https://www.camachoconstructionca.com/images/elements/bg-6.jpg);}
.banner-top{background-image: url(https://www.camachoconstructionca.com/images/elements/banner-top.jpg);}
.full-img1 {background: url(https://www.camachoconstructionca.com/images/services/1.jpg) center center no-repeat;background-size: cover; }
.full-img2 {background: url(https://www.camachoconstructionca.com/images/services/2.jpg) center center no-repeat; background-size: cover; }
.full-img3 {background: url(https://www.camachoconstructionca.com/images/services/3.jpg) center center no-repeat; background-size: cover; }
.full-img4 {background: url(../images/services/4.jpg) center center no-repeat; background-size: cover; }
.full-img5 {background: url(https://www.camachoconstructionca.com/images/services/5.jpg) center center no-repeat; background-size: cover; }
.full-img6 {background: url(https://www.camachoconstructionca.com/images/services/box6.jpg) center center no-repeat; background-size: cover; }
.img-icon{width: 60px;}.img-icon1{width: 50px; padding: 1%;}
.img-shadow{box-shadow: 1px 0px 0px 0px #dedede;}
.bgTop {position: fixed!important; z-index: 1;background: linear-gradient(rgba(0, 0, 0, 0.84), rgba(0, 0, 0, 0.81), rgba(0, 0, 0, 0)), url(https://www.camachoconstructionca.com/images/elements/top-header.png) center; }
.headerTop{position: absolute!important; z-index: 1;background: linear-gradient(#000,#00000096,#00000073,#0000)!important;}
.headerTop1{position: relative!important; z-index: 1;background: #b27149;}

/** scroll to top**/
#myBtn {display: none; position: fixed; bottom: 20px; right: 30px; z-index: 99; border: none; outline: none; background-color: #8e8e8e; color: white; cursor: pointer; padding-left: 6px; padding-right: 6px; border-radius: 50%; font-size: 18px; }
.carousel-caption{bottom: 0px!important; width: 100%!important; padding: 0!important; background: rgba(0, 0, 0, 0.68); left: 0!important;}

.align-right.inner .carousel-indicators {width: 126px; margin: 0; left: 0; right: 0; padding-top: 12px; height: 30px; bottom: 40px; margin: 0 auto; background: rgba(58, 58, 58, 0); }
.carousel-indicators li{background-color: #d0d0d0!important;}

.border-bottom1{position: relative; top: 3px; height: 1px; width: 66px; left: -26px; padding: 0px; background-color: #624d3c; border-bottom: 2px solid transparent; }
.border-left1{position: relative; top: -45px; height: 66px; width: 1px; left: -7px; background-color: #624d3c; border-left: 1px solid transparent; }
.border-top1{position: relative; top: 62px; height: 1px; width: 66px; left: 399px; padding: 0px; background-color: #624d3c; border-bottom: 2px solid transparent;}
.border-right1{position: relative; top: 43px; height: 66px; width: 1px; left: 449px; background-color: #624d3c; border-left: 1px solid transparent;}
.border3{border: 2px solid #e87210; width: 50px!important;}.border2{border: 2px solid #e87210; width: 50px!important;}.border-radius-3{border-radius: 5px}.borders-top{border-top-left-radius: 4rem; border-top-right-radius: 4rem;}
.border-none{border: none!important}.borderWhite{border: 1px solid #eaeaea!important; padding: 5px 9px; border-radius: 5px; background: transparent; color: #fff!important;}
.border-color1{border-radius: 6px; padding: 0 10px; border: 1px solid #625633;}
.border-color2{ background-color: #ffd300; border: 3px double #000000; padding: 3px;}

.style-box{border-radius: 5px; padding: 13px 26px 14px; border-bottom: 8px solid #dddddd; }
.max-width-logo{max-width: 100%!important; }

.social {padding: 0; margin: 0 0 0 84px; float: right; list-style: none; }
.social a{float: left; margin: 0 20px 0 0; }

h1 em{font-size: 18px}
.text-right{text-align: right!important;}
.font120{font-size: 1.8rem!important}
.font100{font-size: 14px!important}

.display-inline-item-li{display: inline-flex!important;}

.nav-item .dropdown .active>.nav-link .dropdown-toggle,.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link{color: #c5c5c5!important; border-bottom: 2px solid #c5c5c5; background: none; border-radius: 5px;}
.dropdown-item:focus, .dropdown-item:hover{background-color: #0341b7!important}
.dropdown-item.active, .dropdown-item:active{background-color: #0341b7!important;}


/*Overlay*/
.container-overlay {position: relative; width:100%; overflow:hidden;}
.overlay {position: absolute; bottom: 100%; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.62); overflow: hidden; width: 100%; height:0; transition: .5s ease; }
.container-overlay:hover .overlay {bottom: 0; height: 100%; }
.container-overlay:hover img{transition:all .5s ease-in-out;-webkit-transform:scale(1.3);transform:scale(1.3); }
.container-overlay img{transition:all .5s ease-in-out;-webkit-transform:scale(1.1);transform:scale(1.1); }
.text-overlay {color: white; font-size: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; }
.text-overlay:hover a{text-decoration: none} 

.blog-caption {left: 0; right: 0; bottom: 0; margin-top: -59px; content: "";position: absolute; padding: 10px 30px; background:rgba(38,39,40,.8)!important; }
.zoom-image img{-webkit-transform:scale(1.1);transform:scale(1.1); transition: all .9s ease-in-out; }
.zoom-image {overflow:hidden;position: relative;}
.zoom-image:hover img {-moz-transform: scale(1.3); -webkit-transform: scale(1.3); -o-transform: scale(1.3); }

.negative-70{margin-bottom: -70px;}
.breadcrumb2 {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: .75rem 1rem; margin-bottom: 1rem; list-style: none; background: 0 0; }
.bloque{ display: block!important; }

/*iconos contact*/
.icon-align {min-width: 24px; text-align: center; position: absolute; left: 20px; margin-top: 4px; }
.icon-align-ul li{list-style: none; }


figure:hover figcaption{opacity: 0}
/* style bar Service*/
.width-interior{width: 300px}
.overlay-dark{ background: rgba(0, 0, 0, 0.88);-webkit-animation: cambio_color 4s infinite;animation: cambio_color 4s infinite; }
.overlay-dark1{ background: linear-gradient(45deg,rgba(111, 81, 5, 0.9098039215686274),rgba(243, 178, 8, 0.83),rgba(111, 81, 5, 0.9098039215686274));-webkit-animation: cambio_color 4s infinite;animation: cambio_color 4s infinite; }
/*@keyframes cambio_color { 20%{background: rgba(0, 9, 41, 0.9); }80%{background: rgba(0, 9, 41, 0.9); } }*/
.overlay-main {position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; transition: .5s ease;border-right: none;}
.overlay-main {opacity: 1;}
.text-overlay1 {color: white; font-size: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; }
.text-overlay1:hover a{text-decoration: none} 
.text-center1{text-align: center;}.text-right1{text-align: right;}
/* button style*/
:root {--bg: #a10505; --primary: #a10505; --solid: #fff; --btn-w: 10em; --dot-w: calc(var(--btn-w)*.2); --tr-X: calc(var(--btn-w) - var(--dot-w)); }
* {box-sizing: border-box;}
*:before, *:after {box-sizing: border-box;}
.btn1 {background: #a10505;position: relative; margin: 0 auto; width: var(--btn-w); color: #fff; border: .15em solid #e90303; border-radius: 5em; text-transform: uppercase; text-align: center; font-size: 1.3em; line-height: 2em; cursor: pointer; }
.dot {content: ''; position: absolute; top: 0; width: var(--dot-w); height: 100%; border-radius: 100%; transition: all 300ms ease; display: none; }
.dot:after {content: ''; position: absolute; left: calc(50% - .4em); top: -.4em; height: .8em; width: .8em; background: var(--primary); border-radius: 1em; border: .25em solid var(--solid); box-shadow: 0 0 .7em var(--solid), 0 0 2em var(--primary); }
.btn1:hover .dot, .btn1:focus .dot {animation: atom 2s infinite linear; display: block; }
@keyframes atom {0% {transform: translateX(0) rotate(0);} 30%{transform: translateX(var(--tr-X)) rotate(0);} 50% {transform: translateX(var(--tr-X)) rotate(180deg);} 80% {transform: translateX(0) rotate(180deg);} 100% {transform: translateX(0) rotate(360deg);} }

.logo-position{position: absolute;left: 50%;}

.form-control:focus{border-color: #a0a5ab!important; box-shadow: 0 0 0 0.2rem rgba(88, 88, 89, 0.25)!important;}
span.font100,p a.font100{font-size: 16px!important}h3.pt-1.pt-sm-3.pt-lg-5{font-size: 24px!important}

/*mission*/
.mission_section{position:relative;z-index:3;padding: 100px 0px;}
.mission_section:before{content: "";background: rgba(0, 0, 0, 0.85);position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;z-index: -1;}
.mission_section .bg_mission{background: url(../images/elements/bg-3.jpg)no-repeat fixed center center;    background-repeat: no-repeat; background-size: cover; height: 100%; width: 100%; position: absolute; top: 0; z-index: -2;}
.mission_section .mission_content h5,.mission_section .mission_content h5 span{font-weight: normal;font-size: 30px;color: #fff;font-family: 'BankGothic Md BT'!important;}
.mission_section .mission_content p{font-size: 18px;font-weight: 300;font-style: italic;letter-spacing: .54px;color: #fff;padding-top: 13px;}
.mission_section .mission_content2 h4{font-size: 30px;color: #fff;font-weight: 500;padding-top: 30px;position: relative;display: inline-block;}
.mission_section .mission_content2 h4:before{content: "";width: 50px;height: 3px;background: #ffd600;position: absolute;left: 0px;top: 10px;}
.mission_section .mission_content2 p{font-size: 16px;color: #fff;font-weight: 500;}
/*Services*/
.icon-services, .info-services{display: table-cell;vertical-align: top;}
.icon-services {padding-right: 30px; font-size: 50px;}
.icon-services i{margin-top: 20px}
.info-services h2{font-size: 35px}
.info-services p{font-size: 17px}
.services-content{padding: 80px 20px; position: relative; top: 0%; color: #fff;}
.services-item{min-height: 270px;position: relative;overflow: hidden;background: #1b2861;}
.services-item.serv-2{background: #f7b20c;margin-top: -18px;min-height: 288px;}
.services-item.serv-3{background: #1b2861;}
.services-item img{opacity: 0.10;position: absolute;background-size: cover;width: 100%;height: 100%;}
/**/
.service .service-opacity,.full-img1,.full-img2,.full-img3,.full-img4,.full-img5,.full-img6{background-size: cover!important;min-height:200px!important;max-height: 300px!important; }
.service .service-opacity{background: rgba(0,0,0,0.4);transition: all 0.5s ease;}
.service:hover .service-opacity{background: rgba(117, 76, 41, 0.91);}
.service h3{font-size: 280%!important;}
.service h3 i{font-size: 65%!important;}
.title-home{margin-bottom: 15px;}
.bottom-shadow{-webkit-box-shadow:0 10px 17px -6px rgba(0,0,0,.75);}



@media only screen and (max-width: 1199px) and (min-width: 992px){
 .border-top1{position: relative; top: 62px; height: 1px; width: 66px; left: 330px; padding: 0px; background-color: #7f0503; border-bottom: 1px solid transparent;}
 .border-right1{position: relative; top: 43px; height: 66px; width: 1px; left: 376px; background-color: #7f0503; border-left: 1px solid transparent;}.text-center2{text-align: left!important}
 .width-interior {width: 300px!important; }.bgSec2{padding: 15% 0 5%;}
 span.font100,p a.font100{font-size: 16px!important}h3.pt-1.pt-sm-3.pt-lg-5{font-size: 24px!important}
}
@media only screen and (max-width: 1089px) and (min-width: 992px){
.navbar-nav li a, a.navbar-brand {font-size: 0.8rem!important;}
}
@media only screen and (max-width: 992px) and (min-width: 800px){
 .img-icon,.img-icon1{width: 50px} .bgTop{background: linear-gradient(#000000,#002103)!important;position: relative!important; z-index: 1;}.text-center2{text-align: left!important}
 .headerTop{background: #070707!important;position: relative!important; z-index: 1;} .logo-position{position: absolute;width:185px;left: 10%}.nav-back{background: #070707}.bgSec2{padding: 8% 0 5%;}
}
@media only screen and (max-width: 767px) and (min-width: 600px){
 .font-h1{font-size: 3.2em!important;}
}
@media only screen and (max-width: 700px) and (min-width: 250px){
.negative-70 {margin-bottom: -25px!important; }.text-center2{text-align: center!important}
.text-center1{text-align: left!important;}.text-right1{text-align: left!important;}.container2{width: 60%!important;}.services-item.serv-2{margin-top: 0px!important;}.bgSec {padding: 45% 0!important; }
}
@media only screen and (max-width: 799px) and (min-width: 200px){
.headerTop,.bgTop{background:#070707!important;position: relative!important; z-index: 1;}
.col-md-2.d-none.d-sm-none.d-md-block.d-lg-block.d-xl-block.social{display: none!important;}
.width-interior{width: 250px!important}.logo-position{position: absolute;left: 0%;z-index: 2; width: 120px;}.position-logo{position: relative;margin-top: 8px}.service h3 {font-size: 200%!important; } .background-opaque-parallax{background: rgba(0, 0, 0, 0.64)!important;} .b_doble {background: #fff!important}.nav-back{background:#070707}.bgSec2{padding: 8% 0 5%;}
.container2{background:rgba(0, 0, 0, 0); width: 60%; border-radius: 5px;padding: 19px;}.container2 h3{font-size: 16px!important;}.container2 h1{font-size: 30px!important;}
}
@media only screen and (max-width: 850px) and (min-width: 768px){
.headerTop,.bgTop{background:#070707!important;position: relative!important; z-index: 1;}
.center-mobil{text-align: center!important;}.text-center2{text-align: center!important}
}
@media only screen and (max-width: 991px) and (min-width: 768px){
.h1, h1 {font-size: 1.8rem!important; }.font-h4{font-size:18px!important}
.col-md-2.d-none.d-sm-none.d-md-block.d-lg-block.d-xl-block.social{display: none!important;}
.carousel .scroll-down {bottom: 70px!important; width: 50px!important; height: 50px!important; padding: 18px 5px!important; }
}
@media (min-width: 576px){
h3.pt-1.pt-sm-3.pt-lg-5{font-size: 23px!important;}span.font100, p a.font100 {font-size: 10px!important; }
}

@media (min-width: 800px){
h3.pt-1.pt-sm-3.pt-lg-5{font-size: 24px!important;}span.font100, p a.font100 {font-size: 16px!important; }
}
@media only screen and (max-width: 550px) and (min-width: 0px){
.h1, h1 {font-size: 2rem!important; }.text-center2{text-align: center!important}
.font-h4{font-size: 124%!important}.bgSec2{padding: 8% 0 5%;}.font-h3 {font-size: 115%!important; }.img-shadow {
    box-shadow: none!important; }
.font-footer {font-size: 15px!important; }.mission_section .mission_content h5 {font-size: 31px!important; }
.text-center1{text-align: left!important;}.text-right1{text-align: left!important;}.font-h2 {font-size: 200%!important; }
}
@media only screen and (max-width: 979px) and (min-width: 851px){
.carousel .carousel-caption {top: 57%;}
}
@media(min-width: 300px){
	.negative-margin-top2{margin-top: 0%;}.services-item.serv-2{margin-top: 0px!important;}
}
@media(min-width: 540px){
    .negative-margin-top2{margin-top:0%;}
}
@media(min-width: 960px){
	.negative-margin-top2{margin-top: -4%;}
}
@media(min-width: 992px){
   .services-item.serv-2{margin-top: -18px!important;}.container2{width: 80%!important}
}
@media(min-width: 1140px){
    .negative-margin-top2{margin-top: -7%;}.container2{width: 100%!important}
}


.form-control:focus{border-color: #a0a5ab!important; box-shadow: 0 0 0 0.2rem rgba(88, 88, 89, 0.25)!important;}

/* RATING - Form */
.rating-form {
  margin-top: 5px;
}
/* RATING - Form - Group */
.rating-form .form-group {
  position: relative;
  border: 0;
}
/* RATING - Form - Legend */
.rating-form .form-legend {
  display: none;
  margin: 0;
  padding: 0;
  font-size: 20px;
  font-size: 2rem;
  /*background: green;*/
}
/* RATING - Form - Item */
.rating-form .form-item {
  position: relative;
  margin: auto;
  width: 100%;
  text-align: center;
  direction: rtl;
  /*background: green;*/
}
.rating-form .form-legend + .form-item {
  padding-top: 10px;
}
.rating-form input[type='radio'] {
  position: absolute;
  left: -9999px;
}
/* RATING - Form - Label */
.rating-form label {
  display: inline-block;
  cursor: pointer;
}
.rating-form .rating-star {
  display: inline-block;
  position: relative;
}
.rating-form input[type='radio'] + label:before {
  content: attr(data-value);
  position: absolute;
  right: 30px;
  top: 83px;
  font-size: 30px;
  font-size: 3rem;
  opacity: 0;
  direction: ltr;
  -webkit-transition: all 0s ease 0s;
  -moz-transition: all 0s ease 0s;
  -o-transition: all 0s ease 0s;
  transition: all 0s ease 0s;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: none;
}
.rating-form input[type='radio']:checked + label:before {
  right: 25px;
  opacity: 1;
}
.rating-form input[type='radio'] + label:after {
  content: "/ 5";
  position: absolute;
  right: 5px;
  top: 96px;
  font-size: 16px;
  font-size: 1.6rem;
  opacity: 0;
  direction: ltr;
  -webkit-transition: all 0s ease 0s;
  -moz-transition: all 0s ease 0s;
  -o-transition: all 0s ease 0s;
  transition: all 0s ease 0s;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: none;
}
.rating-form input[type='radio']:checked + label:after {
  /*right: 5px;*/
  opacity: 1;
}
.rating-form label .fa {
  font-size: 60px;
  font-size: 2.7rem;
  line-height: 60px;
  -webkit-transition: all 0s ease 0s;
  -moz-transition: all 0s ease 0s;
  -o-transition: all 0s ease 0s;
  transition: all 0s ease 0s;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.rating-form label:hover .fa-star-o,
.rating-form label:focus .fa-star-o,
.rating-form label:hover ~ label .fa-star-o,
.rating-form label:focus ~ label .fa-star-o,
.rating-form input[type='radio']:checked ~ label .fa-star-o {
  opacity: 0;
}
.rating-form label .fa-star {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.rating-form label:hover .fa-star,
.rating-form label:focus .fa-star,
.rating-form label:hover ~ label .fa-star,
.rating-form label:focus ~ label .fa-star,
.rating-form input[type='radio']:checked ~ label .fa-star {
  opacity: 1;
}
.rating-form input[type='radio']:checked ~ label .fa-star {
  color: gold;
}
.rating-form .ir {
  position: absolute;
  left: -9999px;
}
/* RATING - Form - Action */
.rating-form .form-action {
  opacity: 0;
  position: absolute;
  left: 5px;
  bottom: -40px;
  -webkit-transition: all 0s ease 0s;
  -moz-transition: all 0s ease 0s;
  -o-transition: all 0s ease 0s;
  transition: all 0s ease 0s;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.rating-form input[type='radio']:checked ~ .form-action {
  cursor: pointer;
  opacity: 1;
}
.rating-form .btn-reset {
  display: inline-block;
  margin: 0;
  padding: 4px 10px;
  border: 0;
  font-size: 10px;
  font-size: 1rem;
  background: #fff;
  color: #333;
  cursor: auto;
  border-radius: 5px;
  outline: 0;
  -webkit-transition: all 0s ease 0s;
  -moz-transition: all 0s ease 0s;
  -o-transition: all 0s ease 0s;
  transition: all 0s ease 0s;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.rating-form .btn-reset:hover,
.rating-form .btn-reset:focus {
  background: gold;
}
.rating-form input[type='radio']:checked ~ .form-action .btn-reset {
  cursor: pointer;
}
/* RATING - Form - Output */
.rating-form .form-output {
  display: none;
  position: absolute;
  right: 15px;
  bottom: -45px;
  font-size: 30px;
  font-size: 3rem;
  opacity: 0;
  -webkit-transition: all 0s ease 0s;
  -moz-transition: all 0s ease 0s;
  -o-transition: all 0s ease 0s;
  transition: all 0s ease 0s;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.no-js .rating-form .form-output {
  right: 5px;
  opacity: 1;
}
.rating-form input[type='radio']:checked ~ .form-output {
  right: 5px;
  opacity: 1;
}
.t-gold{color: gold}
.pagination1{display: inline-block!important;}