/***************************************************************************************************************



||||||||||||||||||||||||||       MASTER STYLESHEET FOR FOUENS             ||||||||||||||||||||||||||||||||||||||



****************************************************************************************************************



||||||||||||||||||||||||||                TABLE OF CONTENT               |||||||||||||||||||||||||||||||||||||||



****************************************************************************************************************



****************************************************************************************************************







01. Imported styles



02. Flaticon reset styles



03. Header styles



04. Mainmenu styles



05. Rev_slider_wrapper styles



66. Call to action area Style



07. Categories area style



08. Fact counter area style



09. Latest Blog area style



10. Latest blog area style 



11. Testimonial area style



12. Brand area style



13. Single service style



14. Pricing table area style



15. About page style



16. Account page style



17. 404 page style style



18. Blog page style



19. Blog single style



20. Contact page style







****************************************************************************************************************



||||||||||||||||||||||||||||            End TABLE OF CONTENT                ||||||||||||||||||||||||||||||||||||



****************************************************************************************************************/











/* Imported styles */



@import url('https://fonts.googleapis.com/css?family=Poppins:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');



@import url('https://fonts.googleapis.com/css?family=Covered+By+Your+Grace');



















@import url(imp.css);



@import url(bootstrap.css);



@import url(font-awesome.min.css);



@import url(hover.css);



@import url(jquery.bxslider.css);



@import url(owl.css);



@import url(owl.theme.default.css);



@import url(animate.css);



@import url(custom-animate.css);



@import url(jquery.bootstrap-touchspin.css);



@import url('bootstrap-select.min.css');



@import url('imagehover.css');



@import url('icomoon.css');



@import url('jquery.fancybox.min.css');



@import url('jquery.mCustomScrollbar.min.css');



@import url('slick.css');



@import url(../fonts/flaticon/flaticon.css);







/*** Price filter***/



@import url(../assets/price-filter/nouislider.css);



@import url(../assets/price-filter/nouislider.pips.css);



/*** single shop slide ***/



@import url(flexslider.css);



/*** Time picker css ***/



@import url(../assets/timepicker/timePicker.css);



/*** flaticon fonts css ***/



@import url(../fonts/flaticon/flaticon.css);



/*** jquery ui css ***/



@import url(../assets/jquery-ui-1.11.4/jquery-ui.css);



/*** Revolution slider ***/



@import url(../plugins/revolution/css/settings.css);



@import url(../plugins/revolution/css/layers.css);



@import url(../plugins/revolution/css/navigation.css);



/*** Bootstrap select picker css ***/



@import url(../assets/bootstrap-sl-1.12.1/bootstrap-select.css);



/*** Language Switcher ***/



@import url(../assets/language-switcher/polyglot-language-switcher.css);



























/*==============================================



   Base Css



===============================================*/



html,



body { 



    height: 100%;



}



body {



    color: #91939d;



    font-size: 16px;



    line-height: 30px;



    font-weight: 500;



    font-family: 'Poppins', sans-serif;



}



button:focus{



    outline: none;



}



button {



    cursor: pointer;



    border: none;



    background: transparent;



    padding: 0;



}



h1, h2, h3, h4, h5, h6 {



    color: #1a1e32;



    font-weight: 600;



    margin: 0;



  



}



h2{



    font-size: 30px;



    line-height: 40px;



    font-weight: 400;



}



h3 {



    color: #ff662a;



    font-size: 24px; 



    line-height: 32px;



    font-weight: 400;





}



h4 {







}



a,



a:hover,



a:active,



a:focus {



    text-decoration: none;



    outline: none;



    border: none;



}



.fix{



    position: relative;



    display: block;



    overflow: hidden;



}



img {



	max-width: 100%;



    height: auto;



}



i {



	font-style: normal;



}



ul,



li {



    list-style: none;



    margin: 0;



    padding: 0;



}



.clr1{



    color: #f36727;



}



.bgclr1{



    background: #f36727;    



}











.secpd1{



    padding: 120px 0;



}



.secpd2{



    padding: 100px 0 60px;



}



.secpd3{



    padding: 100px 0 70px;



}











.btn-one {



    position: relative;



    display: inline-block;



    background: #ff662a;



    color: #ffffff;



    font-size: 16px;



    line-height: 16px;



    font-weight: 600;



    padding: 27px 60px 27px;



    text-transform: capitalize;



    border-radius: 40px;



    font-family: 'Poppins', sans-serif;



    transition: all 500ms ease;



}



.btn-one:hover{



    color: #f2f2f2;



    background: #ed5114;



}



.btn-two{



    position: relative;



    display: inline-block;



    background: #1fc6c7;



    color: #ffffff;



    font-size: 14px;



    line-height: 14px;



    font-weight: 600;



    padding: 18px 40px 18px;



    text-transform: capitalize;



    border-radius: 40px;



    font-family: 'Poppins', sans-serif;



    transition: all 500ms ease;



}



.btn-two:hover{



    color: #f6f6f6;



    background: #0fa8a9;



}











.sec-title {



    position: relative;



    display: block;



    margin-top: -5px;



    padding-bottom: 59px;



}



.sec-title .title {



    position: relative;



    display: block;



    color: #1a1e32;



    font-size: 40px;



    line-height: 50px;



    font-weight: 600;



    text-transform: capitalize;



    margin: 0px 0 0;



}



.sec-title.clr-white .title{



    color: #ffffff;    



}



.sec-title.clr-white h3{



    color: #ffffff;        



}







.anim-icons .icon {



    position: absolute;



    background-repeat: no-repeat;



    background-position: center;



}



.start-1{



    width: 225px;



    height: 270px;



    background-image: url(../images/icon/start-1.html);    



}



.start-2{



    width: 354px;



    height: 430px;



    background-image: url(../images/icon/start-2.html);    



}











/*** 



============================================



	Hidden Sidebar style



============================================



***/



.hidden-bar{



	position: fixed;



	top: 0;



	width: 320px;



	height: 100%;



	background: #111111;



	z-index: 9999999999;



	transition: all 700ms ease;



}



.hidden-bar .mCSB_inside > .mCSB_container{



	margin-right:0px;	



}



.hidden-bar.right-align {



	right: -400px;



}



.hidden-bar.right-align.visible-sidebar{



	right:0px;



	transition-delay: 300ms;



}



.hidden-bar .hidden-bar-closer {



	width: 40px;



	height: 40px;



	position: absolute;



	right: 20px;



	top: 10px;



	background: none;



	color: #ffffff;



	border-radius: 0px;



	text-align: center;



	line-height: 40px;



	transition: all 300ms ease;



	z-index: 999999;



}



.hidden-bar .hidden-bar-closer button {



	background: none;



	display:block;



	font-size: 40px;



	color:#ffffff;



	width:40px;



	height:40px;



	line-height:40px;



}



.hidden-bar .hidden-bar-closer button span:before{



    font-size: 30px;



    line-height: 30px;



}



.hidden-bar .hidden-bar-closer:hover button {



	color: #ffffff;



}







.hidden-bar-wrapper {



	height: 100%;



	padding:30px 5px 30px 30px;



}



.hidden-bar .logo {



	padding:0px 0px 30px;



}



.hidden-bar .logo img{



	display:inline-block;



	max-width:100%;	



}



.hidden-bar .content-box{



	position:relative;



	padding-right:32px;



}



.hidden-bar .content-box a {



    padding: 20px 40px 20px;



}







.hidden-bar .content-box h2{



	position:relative;



	font-size:18px;



	color:#ffffff;



	font-weight:500;



	margin-bottom:20px;



}



.hidden-bar .content-box .text{



	position:relative;



	font-size:14px;



	color: rgba(255,255,255,0.60);



	margin-bottom:25px;



}



.hidden-bar .contact-info{



	position:relative;



	margin-top:60px;



}



.hidden-bar .contact-info h2{



	position:relative;



	font-size:18px;



	color:#ffffff;



	font-weight:500;



	margin-bottom:20px;



}



.hidden-bar .contact-info li{



	position:relative;



	margin-bottom:12px;



	color:rgba(255,255,255,0.90);



	font-size:14px;



	font-weight:400;



	padding-left:30px;



	line-height:2em;



}



.hidden-bar .contact-info li a{



	color:rgba(255,255,255,0.90);



	transition: all 300ms ease;



}



.hidden-bar .contact-info li a:hover{



	color: #ffffff;



}



.hidden-bar .contact-info li .icon{



	position:absolute;



	left:0px;



	top:4px;



	color:rgba(255,255,255,0.60);



	font-size:18px;



	line-height:1.2em;



}















.parallax-bg-one {



    background-attachment: fixed;



    background-position: center top;



    background-repeat: no-repeat;



    background-size: cover;



    position: relative;



    z-index: 1;



}



.parallax-bg-one::before {



    background: rgba(18, 32, 0, 0.90) none repeat scroll 0 0;



    content: "";



    height: 100%;



    left: 0;



    position: absolute;



    top: 0;



    width: 100%;



    z-index: -1;



} 



.parallax-bg-two {



    background-attachment: fixed;



    background-position: center top;



    background-repeat: no-repeat;



    background-size: cover;



    position: relative;



    z-index: 1;



}



.parallax-bg-two::before {



    background: rgba(9, 23, 33, 0.90) none repeat scroll 0 0;



    content: "";



    height: 100%;



    left: 0;



    position: absolute;



    top: 0;



    width: 100%;



    z-index: -1;



} 







.flex-box {



    display: flex;



    justify-content: center;



    flex-direction: row;



    flex-wrap: wrap;



}



.flex-box-two {



    display: flex;



    justify-content: space-between;



    flex-direction: row;



    flex-wrap: wrap;



}



.flex-box-three {



    display: flex;



    justify-content: space-between;



    flex-direction: row;



    flex-wrap: wrap;



    align-items: center;



}



.flex-box-four {



    display: flex;



    justify-content: center;



    flex-direction: row;



    flex-wrap: wrap;



    align-items: center;



}



.flex-box-five {



    display: flex;



    justify-content: space-between;



    flex-direction: row;



    flex-wrap: wrap;



    align-items: center;



}







.owl-nav-style-one{}



.owl-nav-style-one .owl-controls { }



.owl-nav-style-one.owl-theme .owl-nav [class*="owl-"] {



    background: #ffffff none repeat scroll 0 0;



    border-radius: 50%;



    color: #909090;



    font-size: 24px;



    font-weight: 700;



    height: 50px;



    line-height: 46px;



    margin: 0 0 0 0px;



    padding: 0;



    width: 50px;



    border: 1px solid #f3f3f3;    



    transition: all 700ms ease 0s;



}



.owl-nav-style-one.owl-theme .owl-nav .owl-next {



    margin-left: 10px;



}



.owl-nav-style-one.owl-theme .owl-nav [class*="owl-"]:hover{



    border-color: #172272;



    color: #172272;



}







.owl-nav-style-two{}



.owl-nav-style-two .owl-controls { }



.owl-nav-style-two.owl-theme .owl-nav [class*="owl-"] {



    background: #fff none repeat scroll 0 0;



    border-radius: 0%;



    color: #3740b0;



    font-size: 24px;



    font-weight: 700;



    height: 50px;



    line-height: 50px;



    margin: 0 0 0 0px;



    padding: 0;



    width: 50px;



    transition: all 700ms ease 0s;



}



.owl-nav-style-two.owl-theme .owl-nav .owl-next {



    margin-left: 0px;



}



.owl-nav-style-two.owl-theme .owl-nav [class*="owl-"]:hover{



    color: #ffffff;



    background: #3740b0;



}























.accordion-box {



    position: relative;



    display: block;



    overflow: hidden;



}



.accordion-box .accordion {



    position: relative;



    display: block;



    overflow: hidden;



    margin-bottom: 10px;



}



.accordion-box .accordion .accord-btn {



    position: relative;



    display: block;



    cursor: pointer;



    background: #f8f5f2;



    padding-left: 75px;



    padding-right: 20px;



    padding-top: 33px;



    padding-bottom: 33px;



    transition: all 500ms ease;



}



.accordion-box .accordion .accord-btn h4 {



    color: #523d6c;



    font-size: 18px;



    font-weight: 700;



    line-height: 24px;



    transition: all 500ms ease;



}



.accordion-box .accordion .accord-btn::after {



    font-family: "Flaticon";



    position: absolute;



    top: 29px;



    left: 27px;



    color: #bdbdbd;



    content: "\f10a";



    font-size: 16px;



    line-height: 32px;



    font-weight: 300;



    transform: rotate(0deg);



    transition: all 500ms ease 0s;



}



.accordion-box .accordion .accord-btn.active{



    transition: all 500ms ease;



}



.accordion-box .accordion .accord-btn.active h4 {



    color: #dda663;



}



.accordion-box .accordion .accord-btn.active:after{



    color: #dda663;



    transform: rotate(90deg);



}



.accordion-box .accordion .accord-content {



    position: relative;



    padding-top: 32px;



    padding-bottom: 21px;



    padding-left: 30px;



    padding-right: 30px;



    display: none;



}



.accordion-box .accordion .accord-content:before{



    position: absolute;



    top: 10px;



    left: 0px;



    bottom: 0;



    width: 3px;



    background: #dda663;



    content: "";



}



.accordion-box .accordion .accord-content.collapsed {



    display: block;



}



.accordion-box .accordion .accord-content p {



    margin: 0;



}















.slick-dots {



	position: relative;



	display: inline-block;



	top: 0px;



    margin-top: 31px;



}



.slick-dots li {



    position: relative;



    display:  inline-block;



    margin: 0 15px;



}



.slick-dots li:before {



    position: absolute;



    top: 0;



    bottom: 0;



    right: -17px;



    width: 6px;



    height: 1px;



    background: #555555;



    content: "";



    margin: 16px 0;



}



.slick-dots li:last-child:before {



    display: none;



}



.slick-dots li button {



    position: relative;



    display: block;



    width: 32px;



    height: 32px;



    border-radius: 50%;



    background: transparent;



    color: #c2c2c2;



    font-size: 17px;



    font-weight: 500;



    padding-bottom: 0;



    font-family: 'Rubik', sans-serif;



}



.slick-dots li.slick-active button {



    background: #fec144;



	color: #222222;



}











.boxed_wrapper {



    background: #fff none repeat scroll 0 0;



    position: relative;



    margin: 0 auto;



    width: 100%;



    min-width: 320px;



    min-height: 400px;



    overflow: hidden;  



}







/*________________Preloader_______________ */



.preloader{ 



    position:fixed; 



    left:0px; 



    top:0px; 



    width:100%; 



    height:100%; 



    z-index:999999999999999999; 



    background-color:#ffffff; 



    background-position:center center; 



    background-repeat:no-repeat; 



    background-image:url(../images/icon/preloader.gif);



}











/* Update header Style */



@keyframes menu_sticky {



    0%   {margin-top:-100px;}



    50%  {margin-top: -74px;}



    100% {margin-top: 0;}



}



































/* scroll to top styles */



.scroll-to-top {



    background: #ff662a;



    border-radius: 50%;



    bottom: 25px;



    color: #ffffff;



    cursor: pointer;



    display: none;



    font-size: 25px;



    font-weight: normal;



    height: 55px;



    line-height: 56px;



    position: fixed;



    right: 15px;



    text-align: center;



    transition: all 500ms ease 0s;



    width: 55px;



    z-index: 99999999;



    box-shadow: 0px 8px 23px -6px rgba(27,27,27,1);



}



.scroll-to-top:hover {



    opacity: .5;



}







/* Form validation styles */



input:focus,



textarea:focus,



select:focus {



    border-color: #43c3ea;



    outline: none;



}







#contact-form input[type="text"].error{



    border-color: red;    



}



#contact-form input[type="email"].error{



  border-color: red;    



}



#contact-form select.error {



  border-color: red;



}



#contact-form textarea.error{



  border-color: red;    



}











/* Post pagination styles */



.post-pagination{



    position: relative;



    display: block;



}



.post-pagination li {



    display: inline-block;



    margin: 0 3px;



}



.post-pagination li a {



    position: relative;



    display: block;



    border-radius: 50%;



    background: #f5f5f5;



    border: 2px solid #f5f5f5;



    color: #91939d;



    font-size: 16px;



    font-weight: 600;



    height: 60px;



    width: 60px;



    padding: 13px 0;



    transition: all 500ms ease 0s;



    font-family: 'Poppins', sans-serif;



}



.post-pagination li a i {



    position: relative;



    top: 1px;



    color: #868298;



    font-size: 20px;



}



.post-pagination li:hover a i{



    color: #222222;



}



.post-pagination li.active a, 



.post-pagination li:hover a {



    color: #fff;



    background: #ff662a;



    border: 2px solid #ff662a;



}



















/* Post pagination styles 2 */



.post-pagination2{



    display: block;



    margin-top: 20px;



}



.post-pagination2 li {



    display: inline-block;



    margin: 0 3px;



}



.post-pagination2 li a {



    position: relative;



    display: block;



    color: #222222;



    font-size: 18px;



    font-weight: 600;



    height: 32px;



    width: 32px;



    line-height: 32px;



    text-align: center;



    transition: all 500ms ease 0s;



    font-family: 'Poppins', sans-serif;



    border-radius: 50%;



}



.post-pagination2 li.active a, 



.post-pagination2 li:hover a {



    background: #f36727;



    color: #ffffff;



}



.post-pagination2 li a.left {



    width: auto;



    height: auto;



    display: block;



    color: #868298;



    padding-right: 10px;



    transition: all 500ms ease;



}



.post-pagination2 li:hover a.left{



    background: none;



}



.post-pagination2 li a.left i {



    position: relative;



    top: 1px;



    display: inline-block;



    padding-right: 8px;



    font-size: 21px;



}



.post-pagination2 li a.left:hover{



    color: #f36727;



}











.post-pagination2 li a.right {



    width: auto;



    height: auto;



    display: block;



    color: #868298;



    padding-left: 10px;



    transition: all 500ms ease;



}



.post-pagination2 li a.right:hover{



    color: #f36727;    



}



.post-pagination2 li:hover a.right{



    background: none;



}



.post-pagination2 li a.right i {



    position: relative;



    top: 1px;



    display: inline-block;



    padding-left: 8px;



    font-size: 21px;



}



























/* Overlay styles */



.overlay-style-one{



    position: absolute;



    top: 0;



    left: 0;



    width: 100%;



    height: 100%;



    background-color: rgba(31, 198, 199, 0.90);



    transition: all 500ms ease;



    transition-delay: 0.3s;    



    opacity: 0;



    z-index: 2;



}



.overlay-style-one .box{



    display: table;



    height: 100%;



    width: 100%;    



}



.overlay-style-one .box .content{



    display: table-cell;



    text-align: center;



    vertical-align: middle;    



}















.review-box {



    position: relative;



    display: block;



    overflow: hidden;



    line-height: 16px;



}



.review-box ul {



    display: block;



    overflow: hidden;



}



.review-box ul li {



    display: inline-block;



    float: left;



    margin-right: 4px;



}



.review-box ul li:last-child{



    margin-right: 0px;    



}



.review-box ul li i {



    font-size: 14px;



    color: #f36727;



}







.sociallinks-style-one{



}



.sociallinks-style-one li{



    display: inline-block;



    float: left;



    margin-right: 30px;



}



.sociallinks-style-one li:last-child{



    margin-right: 0px;



}



.sociallinks-style-one li a i{



    color: rgba(255, 255, 255, 0.40);



    font-size: 16px;



    font-weight: 400;



    transition: all 500ms ease;



}



.sociallinks-style-one li a:hover i{



    color: #dda663;



}







.sociallinks-style-two{



    overflow: hidden;



}



.sociallinks-style-two li {



    display: inline-block;



    float: left;



    margin-right: 10px;



}



.sociallinks-style-two li:last-child{



    margin-right: 0px;    



}



.sociallinks-style-two li a i {



    position: relative;



    display: block;



    width: 40px;



    height: 40px;



    background: #1e1b31;



    border: 1px solid #26223b;



    border-radius: 50%;



    color: #868298;



    font-size: 14px;



    line-height: 38px;



    text-align: center;



    transition: all 500ms ease 0s;



}



.sociallinks-style-two li a:hover i{



    background: #f36727;



    border-color: #f36727;



    color: #fff;



}















/*==============================================



    Main Header Css        



===============================================*/



.main-header {



    position: relative;



    display: block;



    width: 100%;



    background: #ffffff;



    z-index: 9999;



    transition: all 300ms ease;



}



.main-header.stricky-fixed {



    position: fixed;



    top: 0;



    left: 0;



    width: 100%;



    z-index: 9999;



    background: #ffffff;



    animation-name: menu_sticky;



    animation-duration: 0.60s;



    animation-timing-function: ease-out;



    transition: all .25s ease-in-out;



    box-shadow: 0 0 10px rgba(0,0,0,.1);



}



.main-header.fixed-header .main-box .logo-box {



    padding: 14px 0px 15px;



}





.main-header.fixed-header .main-menu .navigation li a {



    padding: 32px 0 32px;



}



.main-header.fixed-header .main-menu .navigation li ul li a {



    padding: 16px 30px 16px;



}



.main-header.fixed-header .main-menu .navigation > li > ul > li:hover > a {



    padding-left: 45px;



}



.main-header.fixed-header .header-right {



    position: relative;



    float: right;



    padding: 15px 0;



    transition: all 300ms ease;



}







.main-header .main-box {



    position: relative;



}



.main-header .inner-container {



    position: relative;



    padding: 0 50px;



}



.main-header .main-box .logo-box {



    position: relative;



    float: left;



    left: 0px;



    z-index: 13;



    padding: 34px 0px 35px;



    transition: all 300ms ease;



}



.main-header .main-box .logo-box a{



    display: inline-block;



}







.main-header .nav-outer {



    position: relative;



    float: left;



}



.main-header .nav-outer .main-menu{



    padding-left: 450px;



}











.main-header .header-right {



    position: relative;



    float: right;



    padding: 35px 0;



    transition: all 300ms ease;



}



.main-header .header-right .opening-time {



    position: relative;



    display: block;



    float: left;



    padding: 14px 0;



    margin-right: 40px;



}



.main-header .header-right .opening-time p{



    color: #91939d;



    font-size: 16px;



    line-height: 22px;



    font-weight: 500;



    margin: 0;



}



.main-header .header-right .opening-time p i{



    position: relative;



    top: 1px;



    color: #1fc6c7;



    font-size: 18px;



    line-height: 18px;



    display: inline-block;



    padding-right: 9px;



}



.main-header .header-right .button{



    position: relative;



    display: block;



    float: right;



}



.main-header .header-right .button a{}























.main-header.style2{



    position: fixed;



    left: 0px;



    top: 0px;



    z-index: 9999999;



    width: 100%;



    background: transparent;



    border-bottom: 2px solid rgba(255, 255, 255, 0.10);



    transition: all 300ms ease;    



}



.main-header.style2.fixed-header {



    background: #1a1e32;



    box-shadow: 0 0 10px rgba(0,0,0,.1);



    border-bottom: 0px solid rgba(255, 255, 255, 0.10);



}



.main-menu.style2 .navigation li a{



    color: #ffffff;



}



.main-menu.style2 .navigation li ul li a {



    color: #523d6c;



}



.main-header.style2 .header-right .opening-time p {



    color: #ffffff;



}



.main-header.style2 .header-right .opening-time p i{



    color: #ffffff;    



}



.main-header.style2 .header-right .button a {



    background: #ffffff;



    color: #1a1e32;



}











/*==============================================



    Main Menu Css        



===============================================*/



.main-menu {



    position: relative;



    display: inline-block;



    float: left;



    padding-left: 90px;



}



.main-menu .navbar-collapse {



    padding: 0px



}



.main-menu .navigation {



    position: relative;



}



.main-menu .navigation li {



    position: relative;



    display: inline-block;



    float: left;



    margin-right: 65px;



}



.main-menu .navigation li:last-child{



    margin-right: 0;



}



.main-menu .navigation li a {



    position: relative;



    display: block;



    color: #91939d;



    font-size: 16px;



    line-height: 16px;



    font-weight: 500;



    text-transform: capitalize;



    opacity: 1;



    padding: 52px 0 52px;



    transition: all 300ms ease;



    font-family: 'Poppins', sans-serif;



}



.main-menu .navigation > li:hover > a, 



.main-menu .navigation > li.current > a {



    color: #1fc6c7; 



}







.main-menu .navigation > li > ul {



    position: absolute;



    left: 0px;



    top: 130%;



    width: 250px;



    background: transparent;



    padding: 10px 0px 0;



    z-index: 100;



    visibility: hidden;



    opacity: 0;



    transition: all 500ms ease;



    display: block;



    border-bottom: 3px solid #1fc6c7;



    border-radius: 8px;



}



.main-menu .navigation > li > ul:before {



    position: absolute;



    top: 10px;



    left: 0;



    width: 100%;



    background: #ffffff;



    content: "";



    z-index: -1;



    bottom: 0;



    border-radius: 6px;



}



.main-menu .navigation > li:hover > ul {



    top: 100%;



    opacity: 1;



    visibility: visible;



}



.main-menu .navigation > li > ul > li {



    position: relative;



    display: block;



    float: none;



    margin: 0;



    padding: 0;



    width: 100%;



    transition: all 500ms ease;



    z-index: 1;



}



.main-menu .navigation > li > ul > li:before{



    position: absolute;



    left: 30px;



    right: 30px;



    height: 100%;



    border-bottom: 1px solid #e9e9e9;



    content: "";



    z-index: -1;



}



.main-menu .navigation > li > ul > li:last-child:before{



    border-bottom: none;



}



.main-menu .navigation li ul li a {



    position: relative;



    display: block;



    color: #523d6c;



    font-size: 16px;



    font-weight: 600;



    line-height: 20px;



    text-transform: capitalize;



    transition: all 500ms ease 0s;



    padding: 16px 30px 16px;



    font-family: 'Nunito', sans-serif;



}



.main-menu .navigation li ul li a:before {



    position: absolute;



    top: 0;



    left: 30px;



    bottom: 0;



    right: auto;



    width: 7px;



    height: 7px;



    background: #1fc6c7;



    border-radius: 50%;



    content: "";



    margin: 23px 0;



    opacity: 1;



    transform: scale(0);



    transition: all 500ms ease;



}



.main-menu .navigation li ul li:hover a:before{



    transform: scale(1);



    left: 30px;



}



.main-menu .navigation > li > ul > li:hover > a {



    color: #1fc6c7;



    padding-left: 45px;



}







/*



.main-menu .navigation > li > ul > li > ul {



    position: absolute;



	left:100%;



	top:20px;



    width: 250px;



    z-index: 100;



    padding-left: 10px;



    visibility: hidden;



    opacity: 0;



    background: transparent;



    transition: all 200ms ease;



}



.main-menu .navigation > li > ul > li > ul:before{



    position: absolute;



    left: 10px;



    bottom: 0;



    width: 100%;



    height: 100%;



    background: #ffffff;



    border-bottom: 3px solid #fec144;



    content: "";



    z-index: -1;



    border-radius: 6px;    



}



.main-menu .navigation > li > ul > li:hover > ul{



	visibility:visible;



	opacity:1;



	top:0px;



}



.main-menu .navigation > li > ul > li > ul > li{



    position: relative;



    display: block;



    float: none;



    margin: 0;



    padding: 0;



    width: 100%;



    transition: all 500ms ease;



}



.main-menu .navigation > li > ul > li > ul > li:before{



    position: absolute;



    left: 30px;



    right: 30px;



    height: 100%;



    border-bottom: 1px solid #e9e9e9;



    content: "";



    z-index: -1;



}



.main-menu .navigation > li > ul > li > ul > li:last-child:before{



    border-bottom: none;



}



.main-menu .navigation > li > ul > li > ul > li a{



    position: relative;



    display: block;



    color: #222222;



    font-size: 16px;



    font-weight: 400;



    line-height: 20px;



    text-transform: capitalize;



    transition: all 500ms ease 0s;



    padding: 18px 30px 15px;



    font-family: 'Rubik', sans-serif;    



}



.main-menu .navigation > li > ul > li > ul > li a:before {



    position: absolute;



    top: 0;



    left: 30px;



    bottom: 0;



    right: auto;



    width: 7px;



    height: 7px;



    background: #fec144;



    border-radius: 50%;



    content: "";



    margin: 23px 0;



    transform: none;



    opacity: 0;



    transform: scale(0);



    transition: all 500ms ease;



}



.main-menu .navigation > li > ul > li > ul > li:hover a:before{



    transform: scale(1);



    opacity: 1;



    left: 30px;



}



.main-menu .navigation > li > ul > li > ul > li:hover a{



    color: #fec144;



    padding-left: 45px;  



}



**/







/*



.main-menu .navigation li ul li.dropdown{



    position: relative;



    display: block;



    width: 100%;



}



.main-menu .navigation li ul li.dropdown:after{



    position: absolute;



    font-family: 'FontAwesome';



    content: "\f105";



    font-size: 18px;



    line-height: 30px; 



    display: block;



    top: 0;



    bottom: 0;



    right: 30px;



    margin: 11px 0;



    color: #8d8d8d;



}



**/



.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn {



    position: absolute;



    right: 10px;



    top: 6px;



    width: 34px;



    height: 30px;



    border: 1px solid #ffffff;



    background: url(../images/icon/submenu-icon.png) center center no-repeat;



    background-size: 20px;



    cursor: pointer;



    z-index: 5;



    display: none;



    border-radius: 3px;



}















/*** 



=====================================================



	Main Slider style



=====================================================



***/



.home-slider-one{



	position:relative;



    display: block;



	z-index:10;



}



.silder-right-content {



    position: absolute;



    top: 0;



    right: 0;



    max-width: 365px;



    height: 100%;



    z-index: 1000;



    width: 100%;



    background-size: contain;



    background-repeat: no-repeat;



}



.slider-social-links {



    position: absolute;



    top: 200px;



    right: -90px;



    width: 300px;



    transform: rotate(-90deg);



    height: 20px;



}



.slider-social-links li {



    display: inline-block;



    float: left;



    margin-right: 20px;



    line-height: 20px;



}



.slider-social-links li:last-child{



    margin-right: 0;



}



.slider-social-links li a{



    color: #ffffff;



    font-size: 14px;



    font-weight: 600;



    text-transform: capitalize;



}



.slider-social-links li a:hover{



    text-decoration: underline;



}







.slider-contact-info {



    position: absolute;



    left: -55px;



    bottom: 100px;



    width: 400px;



    z-index: 22222222;



}



.slider-contact-info .inner{



    position: relative;



    display: block;



    width: 100%;



}



.slider-contact-info .inner .icon-holder{



    width: 120px;



    height: 120px;



    border: 10px solid rgba(255, 255, 255, 0.10);



    border-radius: 50%;



    text-align: center;



}



.slider-contact-info .inner .icon-holder span:before {



    position: relative;



    display: block;



    width: 100%;



    height: 100%;



    background: #ffffff;



    color: #ff662a;



    font-size: 35px;



    line-height: 100px;



    border-radius: 50%;



}



.slider-contact-info .inner .icon-holder,



.slider-contact-info .inner .title-holder{



    display: table-cell;



    vertical-align: middle;



}



.slider-contact-info .inner .title-holder{



    padding-left: 30px;



}



.slider-contact-info .inner .title-holder h3{



    color: #ffffff;



    font-size: 20px;



}



.slider-contact-info .inner .title-holder h1{



    color: #ffffff;



    font-size: 36px;



    font-weight: 600;



    margin: 0px 0 0;



}



.auto-container {



    position: static;



    max-width: 1170px;



    padding: 0px 15px;



    margin: 0 auto;



}



.home-slider-one .slide-item{



	position:relative;



	padding: 201px 0px 205px;



	background-position: center center;



	background-repeat: no-repeat;



	background-size: cover;



}



.home-slider-one .auto-container{



	max-width: 1200px;	



}



.home-slider-one .content-box{



	position: relative;



	max-width: 640px;	



}



.home-slider-one .shape{



    position: relative;



	display: block;



	letter-spacing: 0px;



	margin-bottom: 12px;



	opacity:0;



	-webkit-transform:translateX(-100px);



	-ms-transform:translateX(-100px);



	-o-transform:translateX(-100px);



	transform:translateX(-100px);



}



.home-slider-one .shape h3{



    color: #ffffff;



    font-size: 26px;



    font-weight: 400;



	line-height: 1.1em;



}



.home-slider-one .active .shape{



	opacity:1;



	-webkit-transform:translateX(0px);



	-ms-transform:translateX(0px);



	-o-transform:translateX(0px);



	transform:translateX(0px);



	-webkit-transition: all 1000ms ease 700ms;



	-moz-transition: all 1000ms ease 700ms;



	-ms-transition: all 1000ms ease 700ms;



	-o-transition: all 1000ms ease 700ms;



	transition: all 1000ms ease 700ms;	



}



.home-slider-one .title{



	position: relative;



	font-size: 70px;



	color: #ffffff;



	font-weight: 700;



	line-height: 1.2em;



	display: inline-block;



	text-transform: capitalize;



    font-family: 'Poppins', sans-serif;



	margin-bottom: 32px;



	opacity: 0;



	-webkit-transform:translateX(-100px);



	-ms-transform:translateX(-100px);



	-o-transform:translateX(-100px);



	transform:translateX(-100px);



}



.home-slider-one .active .title{



	opacity:1;



	-webkit-transform:translateX(0px);



	-ms-transform:translateX(0px);



	-o-transform:translateX(0px);



	transform:translateX(0px);



	-webkit-transition: all 1000ms ease;



	-moz-transition: all 1000ms ease;



	-ms-transition: all 1000ms ease;



	-o-transition: all 1000ms ease;



	transition: all 1000ms ease;	



}



.home-slider-one .link-box{



	position:relative;



	opacity:0;



	-webkit-transform:translateX(-100px);



	-ms-transform:translateX(-100px);



	-o-transform:translateX(-100px);



	transform:translateX(-100px);



}



.home-slider-one .active .link-box{



	opacity:1;



	-webkit-transform:translateX(0px);



	-ms-transform:translateX(0px);



	-o-transform:translateX(0px);



	transform:translateX(0px);



	-webkit-transition: all 1000ms ease 1200ms;



	-moz-transition: all 1000ms ease 1200ms;



	-ms-transition: all 1000ms ease 1200ms;



	-o-transition: all 1000ms ease 1200ms;



	transition: all 1000ms ease 1200ms;	



}



.home-slider-one .owl-dots {



    position: absolute;



    left: 14%;



    max-width: 20px;



    margin-left: 0;



    width: 100%;



    text-align: center;



    top: 50%;



    margin-top: -80px !important;



}



.home-slider-one .owl-dots .owl-dot {



	position: relative;



	display: inline-block;



	overflow: hidden;



    background: transparent;



	width: 18px;



	height: 18px;



	margin: 3px 0px;



	border-radius: 50px;



	border: 2px solid transparent;



	transition: all 500ms ease;



	-moz-transition: all 500ms ease;



	-webkit-transition: all 500ms ease;



	-ms-transition: all 500ms ease;



	-o-transition: all 500ms ease;



}



.home-slider-one .owl-dots .owl-dot:before {



	position: absolute;



    top: 0;



	left: 0px;



	bottom: 0px;



    right: 0;



    margin: 4px;



    background: #ffffff;



    border-radius: 50%;



	content: '';



	transition: all 500ms ease;



	-moz-transition: all 500ms ease;



	-webkit-transition: all 500ms ease;



	-ms-transition: all 500ms ease;



	-o-transition: all 500ms ease;



}



.home-slider-one .owl-dots .owl-dot.active,



.home-slider-one .owl-dots .owl-dot:hover {



	border-color: #ffffff;



}



.home-slider-one .owl-dots .owl-dot span{



    display: none;



}



















/*** 



=====================================================



	Main Slider style



=====================================================



***/



.main-slider {



    position: relative;



    z-index: 10;



}



.main-slider .tp-caption{



	z-index:5 ;



}



.main-slider .tp-dottedoverlay{



    background: none !important;



}



.main-slider .slide-content{



    position: relative;



    display: block;



}



.main-slider .slide-content .title{



	position: relative;



	color: #ffffff;



	font-weight: 500;



    text-transform: none;



	line-height: 1.2em;



    font-family: 'Poppins', sans-serif;



}



.main-slider .slide-content .big-title{



	position: relative;



	color: #ffffff;



	font-weight: 600;



    text-transform: none;



	line-height: 1.2em;



    font-family: 'Poppins', sans-serif;



}



.main-slider .slide-content .btn-box{}



.main-slider .slide-content .btn-box a{



    padding: 27px 0px 27px;



    text-align: center;



    display: block;



    width: 220px;



}































/*** 



=============================================



    Welcome Area style      



=============================================



***/



.welcome-area{



    position: relative;



    display: block;



}



.welcome-image-box {



    position: relative;



    display: block;



    max-width: 500px;



    width: 100%;



    float: left;



}



.welcome-image-box .image-box{



    position: relative;



    display: block;



    float: right;



    z-index: 3;



}



.welcome-image-box img{



    border-radius: 9px;



}



.welcome-image-box .image-box img{



    width: auto;



}







.welcome-image-box .image-thumb1 {



    position: absolute;



    top: 40px;



    left: -35px;



    z-index: 2;



}



.welcome-image-box .image-thumb2 {



    position: absolute;



    bottom: -100px;



    left: 75px;



    width: 180px;



    height: 135px;



    z-index: 4;



}



.welcome-image-box .icon-box {



    position: absolute;



    bottom: -74px;



    right: -73px;



    width: 149px;



    height: 149px;



    border-radius: 50%;



    z-index: 5;



    border: 2px dashed #fff;



    text-align: center;



    padding: 15px;



}



.welcome-image-box .icon-box .inner {



    position: relative;



    display: block;



    width: 100%;



    height: 100%;



    background: #ffffff;



    border-radius: 50%;



    padding: 34px 0;



    -webkit-box-shadow: 0px 2px 6px 1px rgba(245,245,245,1);



    -moz-box-shadow: 0px 2px 6px 1px rgba(245,245,245,1);



    box-shadow: 0px 2px 6px 1px rgba(245,245,245,1);



}







.welcome-content-box{



    position: relative;



    display: block;



}



.welcome-content-box .top {



    position: relative;



    display: block;



    overflow: hidden;



    padding-bottom: 32px;



}



.welcome-content-box .top .icon{



    width: 60px;



}



.welcome-content-box .top .icon,



.welcome-content-box .top .title{



    display: table-cell;



    vertical-align: middle;



}



.welcome-content-box .top .title{



    padding-left: 20px;    



}



.welcome-content-box .top .title h2{



    



}







.welcome-content-box .text {



    position: relative;



    display: block;



    padding-bottom: 27px;



}







.welcome-content-box .bottom{



    position: relative;



    display: block;



}



.welcome-content-box .bottom .video-holder-box{



    position: relative;



    width: 200px;



}



.welcome-content-box .bottom .video-holder-box,



.welcome-content-box .bottom .title-holder-box{



    display: table-cell;



    vertical-align: middle;



}



.welcome-content-box .bottom .title-holder-box{



    padding-left: 40px;



}



.welcome-content-box .bottom .title-holder-box h4{



    font-size: 20px;



    font-weight: 400;



    line-height: 30px;



}



.welcome-content-box .bottom .title-holder-box h4 span{



    color: #ff662a;



    font-size: 24px;



    font-family: 'Covered By Your Grace', cursive;



}















.video-holder-box .img-holder{



    position: relative;



    display: block;



    overflow: hidden;



    border-radius: 9px;



}



.video-holder-box .img-holder img {



    transform: scale(1);



    transition: all 0.5s ease 0s;



    width: 100%;



}



.video-holder-box .img-holder:hover img{



  transform: scale(1.1);



}



.video-holder-box .img-holder .icon-holder {



    position: absolute;



    top: 0;



    left: 0;



    height: 100%;



    width: 100%;



    background-color: rgba(0, 0, 0, 0.60);



    transition: all 500ms ease;



}



.video-holder-box:hover .img-holder .icon-holder {



    background-color: rgba(0, 0, 0, 0.90);



}



.video-holder-box .img-holder .icon-holder .icon {



    display: table;



    height: 100%;



    width: 100%;



}



.video-holder-box .img-holder .icon-holder .icon .inner {



    display: table-cell;



    vertical-align: middle;



    text-align: center;



}



.video-holder-box .img-holder .icon-holder .icon .inner a{



	position: relative;



    display: block;



    border: 10px solid rgba(255, 255, 255, 0.10);



	color: #ffffff;



	height: 80px;



	width: 80px;



    margin: 0 auto;



	border-radius: 50%;



    text-align: center;



    transition: all 500ms ease;



}



.video-holder-box .img-holder .icon-holder .icon .inner a:hover{



    color: #1fc6c7;



}



.video-holder-box .img-holder .icon-holder .icon .inner a span:before {



    position: relative;



    display: block;



    background: #ff662a;



    font-size: 15px;



    line-height: 60px;



    border-radius: 50%;



}



.video-holder-box .img-holder:hover .icon-holder .icon .inner a{



    transform: rotate(360deg);    



}















/*** 



=============================================



    Welcome Area Style2 style      



=============================================



***/



.welcome-area.style2{



    position: relative;



    display: block;



}



.welcome-image-box2{



    position: relative;



    display: block;



}



.welcome-image-box2 img{



    width: 100%;



}



.welcome-content-box2{



    position: relative;



    display: block;



    padding-left: 70px;



}



.welcome-content-box2 .sec-title{



    padding-bottom: 38px;



}



.welcome-content-box2 .inner-content{



    position: relative;



    display: block;    



}



.welcome-content-box2 .inner-content .text{



    display: block;



    padding-bottom: 14px;



}



.welcome-content-box2 .inner-content a{



    background: #1fc6c7; 



    padding: 27px 50px 27px;



}



.welcome-content-box2 .inner-content a:hover{



    background: #11adae;



}















/*** 



=============================================



    Services Style1 Area Style      



=============================================



***/



.services-style1-area {



    position: relative;



    display: block;



    background: #f5f5f5;



    padding-bottom: 110px;



    z-index: 1;



}



.services-style1-area:before{



    position: absolute;



    top: 0;



    left: 0;



    width: 100%;



    height: 100%;



    content: "";



    background: url(../images/pattern/pattern-bg1.png);



    background-repeat: no-repeat;



    background-size: cover;



    z-index: -1;



    transition: .5s ease;    



}







.single-service-style1 {



    position: relative;



    display: block;



    margin-bottom: 40px;



    transition: all 300ms ease;



    transform: perspective(1200px) rotateX(0deg) translateY(0px);



}



.single-service-style1:hover{



    transform: perspective(1200px) rotateX(0deg) translateY(-10px);    



}



.single-service-style1 .inner {



    position: relative;



    display: block;



    background: #ffffff;



    padding: 40px;



    border-radius: 10px 10px 0px 0px;



    padding-bottom: 0;



}



.single-service-style1 .img-holder{



    position: relative;



    display: block;



    overflow: hidden; 



    border-radius: 8px;



    z-index: 1;



}



.single-service-style1 .img-holder::before {



    position: absolute;



    top: 0px;



    left: 0px;



    bottom: 0px;



    right: 0px;



    background: rgba(255, 102, 44, 0.70);



    content: "";



    transition: all 0.5s ease-in-out 0s;



    transform-style: preserve-3d;



    transform: perspective(1200px) rotateX(-90deg) translateZ(0px);



}



.single-service-style1:hover .img-holder::before{



	transform: perspective(1200px) rotateX(0deg) translateZ(0px);



	transition-delay: 0.1s;



}



.single-service-style1 .img-holder img {



    width: 100%;



    transition: .5s ease;



}











.single-service-style1 .text-holder {



    position: relative;



    display: block;



    background: #ffffff;



    padding: 40px 40px 33px;



    z-index: 3;



    border-radius: 0 0px 10px 10px;



}



.single-service-style1 .text-holder .button {



    position: absolute;



    top: -40px;



    left: 0;



    right: 0;



}



.single-service-style1 .text-holder .button a{



    position: relative;



    display: block;



    width: 80px;



    height: 80px;



    margin: 0 auto;



    border: 10px solid rgba(255, 255, 255, 0.60);



    border-radius: 50%;



    transition: all 500ms ease;



}



.single-service-style1 .text-holder .button a i{



    display: block;



    width: 100%;



    height: 100%;



    background: #1fc6c7;



    color: #ffffff;



    font-size: 18px;



    line-height: 60px;



    border-radius: 50%;



    transition: all 500ms ease;



}



.single-service-style1 .text-holder .button a:hover i{



    transform: rotate(360deg);        



}



.single-service-style1:hover .text-holder .button a i{



    background: #ff662a; 



    transition: all 500ms ease;



    transition-delay: .2s;



}







.single-service-style1 .text-holder h4 {



    font-size: 22px;



    font-weight: 500;



    line-height: 28px;



    margin: 20px 0 0;



}



.single-service-style1 .text-holder h4 a{



    color: #1a1e32;



    transition: all 500ms ease;



    transition-delay: .4s;



}



.single-service-style1:hover .text-holder h4 a{



    color: #ff662a; 







}







.services-style1-area .contact-us{



    position: relative;



    display: block;



    padding-top: 11px;



}



.services-style1-area .contact-us h3{



    color: #91939d;



    font-size: 18px;



    font-weight: 400;



    font-family: 'Poppins', sans-serif;



}



.services-style1-area .contact-us h3 span{



    color: #ff662a;



    font-size: 24px;



    font-family: 'Covered By Your Grace', cursive;



    text-decoration: underline;



}















/*** 



=============================================



    Working Steps Area style



=============================================



***/



.working-steps-area {



    position: relative;



    display: block;



    background: #ffffff;



    padding: 120px 0 70px;



}



.single-working-steps-box {



    position: relative;



    display: inline-block;



    float: left;



    max-width: 200px;



    width: 100%;



    margin: 0 auto 40px;



    margin-right: 120px;



}



.single-working-steps-box:last-child{



    margin-right: 0;



}



.single-working-steps-box:before {



    position: absolute;



    top: 0;



    right: -81px;



    background: url(../images/icon/star.png);



    background-repeat: no-repeat;



    width: 43px;



    height: 41px;



    content: "";



    bottom: 0;



    margin: 75px 0;



}



.single-working-steps-box:last-child:before{



    display: none;



}







.single-working-steps-box .icon-holder {



    position: relative;



    display: block;



    width: 190px;



    height: 190px;



    margin: 0 auto;



    border: 10px solid #f5f5f5;



    border-radius: 50%;



    transition: all 0.5s ease-in-out 0s;



}



.single-working-steps-box:hover .icon-holder{



 



}



.single-working-steps-box .icon-holder span:before {



    color: #ff662a;



    font-size: 60px;



    line-height: 170px;



    transition: all 500ms ease;



    transition-delay: .2s;



    display: block;



    transition: all 0.8s ease-in-out .3s;



}



.single-working-steps-box:hover .icon-holder span:before{



    color: #1a1e32;    



}



.single-working-steps-box .icon-holder .count {



    position: absolute;



    top: -8px;



    right: -6px;



    width: 60px;



    height: 60px;



    background: #1fc6c7;



    border: 2px solid #1fc6c7;



    border-radius: 50%;



    transition: all 0.5s ease-in-out 0s;



}



.single-working-steps-box:hover .icon-holder .count {



    background: #ff662a;



    border-color: #f4591d;



    color: #ffffff;



    transition: all 0.5s ease-in-out 0s;



    transform-style: preserve-3d;



    transform: perspective(0px) rotateX(0deg) rotate(360deg);



}







.single-working-steps-box .icon-holder .count h5 {



    display: block;



    padding: 18px 0;



    color: #ffffff;



    font-size: 16px;



    font-weight: 600;



    text-transform: uppercase;



}







.single-working-steps-box .text-holder{



    position: relative;



    display: block;



    padding-top: 23px;



}



.single-working-steps-box .text-holder h4{



    font-size: 20px;



    line-height: 30px;



    margin: 0 0 24px;



}



.single-working-steps-box .text-holder h4 a{



    color: #1a1e32;



    transition: all 0.8s ease-in-out .3s;



}



.single-working-steps-box:hover .text-holder h4 a{



    color: #ff662a;



}



.single-working-steps-box .text-holder p{



    margin: 0;



}















/*** 



=============================================



    Quote Area Style



=============================================



***/



.quote-area{



    position: relative;



    display: block;



    padding-bottom: 120px;



    z-index: 1;



}



.quote-area .inner-content {



    position: relative;



    display: block;



    padding: 0px 100px 0px;



    padding-right: 0;



    border-radius: 10px;



    margin-top: -235px;



    background: #ffffff;



    -webkit-box-shadow: 0px 4px 7px 0px #eeeeee; 



    box-shadow: 0px 4px 7px 0px #eeeeee;



}



.quote-form {



    position: relative;



    display: block;



    background: #ffffff;



    z-index: 3;



    padding-top: 77px;



    padding-right: 70px;



}



.quote-form .title {



    position: relative;



    display: block;



    padding-bottom: 21px;



}



.quote-form .title h2{



    font-size: 30px;



    line-height: 38px;



    font-weight: 600;



}







.quote-form form {



    position: relative;



    display: block;



}



.quote-form form .input-box {



    position: relative;



    display: block;



    margin-bottom: 20px;



}



.quote-form form .input-box input[type=text],



.quote-form form .input-box input[type=email],



.quote-form form .input-box textarea{



    position: relative;



    display: block;



    background: #f5f5f5;



    border: 1px solid #f5f5f5;



    width: 100%;



    height: 65px;



    padding: 0 25px;



    color: #91939d;



    font-size: 14px;



    font-weight: 500;



    border-radius: 7px;



    font-family: 'Poppins', sans-serif;



    transition: all 500ms ease;



}



.quote-form form .input-box textarea{



    height: 115px;



    padding: 15px 25px;



}



.quote-form form button {



    padding: 27px 60px 27px;



}



.quote-form form .input-box input[type=text]:focus{



    border-color: #ff662a;



}



.quote-form form .input-box input[type=email]:focus{



    border-color: #ff662a;



}



.quote-form form .input-box textarea:focus{



    border-color: #ff662a;



}



.quote-form form .input-box button:hover{}







.quote-right-box{



    position: relative;



    display: block;



}



.quote-right-box .image-holder {



    display: block;



    margin-right: -1px;



}



.quote-right-box .image-holder img {



    width: 100%;



    border-top-right-radius: 10px;



}



.quote-right-box .text-holder {



    display: block;



    background: #1fc6c7;



    padding: 44px 50px 42px;



    padding-right: 20px;



}



.quote-right-box .text-holder h4{



    color: #ffffff;



    font-size: 20px;



    font-weight: 500;



    line-height: 28px;



    margin: 0 0 13px;



}



.quote-right-box .text-holder a{



    color: #ffffff;



    font-size: 14px;



    font-weight: 600;



    text-decoration: underline;



    text-transform: capitalize;



}











.video-gallery-bg {



    position: relative;



    display: block;



}



.video-gallery-bg .video-holder-box {



    position: relative;



    display: block;



}



.video-gallery-bg .video-holder-box .img-holder{



    border-radius: 0;



}



.video-gallery-bg .video-holder-box .img-holder .icon-holder{



    background: transparent;



}



.video-gallery-bg .video-holder-box .img-holder .icon-holder .icon{



    margin-top: 120px;    



}



.video-gallery-bg .video-holder-box .img-holder .icon-holder .icon .inner{



    display: table-cell;



    vertical-align: top;



}



.video-gallery-bg .video-holder-box .img-holder .icon-holder .icon .inner a {



    border: 10px solid rgba(255, 255, 255, 0.10);



    height: 120px;



    width: 120px;



}



.video-gallery-bg .video-holder-box .img-holder .icon-holder .icon .inner a span:before {



    font-size: 20px;



    line-height: 100px;



}



.video-gallery-bg .video-holder-box .img-holder .icon-holder .icon .inner h3 {



    color: #ffffff;



    margin-top: 46px;



    margin-bottom: 11px;



}



.video-gallery-bg .video-holder-box .img-holder .icon-holder .icon .inner h1{



    color: #ffffff;



    font-size: 60px;



    line-height: 72px;



    font-weight: 600;



}











/*** 



=============================================



	Testimonial Section Three



=============================================



***/



.testimonial-section-one {



    position: relative;



    display: block;



    padding: 0px 0 115px;



    z-index: 1;



}



.testimonial-section-one .testimonial-outer{



    position: relative;



	max-width: 1170px;



    width: 100%;



	background: transparent;



    padding: 0px 180px 0px;



    z-index: 10;



}



.testimonial-section-one .testimonial-outer .testimonial-text {



    position: absolute;



    top: 50%;



    right: -61px;



    transform: rotate(-90deg);



    margin-top: -40px;



}



.testimonial-section-one .testimonial-outer .testimonial-text p{



    color: #ff662a;



    font-size: 20px;



    font-weight: 400;



    margin: 0;



    text-transform: capitalize;



    letter-spacing: 1px;



}







.testimonial-section-one .client-thumb-outer {



    position: relative;



    max-width: 280px;



    margin: 0 auto;



    overflow: hidden;



}



.testimonial-section-one .client-thumb-outer .client-thumbs-carousel{



	position: relative;



    max-width: 80px;



    margin: 0 auto;



	text-align:center;



}



.testimonial-section-one .client-thumb-outer .owl-item{



	position: relative;



	opacity:1;



}



.testimonial-section-one .client-thumb-outer .thumb-item .thumb-box{



	width: 80px;



	height: 80px;



	cursor: pointer;



	border-radius: 50%;



	margin: 0 auto;



    transform: scale(1.0, 1.0);



}



.testimonial-section-one .client-thumb-outer .owl-item .thumb-box:before {



	position: absolute;



	left: 0;



	top: 0;



	width: 100%;



	height: 100%;



	content: '';



	background: #ffffff;



	opacity: 0.5;



	z-index: 9;



	cursor: pointer;



	border-radius: 50%;



}



.testimonial-section-one .client-thumb-outer .owl-item.active .thumb-box:before {



	opacity: 0;



}



.testimonial-section-one .client-thumb-outer .client-thumbs-carousel .thumb-item img{



	display: block;



	overflow: hidden;



	width: 100%;



	height: 100%;



	border-radius:50%;



}



.testimonial-section-one .client-thumb-outer .owl-item.active{



	opacity: 1;



}



.testimonial-section-one .client-thumb-outer .owl-item.active .thumb-item .thumb-box{



    transform: scale(1.0, 1.0);



}



.testimonial-section-one .client-thumb-outer .client-thumbs-carousel .owl-stage-outer{



	overflow:visible;



}











.testimonial-block-one{



	position: relative;



}



.testimonial-block-one .inner-box{



	position: relative;



	text-align: center;



}



.testimonial-block-one .inner-box .text {



    position: relative;



    color: #1a1e32;



    font-size: 30px;



    line-height: 50px;



    font-weight: 400;



    margin-top: 48px;



    margin-bottom: 33px;



}



.testimonial-section-one .author-content {



	position: relative;



    display: block;



}







.testimonial-section-one .author-content .review-box {



    line-height: 30px;



    margin-bottom: 27px;



}



.testimonial-section-one .author-content .review-box ul li {



    float: none;



    margin-right: 0;



    margin: 0 2px;



}



.testimonial-section-one .author-content .review-box ul li i{



    color: #fda700;



    font-size: 16px;



}







.testimonial-section-one .author-content h4 {



	color:  #1fc6c7;



	font-size:  20px;



	font-weight:  500;



}



.testimonial-section-one .author-content h4 span{



    color: #91939d;



    font-size: 16px;



}



.testimonial-section-one .owl-nav{



    display: none;



}











.testimonial-section-one .owl-dots {



    position: absolute;



    left: -180px;



    max-width: 20px;



    margin-left: 0;



    width: 100%;



    text-align: center;



    top: 50%;



    margin-top: -100px !important;



}



.testimonial-section-one .owl-dots .owl-dot {



	position: relative;



	display: inline-block;



	overflow: hidden;



    background: transparent;



	width: 18px;



	height: 18px;



	margin: 3px 0px;



	border-radius: 50px;



	border: 2px solid transparent;



	transition: all 500ms ease;



	-moz-transition: all 500ms ease;



	-webkit-transition: all 500ms ease;



	-ms-transition: all 500ms ease;



	-o-transition: all 500ms ease;



}



.testimonial-section-one .owl-dots .owl-dot:before {



	position: absolute;



    top: 0;



	left: 0px;



	bottom: 0px;



    right: 0;



    margin: 4px;



    background: #d1d2d6;



    border-radius: 50%;



	content: '';



	transition: all 500ms ease;



	-moz-transition: all 500ms ease;



	-webkit-transition: all 500ms ease;



	-ms-transition: all 500ms ease;



	-o-transition: all 500ms ease;



}



.testimonial-section-one .owl-dots .owl-dot.active,



.testimonial-section-one .owl-dots .owl-dot:hover {



	border-color: #1a1e32;



}



.testimonial-section-one .owl-dots .owl-dot.active:before,



.testimonial-section-one .owl-dots .owl-dot:hover:before{



    background: #1a1e32;



}



.testimonial-section-one .owl-dots .owl-dot span{



    display: none;



}















/*** 



=============================================



    Choose Area Style      



=============================================



***/



.choose-area {



    position: relative;



    display: block;



    background-attachment: scroll;



    background-size: cover;



    background-position: center top;



    background-repeat: no-repeat;



    padding: 120px 0 110px;



    z-index: 1;



}



.choose-area .sec-title {



    padding-bottom: 49px;



}



.choose-area::before {



    background: rgba(31, 198, 199, 0.80) none repeat scroll 0 0;



    position: absolute;



    top: 0;



    left: 0;



    height: 100%;



    width: 100%;



    content: "";



    z-index: -1;



} 



.choose-content{}



.single-choose-box{



    position: relative;



    display: inline-block;



    float: left;



    text-align: center;



    background: #ffffff;



    width: 210px;



    padding: 41px 0 34px;



    border-radius: 7px;



    margin-right: 30px;



    margin-bottom: 30px;



    z-index: 1;



}



.single-choose-box::before {



    position: absolute;



    top: 0px;



    left: 0px;



    bottom: 0px;



    right: 0px;



    background: #ff662a;



    border-radius: 7px;



    content: "";



    z-index: -1;



    transition: all 0.5s ease-in-out 0s;



    transform-style: preserve-3d;



    transform: perspective(1200px) rotateX(-30deg) translateZ(0px);



    opacity: 0;



}



.single-choose-box:hover::before{



    opacity: 1;



	transform: perspective(1200px) rotateX(0deg) translateZ(0px);



	transition-delay: 0.1s;



}



.single-choose-box:last-child{



    margin-right: 0;



}



.single-choose-box span:before{



    color: #1fc6c7;



    font-size: 60px;



    line-height: 60px;



    transition: all 0.5s ease-in-out .3s;



}



.single-choose-box:hover span:before{



    color: #ffffff;



}



.single-choose-box h4{



    font-size: 18px;



    font-weight: 500;



    line-height: 24px;



    margin: 14px 0 0;



    transition: all 0.5s ease-in-out .5s;



}



.single-choose-box:hover h4{



    color: #ffffff;



}



.choose-area .contact-us{



    position: relative;



    display: block;



    padding-top: 21px;



}



.choose-area .contact-us h3{



    color: #ffffff;



    font-size: 18px;



    font-weight: 400;



    font-family: 'Poppins', sans-serif;



}



.choose-area .contact-us h3 a{



    color: #ffffff;



    font-size: 24px;



    font-family: 'Covered By Your Grace', cursive;



    text-decoration: underline;



}















/*** 



=============================================



    Latest blog Area style



=============================================



***/



.latest-blog-area {



    position: relative;



    display: block;



    background: #ffffff;



    border-bottom: 2px solid #f5f5f5;



    padding-top: 120px;



    padding-bottom: 75px;



}



.single-blog-post {



    position: relative;



    display: block;



    margin-bottom: 40px;



}



.single-blog-post.mxwidth{



    max-width: 370px;



    margin: 0 auto 40px;



}



.single-blog-post .img-holder {



    position: relative;



    display: block;



    overflow: hidden;



    border-radius: 7px;



    transition: all 0.5s ease-in-out 0.6s;



}



.single-blog-post .img-holder::before {



    background: rgba(255, 102, 44, 0.85);



    top: 0px;



    left: 0px;



    bottom: 0px;



    right: 0px;



    content: "";



    position: absolute;



    transition: all 900ms ease;



    transform-style: preserve-3d;



    transform: perspective(1200px) rotateX(-90deg) translateZ(0px);



    z-index: 3;



    opacity: 0;



}



.single-blog-post:hover .img-holder::before{



	transform: perspective(1200px) rotateX(0deg) translateZ(0px);



    opacity: 1;



}



.single-blog-post .img-holder img {



    transition: all 0.5s ease-in-out 0.6s;    



    width: 100%;



}



.single-blog-post:hover .img-holder img {



    transform: scale(1.2, 1.2);



}



.single-blog-post .post-date {



    position: absolute;



    bottom: 0px;



    left: 20px;



    width: 125px;



    height: 40px;



    text-align: center;



    background: #1fc6c7;



    border-radius: 7px 7px 0px 0px;



    z-index: 3;



    transition: all 0.5s ease-in-out 0.5s;



}



.single-blog-post:hover .post-date{



    left: 122px;



}



.single-blog-post .post-date h6 {



    color: #ffffff;



    font-size: 12px;



    line-height: 40px;



    font-weight: 500;



    text-transform: capitalize;



}







.single-blog-post .text-holder {



    position: relative;



    display: block;



    padding-top: 21px;



}



.single-blog-post .text-holder .blog-title {



    position: relative;



    display: block;



    font-size: 24px;



    line-height: 36px;



    font-weight: 600;



    margin-bottom: 10px;



    font-family: 'Poppins', sans-serif;



}



.single-blog-post .text-holder .blog-title a{



    color: #1a1e32;



    transition: all 500ms ease;



}



.single-blog-post:hover .text-holder .blog-title a{



    color: #1fc6c7;



}











.single-blog-post .meta-box {



    position: relative;



    display: block;



    overflow: hidden;



}



.single-blog-post .meta-box .meta-info {



    position: relative;



    display: block;



    overflow: hidden;



}



.single-blog-post .meta-box .meta-info li {



    position: relative;



    display: inline-block;



    float: left;



    line-height: 20px;



    padding-right: 25px;



}



.single-blog-post .meta-box .meta-info li:last-child{



    padding-right: 0px;



}



.single-blog-post .meta-box .meta-info li a{



    color: #ff662a;



    font-size: 14px;



    font-weight: 500;



    text-transform: capitalize;



    transition: all 500ms ease;



}



.single-blog-post .meta-box .meta-info li a:hover{



    color: #1fc6c7;



}















/*** 



=============================================



    Brand Area Style      



=============================================



***/



.brand-area{



    position: relative;



    display: block;



    padding-top: 120px;



    padding-bottom: 90px;



}



.single-brand-item {



    position: relative;



    display: block;



    max-width: 270px;



    width: 100%;



    text-align: center;



    margin: 0 auto 30px;



    border: 1px solid #f0eef9;



    transition: all 700ms ease;



}



.single-brand-item:hover{



    -webkit-box-shadow: 0px 2px 10px 3px #f0eef9; 



    box-shadow: 0px 2px 10px 3px #f0eef9;    



}



.single-brand-item a{



    display: block;



}



.single-brand-item a img{



    width: auto;



}















/*** 



=============================================



    Footer area style



=============================================



***/



.footer-area {



    position: relative;



    display: block;



    background: #1a1e32;



    padding-top: 120px;



    padding-bottom: 82px;



    z-index: 3;



}



.footer-area .shape {



    position: absolute;



    bottom: 60px;



    right: 130px;



    z-index: 1;



}











.single-footer-widget {



    position: relative;



    display: block;



    overflow: hidden;



}



.single-footer-widget.marleft70{



    margin-left: 70px;



}



.single-footer-widget.marleft30{



    margin-left: 30px;



}



.single-footer-widget.marleft40{



    margin-left: 40px;



}



.single-footer-widget .title {



    position: relative;



    display: block;



    margin-top: 0px;



    margin-bottom: 39px;



}



.single-footer-widget .title h3 {



    color: #ffffff;



    font-size: 18px;



    line-height: 20px;



    font-weight: 600;



    text-transform: capitalize;



    font-family: 'Poppins', sans-serif;



}







.footer-logo{



    position: relative;



    display: block;



}



.footer-logo a{



    display: inline-block;



}



.single-footer-widget .company-info{



    position: relative;



    display: block;



}



.single-footer-widget .company-info .text-box {



    display: block;



    padding-top: 32px;



}



.single-footer-widget .company-info .text-box p{



    color: #a1a4b5;



    font-size: 16px;



    line-height: 30px;



    font-weight: 500;



    margin: 0;



}











.single-footer-widget .explore-links{



    position: relative;



    display: block;



}



.single-footer-widget .explore-links li {



    line-height: 26px;



    margin-bottom: 10px;



}



.single-footer-widget .explore-links li:last-child{



    margin-bottom: 0;



}



.single-footer-widget .explore-links li a{



    position: relative;



    display: block;



    color: #a1a4b5;



    font-size: 16px;



    font-weight: 500;



    padding-left: 20px;



    transition: all 500ms ease;



}



.single-footer-widget .explore-links li a:hover{



    color: #ffffff;



    padding-left: 25px;



}



.single-footer-widget .explore-links li a:before {



    position: absolute;



    top: 0px;



    left: 0;



    content: "\f105";



    font-family: FontAwesome;



    color: #a1a4b5;



    font-size: 16px;



    transition: all 0.3s ease-in-out 0.1s;



}



.single-footer-widget .explore-links li a:hover:before{



    left: 5px;



    color: #1fc6c7; 



}















.single-footer-widget .legal-links{



    position: relative;



    display: block;



}



.single-footer-widget .legal-links li {



    line-height: 26px;



    margin-bottom: 10px;



}



.single-footer-widget .legal-links li:last-chil{



    margin-bottom: 0;



}



.single-footer-widget .legal-links li a{



    position: relative;



    display: block;



    color: #a1a4b5;



    font-size: 16px;



    font-weight: 500;



    padding-left: 20px;



    transition: all 500ms ease;



}



.single-footer-widget .legal-links li a:hover{



    color: #ffffff;



    padding-left: 25px;



}



.single-footer-widget .legal-links li a:before {



    position: absolute;



    top: 0px;



    left: 0;



    content: "\f105";



    font-family: FontAwesome;



    color: #a1a4b5;



    font-size: 16px;



    transition: all 0.3s ease-in-out 0.1s;



}



.single-footer-widget .legal-links li a:hover:before{



    left: 5px;



    color: #1fc6c7; 



}











.single-footer-widget .contact-info{



    position: relative;



    display: block;



}



.single-footer-widget .contact-info li {



    margin-bottom: 14px;



}



.single-footer-widget .contact-info li:last-child{



    margin-bottom: 0;



}



.single-footer-widget .contact-info li span {



    display: block;



    color: #ff662a;



    font-size: 16px;



    font-weight: 600;



    line-height: 24px;



}



.single-footer-widget .contact-info li h3{



    color: #ffffff;



    font-size: 18px;



    line-height: 22px;



    font-weight: 500;



    margin: 4px 0 0;



    font-family: 'Poppins', sans-serif;



}



.single-footer-widget .contact-info li .text{}



.single-footer-widget .contact-info li .text p{



    color: #a1a4b5;



    font-size: 16px;



    font-weight: 500;



    line-height: 26px;



    margin: 0;



}















/*** 



=============================================



    Footer Bottom Area Style      



=============================================



***/



.footer-bottom-area {



    position: relative;



    display: block;



    background: #1a1e32;



    border-top: 2px solid #26293c;



    padding: 28px 0 28px;



}



.footer-bottom-area .copyright-text {



    margin: 0;



}



.footer-bottom-area .copyright-text p {



    color: #a1a4b5;



    font-size: 16px;



    font-weight: 500;



    margin: 0;



    line-height: 24px;



}



.footer-bottom-area .copyright-text p a {



    color: #ffffff;



    font-weight: 600;



    transition: all 500ms ease;



}



.footer-bottom-area .copyright-text p a:hover{



    color: #a1a4b5;



}















/*** 



=============================================



    Slogan Area style1 Style      



=============================================



***/



.slogan-area-style1{



    position: relative;



    display: block;



    background: #f97a37;



    padding: 60px 0 60px;



    z-index: 3;



}



.slogan-area-style1 .inner-content{



    z-index: 99;



}







.slogan-area-style1 .title {



    display: block;



    margin: 16px 0 17px;



}



.slogan-area-style1 .title h3{



    color: #ffffff;



    font-size: 24px;



    line-height: 36px;



    font-weight: 500;



    font-family: 'Poppins', sans-serif;



}



.slogan-area-style1 .title h3 a{



    color: #ffffff;



    font-size: 30px;  



    text-decoration: underline;



    transition: all 500ms ease;



    font-family: 'Covered By Your Grace', cursive;



}



.slogan-area-style1 .title h3 a:hover{



    color: #1fc6c7;



}



.slogan-area-style1 .button{}



.slogan-area-style1 .button a{



    color: #1a1e32;



    background: #ffffff;



    font-weight: 400;



    padding: 27px 50px 27px; 



}



.slogan-area-style1 .button a:hover{



    color: #ffffff;



    background: #f37432;    



}











.slogan-area-style1 .shape {



    position: absolute;



    bottom: 10px;



    left: 80px;



    z-index: 1;



}



.slogan-area-style1 .shape2 {



    position: absolute;



    top: 40px;



    left: 260px;



    z-index: 1;



}



.slogan-area-style1 .shape3 {



    position: absolute;



    left: 26%;



    top: 50%;



    margin-top: -20px;



    z-index: 1;



}



.slogan-area-style1 .shape4 {



    position: absolute;



    left: 50%;



    top: -20px;



    z-index: 1;



}



.slogan-area-style1 .shape5 {



    position: absolute;



    right: 500px;



    bottom: 20px;



    z-index: 1;



}



.slogan-area-style1 .shape6 {



    position: absolute;



    right: 170px;



    top: 40px;



    z-index: 1;



}















/*** 



=============================================



    Slogan Area style1 Style      



=============================================



***/



.slogan-area-style2{



    position: relative;



    display: block;



    background-attachment: fixed;



    background-size: cover;



    background-position: center top;



    background-repeat: no-repeat;



    padding: 110px 0 0px;



    z-index: 1;    



}



.slogan-area-style2:before{



    background: rgba(0, 0, 0, 0.70) none repeat scroll 0 0;



    position: absolute;



    top: 0;



    left: 0;



    height: 100%;



    width: 100%;



    content: "";



    z-index: -1;    



}







.slogan-area-style2 .title{



    position: relative;



    display: block;



}



.slogan-area-style2 .title h1{



    color: #ffffff;



    font-size: 60px;



    font-weight: 600;



    line-height: 72px;



}



.slogan-area-style2 .title h2 {



    color: #ffffff;



    font-size: 50px;



    line-height: 60px;



    font-weight: 500;



    margin: 19px 0 23px;



}



.slogan-area-style2 .title h2 span{



    font-size: 24px;



    font-weight: 500;



}



.slogan-area-style2 .button {



    position: relative;



    display: block;



    padding-bottom: 138px;



}







.slogan-area-style2 .icon-box {



    position: absolute;



    left: 0;



    bottom: -76px;



    right: 0px;



    width: 149px;



    height: 149px;



    margin: 0 auto;



    border-radius: 50%;



    border: 2px dashed #fff;



    text-align: center;



    padding: 15px;



    z-index: 99;



}



.slogan-area-style2 .icon-box .inner {



    position: relative;



    display: block;



    width: 100%;



    height: 100%;



    background: #ffffff;



    border-radius: 50%;



    padding: 34px 0;



    -webkit-box-shadow: 0px 2px 6px 1px rgba(245,245,245,1);



    -moz-box-shadow: 0px 2px 6px 1px rgba(245,245,245,1);



    box-shadow: 0px 2px 6px 1px rgba(245,245,245,1);



}















/*** 



=============================================



    Fact counter Area style



=============================================



***/



.fact-counter-area {



    position: relative;



    display: block;



    padding-top: 175px;



    padding-bottom: 70px;



    z-index: 1;



}



.single-fact-counter {



    position: relative;



    display: inline-block;



    float: left;



    max-width: 390px;



    width: 100%;



    padding-top: 10px;



    padding-bottom: 1px;



    border-right: 1px solid #f5f5f5;



    margin-bottom: 50px;



}



.single-fact-counter:last-child{



    border: none;



}



.single-fact-counter .count-box {



    position: relative;



    display: block;



    padding: 0 50px;



}



.single-fact-counter .icon{



    position: relative;



    display: block;



    margin-bottom: 25px;



}



.single-fact-counter h1{



    position: relative;



    display: block;



}



.single-fact-counter h1 span {



    position: relative;



    display: inline-block;



    color: #1fc6c7;



    font-size: 80px;



    line-height: 70px;



    font-weight: 500;



}



.single-fact-counter .title{



    position: relative;



    display: block;



    margin-top: 28px;



}



.single-fact-counter .title h4 {



    color: #91939d;



    font-size: 18px;



    font-weight: 400;



    line-height: 30px;



    text-transform: capitalize;



}















/*** 



=============================================



    Main gallery Area style



=============================================



***/



.main-gallery-area{



    position: relative;



    display: block;



    background: #ffffff;



    padding: 120px 0 90px;



}



.single-gallery-item{



    position: relative;



    display: block;



    overflow: hidden;



    margin-bottom: 30px;



}



.single-gallery-item .img-holder {



    display: block;



    overflow: hidden;



    position: relative;



    border-radius: 10px;



}



.single-gallery-item .img-holder img{



    transition: all 0.5s ease-in-out 0.6s;    



    width: 100%;    



}



.single-gallery-item:hover .img-holder img {



    transform: scale(1.2, 1.2);



}



.single-gallery-item .overlay-style-one{



    transition: all 1000ms ease 300ms;	    



}



.single-gallery-item:hover .overlay-style-one{



    transition: all 1000ms ease 300ms;	



    opacity: 1;



}











.single-gallery-item .img-holder .overlay-style-one .title-holder {



    position: absolute;



    top: 33px;



    left: 40px;



    text-align: left;



    transform: translateY(-25px);



    transition: all 1000ms ease 700ms;	



    opacity: 0;



}



.single-gallery-item:hover .img-holder .overlay-style-one .title-holder{



    opacity: 1;



    transition: all 1000ms ease 700ms;	



    transform: translateX(0) translateY(0%) scale(1);



}



.single-gallery-item .img-holder .overlay-style-one .title-holder h3{



    font-size: 20px;



    line-height: 30px;



    font-weight: 600;



    font-family: 'Poppins', sans-serif;



}



.single-gallery-item .img-holder .overlay-style-one .title-holder h3 a{



    color: #ffffff;



    transition: all 500ms ease;



}



.single-gallery-item .img-holder .overlay-style-one .title-holder h3 a:hover{



    color: #ff662a;



}











.single-gallery-item .img-holder .overlay-style-one .icon-holder{



    position: absolute;



    right: 40px;



    bottom: 40px;



}



.single-gallery-item .img-holder .overlay-style-one .icon-holder a {



    display: inline-block;



    width: 80px;



    height: 80px;



    border-radius: 50%;



    text-align: center;



    border: 10px solid rgba(255, 255, 255, 0.10);



    transform: translateX(0%) translateY(-50%) scale(0.5);



    transition: all 1000ms ease 700ms;	



    opacity: 0;



}



.single-gallery-item:hover .img-holder .overlay-style-one .icon-holder a {



    opacity: 1;



    transform: translateX(0) translateY(0%) scale(1);



    transition: all 1000ms ease 700ms;	



}







.single-gallery-item .img-holder .overlay-style-one .icon-holder a span:before {



    position: relative;



    display: block;



    background: #ff662a;



    color: #ffffff;



    font-size: 20px;



    line-height: 60px;



    font-weight: 700;



    transition: all 500ms ease;



    border-radius: 50%;



    width: 100%;



    height: 100%;



}



.single-gallery-item .img-holder .overlay-style-one .icon-holder a:hover span:before{



    color: #f8f8f8;



}















/*** 



=============================================



    Agreement Area style



=============================================



***/



.agreement-area{



    position: relative;



    display: block;



    background-attachment: fixed;



    background-size: cover;



    background-position: center top;



    background-repeat: no-repeat;



    padding: 120px 0 120px;



    z-index: 1;    



}



.agreement-area:before{



    background: rgba(31, 198, 199, 0.70) none repeat scroll 0 0;



    position: absolute;



    top: 0;



    left: 0;



    height: 100%;



    width: 100%;



    content: "";



    z-index: -1;    



}







.agreement-content{



    position: relative;



    display: block;



}



.agreement-content .sec-title {



    display: block;



    padding: 0;



    margin: 34px 0;



}



.agreement-content .sec-title h3{



    color: #ffffff;



}



.agreement-content .sec-title .title {



    color: #ffffff;



    font-size: 60px;



    line-height: 70px;



    margin: 9px 0 0;



}



.agreement-right-content{



    position: relative;



    display: block;    



}



.agreement-right-content ul{



    display: block;



}



.agreement-right-content ul li {



    position: relative;



    display: block;



    padding-left: 100px;



    background: rgba(26, 30, 50, 0.10);



    padding: 20px;



    padding-left: 95px;



    min-height: 100px;



    margin-bottom: 10px;



    transition: all 1000ms ease 300ms;	



}



.agreement-right-content ul li:hover{



    background: rgba(26, 30, 50, 0.00);    



}



.agreement-right-content ul li.active{



    background: rgba(26, 30, 50, 0.00);        



}











.agreement-right-content ul li:last-child{



    margin-bottom: 0;



}



.agreement-right-content ul li .icon-holder{



    position: absolute;



    top: 20px;



    left: 20px;



    bottom: 20px;



    height: 60px;



    width: 60px;



    background: #ffffff;



    border-radius: 50%;



    text-align: center;



}



.agreement-right-content ul li .icon-holder i {



    color: #ff662a;



    font-size: 16px;



    display: block;



    line-height: 60px;



}



.agreement-right-content ul li .title-holder {



    position: relative;



    display: block;



    margin: 17px 0;



}



.agreement-right-content ul li .title-holder h4{



    color: #ffffff;



    font-size: 18px;



    font-weight: 500;



    line-height: 26px;



}















/*** 



=============================================



    Pricing Area style



=============================================



***/



.pricing-area{



    position: relative;



    display: block;



    background: #f5f5f5;



    padding: 120px 0 110px;



    z-index: 1;



}



.pricing-area:before{



    position: absolute;



    top: 0;



    left: 0;



    width: 100%;



    height: 100%;



    content: "";



    background: url(../images/pattern/pattern-bg1.png);



    background-repeat: no-repeat;



    background-size: cover;



    z-index: -1;



    transition: .5s ease;    



}



.single-pricing-box{



    position: relative;



    display: block;



    overflow: hidden;



    background: #ffffff;



    padding-bottom: 60px;



    border-radius: 7px;



    margin-bottom: 40px;



    transition: all 1000ms ease 300ms;



    transform: perspective(1200px) rotateX(0deg) translateY(0px);



    -webkit-box-shadow: 0px 3px 10px 3px #EDEDED; 



    box-shadow: 0px 3px 10px 3px #EDEDED;



}



.single-pricing-box:hover{



    transform: perspective(1200px) rotateX(0deg) translateY(-10px);    



}



.single-pricing-box .inner-content{



    position: relative;



    display: block;



    padding: 0 60px;



}



.single-pricing-box .top {



    position: relative;



    display: block;



    border-bottom: 2px solid #f5f5f5;



    padding-top: 56px;



    padding-bottom: 35px;



    margin-bottom: 27px;



}



.single-pricing-box .top h4 {



    color: #91939d;



    font-size: 18px;



    font-weight: 500;



    margin: 0 0 25px;



}



.single-pricing-box .top .value{



    color: #1a1e32;



    font-size: 50px;



    font-weight: 500;



}



.single-pricing-box .top .value .left {



    position: relative;



    top: -12px;



    font-size: 30px;



    line-height: 28px;



    display: inline-block;



    padding-right: 3px;



}



.single-pricing-box .top .value .right {



    position: relative;



    top: -3px;



    display: inline-block;



    padding-left: 3px;



    color: #1fc6c7;



    font-size: 16px;



    font-weight: 500;



    line-height: 20px;



}







.single-pricing-box ul {



    position: relative;



    display: block;



    margin-bottom: 30px;



}



.single-pricing-box ul li{



    line-height: 40px;



}



.single-pricing-box .button a {



    background: #1fc6c7;



    padding: 27px 50px 27px;



    transition: all 700ms ease 700ms;



}



.single-pricing-box:hover .button a{



    background: #ff662a;    



}







.pricing-area .schedule-text{



    position: relative;



    display: block;



    padding-top: 16px;



}



.pricing-area .schedule-text h3{



    color: #91939d;



    font-size: 18px;



    font-weight: 400;



    font-family: 'Poppins', sans-serif;



}



.pricing-area .schedule-text h3 a{



    color: #ff662a;



    font-size: 24px;



    font-family: 'Covered By Your Grace', cursive;



    text-decoration: underline;



}















/*** 



=============================================



    Breadcrumb area style



=============================================



***/



.breadcrumb-area {



    position: relative;



    display: block;



    background-attachment: scroll;



    background-size: cover;



    background-position: center top;



    background-repeat: no-repeat;



    padding: 162px 0 149px;



    z-index: 1;



}



.breadcrumb-area::before {



    background: rgba(0, 0, 0, 0.50) none repeat scroll 0 0;



    position: absolute;



    top: 0;



    left: 0;



    height: 100%;



    width: 100%;



    content: "";



    z-index: -1;



}



.breadcrumb-area .inner-content {



    position: relative;



    display: block;



}



.breadcrumb-area .title {



    display: block;



    padding-top: 6px;



}



.breadcrumb-area .title h1{



    color: #ffffff;



    font-size: 70px;



    line-height: 80px;



    font-weight: 600;



    text-transform: capitalize;



}







.breadcrumb-area .breadcrumb-menu {



    position: relative;



    display: block;



}



.breadcrumb-area .breadcrumb-menu ul {



    display: block;



    text-align: center;



}



.breadcrumb-area .breadcrumb-menu ul li {



    position: relative;



    display: inline-block;



    color: #ffffff;



    font-size: 26px;



    line-height: 32px;



    font-weight: 400;



    text-transform: capitalize;



    font-family: 'Covered By Your Grace', cursive;



    transition: all 500ms ease;



    margin: 0 13px;



}



.breadcrumb-area .breadcrumb-menu ul li:before {



    position: absolute;



    top: 0;



    bottom: 0;



    right: -18px;



    width: 5px;



    height: 1px;



    background: #ffffff;



    content: "";



    margin: 14px 0;



}



.breadcrumb-area .breadcrumb-menu ul li:last-child:before{



    display: none;



} 



.breadcrumb-area .breadcrumb-menu ul li:last-child{



    margin-right: 0;



    padding-right: 0;



}



.breadcrumb-area .breadcrumb-menu ul li a{



    color: #ffffff;



    font-size: 26px;



    font-weight: 400;



    text-transform: capitalize;



    font-family: 'Covered By Your Grace', cursive;



    transition: all 500ms ease;



}



.breadcrumb-area .breadcrumb-menu ul li.active{



    color: #ff662a; 



}



.breadcrumb-area .breadcrumb-menu ul li a:hover{



    color: #ff662a;     



}















/*** 



=============================================



    Trusted Area Style      



=============================================



***/



.trusted-area {



    position: relative;



    display: block;



    padding: 120px 0 70px;



}



.single-trusted-image{



    position: relative;



    display: block;



    margin-bottom: 40px;



}



.single-trusted-image img{



    width: 100%;



    border-radius: 9px;



}







.trusted-content {



    margin-top: 10px;



}



.trusted-title{



    display: block;



    margin-bottom: 40px;



}



.trusted-title .sec-title{



    padding: 0;



}



.trusted-title .sec-title .title{



    font-size: 40px;



    line-height: 50px;



}



.single-trusted-text {



    display: block;



    margin-bottom: 40px;



}



.single-trusted-text p{



    margin: 0;



}















/*** 



=============================================



    Team Area style



=============================================



***/



.team-area {



    position: relative;



    display: block;



    background: #f5f5f5;



    padding-top: 120px;



    padding-bottom: 80px;



    z-index: 1;



}



.team-area:before{



    position: absolute;



    top: 0;



    left: 0;



    width: 100%;



    height: 100%;



    content: "";



    background: url(../images/pattern/pattern-bg1.png);



    background-repeat: no-repeat;



    background-size: cover;



    z-index: -1;



    transition: .5s ease;    



}



.single-team-member {



    position: relative;



    display: block;



    margin-bottom: 36px;



}



.single-team-member .inner{



    display: block;



    background: #ffffff;



    padding: 40px;



    border-radius: 7px;



    -webkit-box-shadow: 0px 2px 7px 2px #EBEBEB; 



    box-shadow: 0px 2px 7px 2px #EBEBEB;



}



.single-team-member .img-holder {



    position: relative;



    display: block;



    overflow: hidden;



    transition: all 0.4s ease-in-out 0s;



}



.single-team-member .img-holder img{



    width: 100%;



    border-radius: 7px;



    transition: all 0.4s ease-in-out 0s;



}



.single-team-member .overlay-content{



    position: absolute;



    left: 40px;



    right: 40px;



    bottom: 20px;



    transition: all 500ms ease;



    transition-delay: .2s;



    opacity: 0;



    transform-style: preserve-3d;



    transform: perspective(1200px) rotateX(90deg) translateZ(-51px); 



}



.single-team-member:hover .overlay-content {



	transform: perspective(1200px) rotateX(0deg) translateZ(0px);



	opacity: 1;



	transition-delay: 0.2s;



}



.single-team-member .sociallinks-style-one {



    text-align: center;



}



.single-team-member .sociallinks-style-one li {



    display: inline-block;



    float: none;



    margin: 0 2px;



}







.single-team-member .sociallinks-style-one li a {



    position: relative;



    display: block;



    width: 56px;



    height: 56px;



    border: 8px solid rgba(255, 255, 255, 0.20);



    border-radius: 50%;



}        



.single-team-member .sociallinks-style-one li a i{



    display: block;



    width: 100%;



    height: 100%;



    background: #ff662a;



    color: #ffffff;



    font-size: 16px;



    line-height: 40px;



    border-radius: 50%;



    transition: all 500ms ease;



}



.single-team-member .sociallinks-style-one li a:hover i{



    transform: translateX(0%) translateY(0px) rotate(360deg);    



}











.single-team-member .name {



    position: relative;



    display: block;



    background: transparent;



    padding: 26px 0 0;



    z-index: 1;



    transform: translateX(0%) translateY(0px) scale(1.0);



    transition: all 500ms ease;



    transition-delay: .4s;



}



.single-team-member .name h3{



    position: relative;



    display: block;



    color: #1a1e32;



    font-size: 22px;



    line-height: 26px;



    font-weight: 500;



    margin: 0 0 7px;



    transition: all 500ms ease;



    transition-delay: .4s;



    font-family: 'Poppins', sans-serif;



}



.single-team-member .name p{



    color: #91939d;



    font-size: 16px;



    line-height: 18px;



    font-weight: 500;



    margin: 0;



}















/*** 



=============================================



    Team Area team page style



=============================================



***/



.team-area.team-page {



    position: relative;



    display: block;



}



.team-area.team-page:before{



    background-repeat: repeat;



    background-size: contain; 



}















/*** 



=============================================



    Testimonial Section One About Page style



=============================================



***/



.testimonial-section-one.about-page{



    padding-top: 120px;



}















/*** 



=============================================



    Company Info area Style      



=============================================



***/



.benefits-area{



    position: relative;



    display: block;



    background: #ffffff;



}



.benefits-image-box{



    position: relative;



    display: block;



    overflow: hidden;



    max-width: 500px;



    width: 100%;



    border-radius: 9px;



}



.benefits-image-box img {



    transform: scale(1);



    transition: all 0.5s ease 0s;



    width: 100%;



}



.benefits-image-box:hover img{



    transform: scale(1.1);    



}











.benefits-text-box{



    position: relative;



    display: block;



}



.benefits-text-box .sec-title {



    padding-bottom: 43px;



}



.benefits-text-box .sec-title .title {



    font-size: 50px;



    line-height: 60px;



    margin: 5px 0 0;



}







.benefits-text-box .inner-content{



    position: relative;



    display: block;    



}



.benefits-text-box .inner-content ul {



    display: block;



    padding-bottom: 45px;



}



.benefits-text-box .inner-content ul li{



    line-height: 40px;



}



.benefits-text-box .inner-content ul li i{



    color: #ff662a;



    font-size: 14px;



    display: inline-block;



    padding-right: 18px;



}







.certified-company{



    position: relative;



    display: block;



    overflow: hidden;



    background: #1fc6c7;



    max-width: 315px;



    width: 100%;



    padding: 30px 40px 30px;



    border-radius: 50px;



}



.certified-company .icon-holder{



    width: 40px;



}



.certified-company .icon-holder,



.certified-company .title-holder{



    display: table-cell;



    vertical-align: middle;



}



.certified-company .title-holder {



    padding-left: 20px;



}



.certified-company .title-holder h3{



    color: #ffffff;



    font-size: 18px;



    line-height: 24px;



    font-weight: 500;



    font-family: 'Poppins', sans-serif;



}















/*** 



=============================================



    Provide Area style



=============================================



***/



.provide-area {



    position: relative;



    display: block;



    padding-top: 120px;



    padding-bottom: 109px;



    border-bottom: 2px solid #f5f5f5;



}



.provide-title{



    position: relative;



    display: block;



}



.provide-title .sec-title{



    padding: 0;



    margin-top: -7px;



}



.provide-title .sec-title .title{}



.single-provide-text {



    display: block;



    margin-top: -7px;



}



.single-provide-text p{



    margin: 0;



}















/*** 



=============================================



    Blog Default Area style



=============================================



***/



#blog-area{



    padding: 120px 0 120px;



}



.blog-default-area .single-blog-post {



    margin-bottom: 55px;



}















/*** 



=============================================



    Blog Single Area style



=============================================



***/



#blog-area.blog-single-area{



    padding-bottom: 120px;



}



.blog-single-area .blog-post {



    position: relative;



    display: block;



}



.blog-single-area .single-blog-post{



    margin-bottom: 40px;    



}



.blog-single-area .single-blog-post .img-holder::before {



    display: none;



}



.blog-single-area .single-blog-post .img-holder img{



    transform: none;        



}











.blog-single-area .single-blog-post .text-holder {



    padding: 24px 0 0;



}







.blog-single-area .single-blog-post .text-holder .meta-box {



    display: block;



}



.blog-single-area .single-blog-post .text-holder .meta-box .meta-info li a:hover{



    color: #1fc6c7;



}



.blog-single-area .single-blog-post .text-holder .blog-title {



    color: #1a1e32;



    font-size: 30px;



    line-height: 40px;



    margin-bottom: 10px;



}



.blog-single-area .single-blog-post .text-holder .blog-title:hover{



    color: none;



}



.blog-single-area .single-blog-post .text-holder .text {



    margin-top: 17px;



}



.blog-single-area .single-blog-post .text-holder p.mar-bottom {



    margin-bottom: 16px;



}











.blog-single-area .tag-box {



    position: relative;



    display: block;



    overflow: hidden;



    padding-top: 40px;



    padding-bottom: 40px;



    border-top: 2px solid #f5f5f5;



    margin-top: 40px;



}



.blog-single-area .tag-box .tag{



    position: relative;



    display: block;



    line-height: 30px;



}



.blog-single-area .tag-box .tag p {



    color: #1fc6c7;



    font-size: 16px;



    font-weight: 500;



    line-height: 28px;



    margin: 0px 0;



}



.blog-single-area .tag-box .tag p span {



    position: relative;



    display: inline-block;



    padding-right: 6px;



    color: #1a1e32;



    font-size: 20px;



    font-weight: 600;



    text-transform: capitalize;



}



.blog-single-area .tag-box .right{



    position: relative;



    display: block;



}



.blog-single-area .tag-box .right .sociallinks-style-one li a i{



    color: #1fc6c7;



}



.blog-single-area .tag-box .right .sociallinks-style-one li{



    line-height: 30px;



}



.blog-single-area .tag-box .right .sociallinks-style-one li a:hover i{



    color: #ff662a;



}











.blog-single-area .author-box {



    position: relative;



    display: block;



    background: #f5f5f5;



    padding: 0px;



    border-radius: 7px;



}



.blog-single-area .author-box .inner-content {



    position: relative;



    display: block;



    overflow: hidden;



    padding-top: 60px;



    padding-bottom: 60px;



    padding-left: 60px;



    padding-right: 60px;



}



.blog-single-area .author-box .img-holder{



    width: 170px;



}



.blog-single-area .author-box .img-holder,



.blog-single-area .author-box .text-holder{



    display: table-cell;



    vertical-align: top;



}



.blog-single-area .author-box .text-holder {



    padding-left: 30px;



}



.blog-single-area .author-box .text-holder h3 {



    color: #1a1e32;



    font-size: 22px;



    font-weight: 600;



    margin: 0 0 23px;



    font-family: 'Poppins', sans-serif;



    text-transform: capitalize;



}



.blog-single-area .author-box .text-holder p {



    margin: 0 0 11px;



}



.blog-single-area .author-box .text-holder a{



    color: #ff662a;



    font-size: 16px;



    font-weight: 500;



    text-decoration: underline;



    text-transform: capitalize;



}











.blog-single-area .inner-comment-box {



    overflow: hidden;



    padding-top: 66px;



    padding-bottom: 16px;



}



.blog-single-area .inner-comment-box .title {



    position: relative;



    display: block;



    padding-bottom: 34px;



}



.blog-single-area .inner-comment-box .title h3{



    color: #1a1e32;



    font-size: 30px;



    font-weight: 600;



    font-family: 'Poppins', sans-serif;



}



.blog-single-area .inner-comment-box .single-comment-box {



    position: relative;



    display: block;



    border-bottom: 2px solid #f5f5f5;



    padding-left: 110px;



    margin-bottom: 50px;



    padding-bottom: 25px;



}



.blog-single-area .inner-comment-box .single-comment-box .img-holder {



    position: absolute;



    left: 0;



    top: 0;



    width: 110px;



    height: 110px;



}



.blog-single-area .inner-comment-box .single-comment-box .text-holder {



    margin-left: 30px;



}



.blog-single-area .inner-comment-box .single-comment-box .text-holder .top {



    position: relative;



    display: block;



    overflow: hidden;



    padding-bottom: 18px;



}



.blog-single-area .inner-comment-box .single-comment-box .text-holder .top .name-date{}



.blog-single-area .inner-comment-box .single-comment-box .text-holder .top .name-date h3 {



    color: #1a1e32;



    font-size: 18px;



    line-height: 20px;



    font-weight: 600;



    margin: 0 0 12px;



    font-family: 'Poppins', sans-serif;



}



.blog-single-area .inner-comment-box .single-comment-box .text-holder .top .name-date span {



    display: block;



    color: #ff662a;



    font-size: 14px;



    line-height: 18px;



}



.blog-single-area .inner-comment-box .single-comment-box .text-holder .top .reply-button {



    position: relative;



    display: block;



}



.blog-single-area .inner-comment-box .single-comment-box .text-holder .top .reply-button a {



    color: #ffffff;



    font-size: 14px;



    line-height: 14px;



    font-weight: 600;



    text-transform: capitalize;



    padding: 18px 30px 18px;



}



.blog-single-area .inner-comment-box .single-comment-box .text-holder .text{



    position: relative;



    display: block;



}











.add-comment-box {



    overflow: hidden;



}



.add-comment-box .title {



    position: relative;



    display: block;



    padding-bottom: 34px;



}



.add-comment-box .title h3{



    color: #1a1e32;



    font-size: 30px;



    font-weight: 600;



    font-family: 'Poppins', sans-serif;



}



.add-comment-box #add-comment-form {}



.add-comment-box #add-comment-form .field-label {



    color: #8f849c;



    display: block;



    font-size: 15px;



    font-weight: 600;



    padding: 0 0 2px;



}



.add-comment-box #add-comment-form input[type="text"],



.add-comment-box #add-comment-form input[type="email"],



.add-comment-box #add-comment-form textarea{



    position: relative;



    display: block;



    background: #f5f5f5;



    border: 1px solid #f5f5f5;



    color: #91939d;



    font-size: 14px;



    font-weight: 500;



    height: 60px;



    padding: 0 30px;



    width: 100%; 



    border-radius: 7px;



    margin-bottom: 20px;



    transition: all 500ms ease;



}



.add-comment-box #add-comment-form textarea {



    height: 200px;



    padding: 15px 30px;



    margin-bottom: 20px;



}



.add-comment-box #add-comment-form input[type="text"]:focus{



    border-color: #e2dede;    



}



.add-comment-box #add-comment-form input[type="email"]:focus{



    border-color: #e2dede;    



}



.add-comment-box #add-comment-form textarea:focus{



    border-color: #e2dede;       



}



.add-comment-box #add-comment-form button {



    padding: 22px 50px 22px;



}



.add-comment-box #add-comment-form button:hover{}























#blog-area .sidebar-wrapper {



    position: relative;



    display: block;



    padding: 50px 40px 40px;



    background: #1fc6c7;



    max-width: 370px;



    width: 100%;



}



.sidebar-search-box{



    position: relative;



    display: block;



    margin-bottom: 50px;



}



.sidebar-search-box form.search-form {



    position: relative;



    display: block;



    width: 100%;



    height: 70px;



    background: transparent;



}



.sidebar-search-box .search-form input[type="text"] {



    position: relative;



    display: block;



    border-radius: 12px;



    background: #ffffff;



    border: 1px solid #ffffff;



    color: #000000;



    font-size: 16px;



    font-weight: 500;



    height: 70px;



    letter-spacing: 1px;



    padding-left: 20px;



    padding-right: 65px;



    -webkit-transition: all 500ms ease 0s;



    transition: all 500ms ease 0s;



    width: 100%;



}



.sidebar-search-box .search-form button {



    position: absolute;



    top: 0px;



    right: 0px;



    background: #f1f1f1;



    color: #ffffff;



    display: block;



    width: 60px;



    height: 70px;



    padding: 12px 0;



    text-align: center;



    transition: all 500ms ease 0s;



    border-radius: 0 11px 11px 0px;



}



.sidebar-search-box .search-form button i {



    font-size: 14px



}



.sidebar-search-box .search-form input[type="text"]:focus {



    border: 1px solid #ff662a;



    background: #fff;



    color: #000;



}



.sidebar-search-box .search-form input[type="text"]:focus + button, 



.sidebar-search-box .search-form button:hover {



    background: #1ec2c3;



    color: #fff;



}



.sidebar-search-box .search-form input::-webkit-input-placeholder {



    color: #91939d;



}



.sidebar-search-box .search-form input:-moz-placeholder {



    color: #91939d;



}



.sidebar-search-box .search-form input::-moz-placeholder {



    color: #91939d;



}



.sidebar-search-box .search-form input:-ms-input-placeholder {



    color: #91939d;



}







.sidebar-wrapper .single-sidebar {



    position: relative;



    display: block;



    overflow: hidden;



    border-bottom: 2px solid #36cccd;



    padding-bottom: 50px;



    margin-bottom: 50px;



}



.sidebar-wrapper .single-sidebar.last-child{



    margin: 0;



    padding: 0;



    border: none;



}



.sidebar-wrapper .single-sidebar .sec-title {



    overflow: hidden;



    padding-bottom: 26px;



    margin-top: -4px;



}



.sidebar-wrapper .single-sidebar .sec-title h3 {



    color: #ffffff;



    font-size: 20px;



    line-height: 22px;



    font-weight: 600;



    text-transform: capitalize;



    font-family: 'Poppins', sans-serif;



}















.single-sidebar .lat-posts {



    position: relative;



    display: block;



}



.single-sidebar .lat-posts li {



    position: relative;



    display: block;



    padding-left: 60px;



    min-height: 60px;



    margin-bottom: 20px;



}



.single-sidebar .lat-posts li:last-child{



    margin-bottom: 0;



}



.single-sidebar .lat-posts li .img-holder {



    position: absolute;



    top: 0px;



    left: 0;



    width: 60px;



    height: 60px;



    overflow: hidden;



}



.single-sidebar .lat-posts li .img-holder img {



    transition: all 0.4s ease-in-out 0.5s;    



    width: 100%;



    transform: scale(1.0, 1.0);      



}



.single-sidebar .lat-posts li:hover .img-holder img {



    transition-delay: 0s;



    transform: scale(1.2, 1.2);    



}



.single-sidebar .lat-posts li .img-holder .overlay-style-one .box .content a i{



    color: #fff;



    font-size: 16px;



    transition: all 500ms ease;



}



.single-sidebar .lat-posts li:hover .img-holder .overlay-style-one{



    filter: alpha(opacity=100);



    opacity: 1;



}



.single-sidebar .lat-posts li .img-holder .overlay-style-one .box .content a:hover i{



    color: #ff662a;



}



.single-sidebar .lat-posts li .title-holder {



    padding-left: 20px;



    min-height: 60px;



}



.single-sidebar .lat-posts li .title-holder .post-title {



    position: relative;



    font-size: 16px;



    line-height: 26px;



    font-weight: 600;



    margin: 0;



}



.single-sidebar .lat-posts li .title-holder .post-title a{



    color: #d8fafa;



    transition: all 500ms ease;



}



.single-sidebar .lat-posts li .title-holder .post-title a:hover{



    color: #ff662a;



}







.single-sidebar .categories {



    position: relative;



    display: block;



    margin-top: -8px;



}



.single-sidebar .categories li {



    position: relative;



    display: block;



    line-height: 30px;



    margin-bottom: 11px;



}



.single-sidebar .categories li:last-child {



    margin-bottom: 0;



}



.single-sidebar .categories li a {



    position: relative;



    display: block;



    color: #d8fafa;



    font-size: 16px;



    font-weight: 600;



    transition: all 500ms ease;



}



.single-sidebar .categories li a:before {



    position: absolute;



    top: 0;



    right: 0;



    bottom: 0;



    font-family: FontAwesome;



    content: "\f105";



    color: #d8fafa;



    font-size: 16px;



    line-height: 16px;



    margin: 8px 0;



    transition: all 500ms ease;



    transition-delay: .1s;



    opacity: 1;



    transform: scale(1.0);



}



.single-sidebar .categories li:hover a:before{



    color: #ff662a;



}



.single-sidebar .categories li a:hover{



    color: #ff662a;    



}







.single-sidebar .popular-tag {



    margin-left: -3px;



    margin-right: -3px;



    margin-top: 0px;



}



.single-sidebar .popular-tag li {



    display: inline-block;



    margin: 0 3px 10px;



}



.single-sidebar .popular-tag li a {



    position: relative;



    display: block;



    background: #1db7b7;



    color: #d8fafa;



    font-size: 16px;



    font-weight: 600;



    padding: 3px 10px 1px;



    text-transform: capitalize;



    transition: all 500ms ease 0s;



    border-radius: 0;



}



.single-sidebar .popular-tag li a:hover{



    background: #1fc6c7;



    color: #ffffff;



}















/*** 



=============================================



    Single style1 Area service page style



=============================================



***/



.services-style1-area.service-page{



    position: relative;



    display: block;



}



.services-style1-area.service-page:before {



    display: none;



}















/*** 



=============================================



    Single Service Area style



=============================================



***/



.single-service-area{



    position: relative;



    display: block;



    padding: 120px 0 110px;



}



.sec-title-box {



    position: relative;



    display: block;



    overflow: hidden;



    padding-bottom: 22px;



}



.sec-title-box h1{



    font-size: 40px;



    line-height: 48px;



    text-transform: capitalize;



}







.single-service-top {



    position: relative;



    display: block;



}



.single-service-top .top-image-holder {



    position: relative;



    display: block;



    margin-bottom: 40px;



}



.single-service-top .top-image-holder img{



    width: 100%;



    transition: all 0.4s ease-in-out 0s;    



}







.single-service-top .text{



    position: relative;



    display: block;



    padding-bottom: 45px;



}



.single-service-top .text p{



    margin: 0;



}



.single-service-top ul{



    position: relative;



    display: block;



    overflow: hidden;



    margin-top: 37px;



}



.single-service-top ul li{



    line-height: 40px;



}



.single-service-top ul li i{



    color: #ff662a;



    font-size: 12px;



    line-height: 12px;



    display: inline-block;



    padding-right: 13px;



}







.single-service-image-box{



    position: relative;



    display: block;



    overflow: hidden;



    width: 100%;



}



.single-service-image-box .single-image-box{



    display: block;



    max-width: 370px;



    width: 100%;



    margin-bottom: 30px;



}











.single-service-image-box .icon-box {



    position: absolute;



    top: 110px;



    left: 50%;



    display: block;



    width: 149px;



    height: 149px;



    border-radius: 50%;



    border: 2px dashed #fff;



    text-align: center;



    padding: 15px;



    z-index: 99;



    margin-left: -75px;



}



.single-service-image-box .icon-box .inner {



    position: relative;



    display: block;



    width: 100%;



    height: 100%;



    background: #ffffff;



    border-radius: 50%;



    padding: 34px 0;



    -webkit-box-shadow: 0px 2px 6px 1px rgba(245,245,245,1);



    -moz-box-shadow: 0px 2px 6px 1px rgba(245,245,245,1);



    box-shadow: 0px 2px 6px 1px rgba(245,245,245,1);



}



























.single-service-bottom-text {



    position: relative;



    display: block;



    margin-top: 22px;



}



.single-service-bottom-text ul{



    display: block;



}



.single-service-bottom-text ul li{



    position: relative;



    display: block;



    margin-bottom: 33px;



}



.single-service-bottom-text ul li:last-child{



    margin-bottom: 0;



}



.single-service-bottom-text ul li .text{}



.single-service-bottom-text ul li .text h4{



    font-size: 20px;



    line-height: 30px;



    margin: 0 0 14px;



}



.single-service-bottom-text ul li .text p{



    margin: 0;



}















.single-service-sidebar{



    position: relative;



    display: block;



}



.service-sidebar-title{



    position: relative;



    display: block;



    padding-bottom: 29px;



}



.service-sidebar-title h3 {



    color: #1a1e32;



    font-size: 20px;



    line-height: 20px;



    font-weight: 600;



    text-transform: capitalize;



    font-family: 'Poppins', sans-serif;



}



.single-service-sidebar .single-sidebar{



    position: relative;



    display: block;



    background: #f5f5f5;



    padding: 48px 50px 40px;



    margin-bottom: 30px;



    border-radius: 9px;



}



.single-service-sidebar .service-pages{



    display: block;



}



.single-service-sidebar .service-pages li{



    position: relative;



    display: block;



    margin-bottom: 11px;



    z-index: 5;



}



.single-service-sidebar .service-pages li:last-child{



    margin-bottom: 0;



}



.single-service-sidebar .service-pages li a{



    position: relative;



    display: block;



    color: #91939d;



    font-size: 16px;



    font-weight: 600;



    text-transform: capitalize;



    transition: all 500ms ease;



    transition-delay: .2s;



}



.single-service-sidebar .service-pages li a:hover,



.single-service-sidebar .service-pages li.active a{



    color: #ff662a;



    padding-left: 10px;



}



.single-service-sidebar .service-pages li a:before {



    position: absolute;



    top: 0;



    right: 0;



    bottom: 0;



    font-family: FontAwesome;



    content: "\f105";



    color: #91939d;



    font-size: 16px;



    line-height: 16px;



    margin: 7px 0;



    transition: all 500ms ease;



    transition-delay: .1s;



    opacity: 1;



    transform: scale(1.0);



}



.single-service-sidebar .service-pages li a:hover:before,



.single-service-sidebar .service-pages li.active a:before{



    color: #ff662a;



}















.sidebar-box-online{



    position: relative;



    display: block;



    background-attachment: scroll;



    background-size: cover;



    background-position: center top;



    background-repeat: no-repeat;



    padding: 110px 0 105px;



    border-radius: 9px;



    z-index: 1;    



}



.sidebar-box-online:before{



    position: absolute;



    top: 0;



    left: 0;



    height: 100%;



    width: 100%;



    content: "";



    background: rgba(31, 198, 199, 0.80) none repeat scroll 0 0;



    border-radius: 9px;



    z-index: -1;    



}



.sidebar-box-online h3{



    color: #ffffff;



    font-size: 24px;



    line-height: 32px;



    font-weight: 400;



}



.sidebar-box-online .title{



    color: #ffffff;



    font-size: 40px;



    line-height: 50px;



    font-weight: 600;



    margin: 7px 0 0;



}











/*** 



=============================================



    Contact Info Area style



=============================================



***/



.contact-info-area{



    position: relative;



    display: block;



    background: #ffffff;



    padding: 120px 0 120px;



}







.contact-info-content{



    position: relative;



    display: block;



}



.contact-info-content .sec-title {



    padding-bottom: 41px;



}



.contact-info-content .inner-content{



    position: relative;



    display: block;



}



.contact-info-content .inner-content .text{



    display: block;



    padding-bottom: 36px;



}



.contact-info-content .inner-content .text p{



    margin: 0;



}



.contact-info-content .inner-content ul{



    display: block;



}



.contact-info-content .inner-content ul li{



    display: block;



    margin-bottom: 25px;



}



.contact-info-content .inner-content ul li:last-child{



    margin-bottom: 0;



}



.contact-info-content .inner-content ul li p {



    color: #1fc6c7;



    font-weight: 600;



    margin: 0 0 7px;



    line-height: 20px;



}



.contact-info-content .inner-content ul li span{



    color: #a1a4b5;



    font-size: 18px;



}















.contact-form {



    position: relative;



    display: block;



    width: 100%;



    background: #ffffff;



}



.contact-form form{



    position: relative;



    display: block;



}



.contact-form form .input-box{



    position: relative;



    display: block;



}



.contact-form form input[type="text"],



.contact-form form input[type="email"],



.contact-form form textarea{



    position: relative;



    display: block;   



    background: transparent;



    border: 1px solid #f0eef9;



    width: 100%;



    height: 60px;



    font-size: 16px;



    margin-bottom: 30px;



    padding-left: 45px;



    padding-right: 20px;



    border-radius: 5px;



    transition: all 500ms ease;



}



.contact-form form textarea {



    height: 110px;



    padding-left: 45px;



    padding-right: 20px;



    padding-top: 17px;



    padding-bottom: 15px;



}



.contact-form form input[type="text"]:focus{



    border-color: #1d1d1d; 



    color: #222222;



}



.contact-form form input[type="email"]:focus{



    border-color: #1d1d1d;



    color: #222222;



}



.contact-form form textarea:focus{



    border-color: #1d1d1d;



    color: #222222;



}



.contact-form form .input-box .icon {



    position: absolute;



    top: 0;



    left: 20px;



    margin: 16px 0 14px;



}



.contact-form form .input-box .icon i{



    color: #868298;



    font-size: 16px;



    line-height: 30px;



}



.contact-form form input[type="text"]::-webkit-input-placeholder {



    color: #868298;



}



.contact-form form input[type="text"]:-moz-placeholder {



    color: #868298;



}



.contact-form form input[type="text"]::-moz-placeholder {



    color: #868298;



}



.contact-form form input[type="text"]:-ms-input-placeholder {



    color: #868298;



}



.contact-form form input[type="email"]::-webkit-input-placeholder {



    color: #868298;



}



.contact-form form input[type="email"]:-moz-placeholder {



    color: #868298;



}



.contact-form form input[type="email"]::-moz-placeholder {



    color: #868298;



}



.contact-form form input[type="email"]:-ms-input-placeholder {



    color: #868298;



}



.contact-form form button {



    padding: 22px 50px 22px;



    cursor: pointer;



}















/*** 



=============================================



    Google Map Area style



=============================================



***/



.google-map-area{



    position: relative;



    display: block;



}



#contact-google-map {



    height: 550px;



    width: 100%;



}















/*** 



=============================================



    Error Page Area style



=============================================



***/



.error-page-area{



    position: relative;



    display: block;



    padding: 200px 0 200px;



}



.error-sign{



    position: relative;



    display: block;



    max-width: 381px;



    width: 100%;



    margin: 0 auto;



}



.error-sign .top {



    position: relative;



    display: block;



    width: 185px;



    height: 185px;



    background: #1fc6c7;



    border-radius: 50%;



    margin: 0 auto;



    text-align: center;



    padding: 54px 0;



}



.error-sign .top h1{



    color: #ffffff;



    font-size: 50px;



    line-height: 46px;



    font-weight: 900;



    margin: 0 0 5px;



}



.error-sign .top h3{



    color: #ffffff;



    font-size: 20px;



    font-weight: 700;



    text-transform: uppercase;



    letter-spacing: 2px;



}



.error-sign .middle{



    position: relative;



    display: block;



    width: 15px;



    height: 220px;



    background: #1fc6c7;



    margin: 0 auto;



    z-index: 3;



}



.error-sign .bottom {



    position: relative;



    display: block;



    margin-top: -59px;



    z-index: 1;



}







.not-found-text {



    color: #1a1e32;



    font-size: 100px;



    line-height: 110px;



    font-weight: 700;



    text-transform: capitalize;



    margin: 43px 0 29px;



}



.go-home-button{



    position: relative;



    display: block;



}



.go-home-button a{



    padding: 22px 40px 22px;



}