/***************************************************************************************************************
||||||||||||||||||||||||||       MASTER STYLESHEET FOR Solutions        |||||||||||||||||||||||||||||||||||||||
****************************************************************************************************************
||||||||||||||||||||||||||                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. Team page style
21. Shop page style style
22. Shop with sidebar Style
23. Shop single Style
24. Cart page style style
25. Contact page style

****************************************************************************************************************
||||||||||||||||||||||||||||            End TABLE OF CONTENT                ||||||||||||||||||||||||||||||||||||
****************************************************************************************************************/



/* Imported styles */

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







@import url(imp.css);
@import url(bootstrap.min.css);
@import url(font-awesome.min.css);
@import url(hover.css);
@import url(jquery.bxslider.css);
@import url(owl.carousel.css);
@import url(owl.theme.default.min.css);
@import url(animate.min.css);
@import url(jquery.bootstrap-touchspin.css);
@import url('jquery.fancybox.css');
@import url('prettyPhoto.css');
/*** Flaticon 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);


/*** Jquery ui css ***/
@import url(../assets/jquery-ui-1.11.4/jquery-ui.css);
/*** Revolution slider ***/
@import url(../assets/revolution/css/settings.css);
@import url(../assets/revolution/css/layers.css);
@import url(../assets/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);
/*** Menuzord Css ***/
@import url('../assets/menuzord/menuzord.css');
@import url('../assets/menuzord/menuzord-animations.css');




/*==============================================
   Base Css
===============================================*/
html,
body { height: 100% }
body {
  font-family: 'Nunito', sans-serif;
  font-size: 14px;
  color: #666;
  line-height: 24px;
  font-weight: 400;
}
button:focus{
  outline: none;
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Poppins', sans-serif;
  margin: 0;
}
h3 {
    color: #303030;
    font-size: 20px;
    font-weight: 400;
 
}
.float_left {
    float: left;
}
.float_right {
    float: right;
}
h4 {

}
a,
a:hover,
a:active,
a:focus {
    transition: all 0.5s ease 0s;
    text-decoration: none;
    outline: none;
    border: none;
    color: #fff;
}

img {
	max-width: 100%;
    height: auto;
}
i {
	font-style: normal;
}
ul,
li {
    list-style: none;
    margin: 0;
    padding: 0;
}


button{
    border: none;
    background: transparent;
}
.thm-btn {
    font-size: 15px;
    font-weight: 700;
    text-transform: capitalize;
    font-family: 'Nunito', sans-serif;
    position: relative;
    transition: all 0.5s ease 0s;
    cursor: pointer;
    display: inline-block;
    padding: 13px 25px 13px;
    text-align: center;
    z-index: 1;
    border-radius: 4px;
}
.thm-btn span:before{
    font-size: 15px;
    display: inline-block;
    padding-left: 15px;
    font-weight: 300;
}
.thm-btn:before {
    background-color: #0729e9;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transform: scale(0.5, 1);
    transition: all 0.4s ease 0s;
    width: 100%;
    z-index: -1;
    border-radius: 4px;
}
.bg-clr1{
    background: #3452ff;  
    color: #ffffff;
}
.thm-btn:hover::before{
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}


.bg-clr2{
    background: #2b2c36;  
    color: #fff;
    position: relative;
}
.bg-clr2:before {
    background-color: #ff2b58;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transform: scale(0.5, 1);
    transition: all 0.4s ease 0s;
    width: 100%;
    z-index: -1;
}
.bg-clr2:hover:before{
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);    
}

.sec-padding{
    padding: 80px 0;
}

.sec-title {
    margin-top: 0px;
    padding-bottom: 42px;
    position: relative;
}
.sec-title h1 {
  color: #222222;
  font-size: 32px;
  font-weight: 400;
  line-height: 30px;
  text-transform: none;
  margin: 0 0 8px;
}
.sec-title .icon-holder {
    overflow: hidden;
    position: relative;
    margin: 0px 0 0;
    line-height: 10px;
    display: inline-block;
}
.sec-title p {
    color: #848484;
    font-size: 16px;
    font-weight: 400;
    font-style: italic;
    margin: 15px 0 0;
    line-height: 26px;
    font-family: 'Lora', serif;
    padding: 0 200px;
}



.boxed_wrapper {
    background: #fff none repeat scroll 0 0;
    min-width: 320px;
    overflow-x: hidden;
    width: 100%;
}

/*________________Preloader_______________ */

.preloader{ 
    position:fixed; 
    left:0px; 
    top:0px; 
    width:100%; 
    height:100%; 
    z-index:999999999999; 
    background-color:rgba(255,255,255,1); 
    background-position:center center; 
    background-repeat:no-repeat; 
    background-image:url(../images/icon/preloader.gif);
}


/* Update Mainmenu area Style */
@-webkit-keyframes menu_sticky {
    0%   {margin-top:-150px;}
    50%  {margin-top: -130px;}
    100% {margin-top: 0;}
}
@keyframes menu_sticky {
    0%   {margin-top:-150px;}
    50%  {margin-top: -130px;}
    100% {margin-top: 0;}
}
.mainmenu-area.stricky-fixed {
    position: fixed;
    top: 0;
    left: 0;
    margin: 0;
    width: 100%;
    z-index: 10000;
    background: #121111;
    z-index: 99999;
    -webkit-animation-name: menu_sticky;
          animation-name: menu_sticky;
    -webkit-animation-duration: 0.60s;
          animation-duration: 0.60s;
    -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
}




/* Scroll To Top styles */
.scroll-to-top {
    background: transparent;
    border: 2px solid #3452ff;
    border-radius: 20px 20px 0 0;
    bottom: 25px;
    color: #3452ff;
    cursor: pointer;
    display: none;
    font-size: 30px;
    font-weight: normal;
    height: 45px;
    line-height: 44px;
    position: fixed;
    right: 15px;
    text-align: center;
    transition: all 500ms ease 0s;
    width: 45px;
    z-index: 99999;
    -webkit-box-shadow: 0px 8px 23px -6px rgba(27,27,27,1);
    -moz-box-shadow: 0px 8px 23px -6px rgba(27,27,27,1);
    box-shadow: 0px 8px 23px -6px rgba(27,27,27,1);
}
.scroll-to-top:hover {
    background: #3452ff;
    color: #fff;
}


/*Form validation styles */
input:focus,
textarea:focus,
select:focus {
  border-color: #43c3ea;
  outline: none;
}


/* Post pagination styles */
.post-pagination li {
    display: inline-block;
    margin: 0 3px;
}
.post-pagination li a {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #f4f4f4;
    color: #777;
    display: block;
    font-size: 18px;
    font-weight: 700;
    height: 55px;
    padding: 16px 0;
    transition: all 500ms ease 0s;
    width: 55px;
    font-family: 'Poppins', sans-serif;
}
.post-pagination li.active a, .post-pagination li:hover a {
    background: #3452ff;
    color: #fff;
    border: 2px solid #3452ff;
}


/* Overlay styles  */
.overlay-style-one{
    background-color: rgba(55, 83, 255, .85);
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
   -webkit-transform: translateY(-100%);
    transform: translateY(-100%); 
    transition: all 500ms ease;
}
.overlay-style-one .box{
    display: table;
    height: 100%;
    width: 100%;    
}
.overlay-style-one .box .content{
    display: table-cell;
    text-align: center;
    vertical-align: middle;    
}
/* Overlay styles two */
.overlay-style-two{
    position: absolute;
    left: 0px;
    bottom: -85%;
    width: 100%;
    height: 100%;
    display: block;
    vertical-align: middle;
    color: #ffffff;
    text-align: center;
    background: rgba(52, 82, 255, 0.90);
    opacity: 0;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
.overlay-style-two .box{
    display: table;
    height: 100%;
    width: 100%;    
}
.overlay-style-two .box .content{
    display: table-cell;
    text-align: center;
    vertical-align: middle;    
}


.review-box {}
.review-box ul {
    margin-left: -1px;
    margin-right: -1px;
}
.review-box ul li {
    display: inline-block;
    margin: 0 1px;
}
.review-box ul li i {
    color: #3452ff;
    font-size: 12px;
}



/*** 
=============================================
    Top bar area style
=============================================
***/
.top-bar-area {
    background: #000;
    padding: 23px 5% 13px;
}
.top-bar-area .top-left {}
.top-bar-area .top-left ul{}
.top-bar-area .top-left ul li {
    color: #999999;
    display: inline-block;
    float: left;
    font-size: 14px;
    line-height: 15px;
    margin-right: 15px;
    padding-right: 15px;
    border-right: 2px dashed #999;
}
.top-bar-area .top-left ul li:last-child{
    border-right: 0;
    margin-right: 0;
    padding-right: 0;
}
.top-bar-area .top-left ul li span:before {
    display: inline-block;
    float: left;
    color: #3452ff;
    font-size: 16px;
    padding-right: 10px;
}

.top-bar-area .top-right {
    float: right;
}
.top-bar-area .top-right .social-links {
    overflow: hidden;
    margin-left: 10px;
    padding-left: 20px;
    float: left;
    border-left: 2px dashed #999;
}
.top-bar-area .top-right .social-links li {
    display: inline-block;
    float: left;
    margin: 0px 0px 0px 25px;
    line-height: 16px;
}
.top-bar-area .top-right .social-links li:first-child {
    margin: 0px;
}
.top-bar-area .top-right .social-links li a i {
    color: #999999;
    font-size: 14px;
    transition: all 500ms ease;
}
.top-bar-area .top-right .social-links li a:hover i{
    color: #3452ff;
}



/*==============================================
    Mainmenu Area Css
===============================================*/
.mainmenu-area {
    position: relative;
    padding: 0 5% 0;
    z-index: 999999;
    height: 101px;
    background: transparent;
    margin-bottom: -101px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.30);
}
.mainmenu-area .logo {
    border-right: 1px solid rgba(255, 255, 255, 0.30);
    display: inline-block;
    padding-right: 65px;
    padding-top: 25px;
    padding-bottom: 25px;
}


.menuzord {
    width: 100%;
    padding: 0;
    float: left;
    position: relative;
    background: transparent;
    font-family: 'Poppins', sans-serif;
}
.menuzord .menuzord-menu {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
}
.menuzord-menu li {
    display: inline-block;
    float: left;
}
.menuzord-menu > li > a {
    color: #ffffff;
    display: block;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    opacity: 1;
    padding: 40px 25px 41px;
    position: relative;
    text-transform: uppercase;
    transition: all 500ms ease 0s;
    font-family: 'Poppins', sans-serif;
}
.mainmenu-area .menuzord-menu > li:hover > a, 
.mainmenu-area .menuzord-menu > li.current > a{
    color: #3452ff;
}
.mainmenu-area .menuzord-menu > li > a:before{
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 0%;
    height: 1px;
    background: #3452ff;
    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;	
}
.mainmenu-area .menuzord-menu > li:hover a:before,
.mainmenu-area .menuzord-menu > li.current a:before{
    width: 100%;
}

.menuzord-menu ul.dropdown, 
.menuzord-menu ul.dropdown li ul.dropdown {
    list-style: none;
    margin: 0;
    padding: 0;
    display: none;
    position: absolute;
    z-index: 99;
    min-width: 235px;
    background: #222222;
}
.menuzord-menu ul.dropdown li {
    clear: both;
    width: 100%;
    font-size: 14px;
    position: relative;
    border-bottom: 1px solid #2b2b2b;
}
.menuzord-menu ul.dropdown li:last-child{
    border-bottom: 0px solid #2b2b2b;    
}
.menuzord-menu ul.dropdown li a {
    width: 100%;
    background: none;
    padding: 11px 25px 9px 25px;
    color: #999999;
    text-decoration: none;
    display: inline-block;
    float: left;
    clear: both;
    position: relative;
    outline: 0;
    -o-transition: padding .2s linear;
    -moz-transition: padding .2s linear;
    -webkit-transition: padding .2s linear;
    transition: padding .2s linear;
    transition: all 500ms ease;
    font-family: 'Poppins', sans-serif;
}
.menuzord-menu ul.dropdown li:hover > a{
	padding-left: 30px;
	padding-right: 30px;
	color: #3452ff;
}

.menuzord-menu li .megamenu {
    right: 0px;
    max-width: 700px;
    width: 100%;
    padding: 40px 30px 40px;
    position: absolute;
    z-index: 99;
    border-top: none;
    background: #222222;
}
.menuzord-menu li .megamenu .megamenu-left{
    float: left;
    max-width: 180px;
    width: 100%;
}

.menuzord-menu > li > .megamenu ul.megamenu-dropdown {}
.menuzord-menu > li > .megamenu ul.megamenu-dropdown li {
    line-height: 40px;
    display: block;
    width: 100%;
}
.menuzord-menu > li > .megamenu ul.megamenu-dropdown li a{
    color: #999999;

    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
    font-family: 'Poppins', sans-serif;
    transition: all 500ms ease;
}
.menuzord-menu > li > .megamenu ul.megamenu-dropdown li a:hover{
    color: #3452ff;
    padding-left: 10px;
}




.menuzord-menu > li > .megamenu .megamenu-right {
    max-width: 420px;
    width: 100%;
    float: right;
    padding-left: 40px;
    border-left: 1px solid #303030;
    padding-top: 15px;
    padding-bottom: 15px;
}
.menuzord-menu > li > .megamenu .megamenu-right .discuss-form {
    display: block;
}
.menuzord-menu > li > .megamenu .megamenu-right .discuss-form h4{
    color: #848484;
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 12px;
}
.menuzord-menu > li > .megamenu .megamenu-right .discuss-form form{}
.menuzord-menu > li > .megamenu .megamenu-right .discuss-form form .service-list{}
.menuzord-menu > li > .megamenu .megamenu-right .discuss-form form input[type="text"]{
    width: 100%;
    border: 1px solid #2f2f2f;
    background: #252525;
    height: 45px;
    display: block;
    padding: 0 10px;
    color: #ababab;
    font-size: 14px;
    margin-top: 30px;
}
.menuzord-menu > li > .megamenu .megamenu-right .discuss-form form button.submit{
    padding: 10px 40px 10px;
    margin-top: 30px;
}


.menuzord-menu > li > .megamenu .megamenu-right .login-register-form {
    display: block;
    background: #252525;
    border: 1px solid #2f2f2f;
    display: block;
    padding: 20px 20px 13px;
}
.menuzord-menu > li > .megamenu .megamenu-right .login-register-form .form-heading{
    padding-bottom: 13px;
}
.menuzord-menu > li > .megamenu .megamenu-right .login-register-form .form-heading ul li{
    display: inline-block;
    float: left;
    margin-right: 10px;
    padding-right: 10px;
    border-right: 1px solid #999999;
    line-height: 14px;
}
.menuzord-menu > li > .megamenu .megamenu-right .login-register-form .form-heading ul li:last-child{
    margin-right: 0;
    padding-right: 0;
    border-right: 0px solid #999999;    
}
.menuzord-menu > li > .megamenu .megamenu-right .login-register-form .form-heading ul li a{
    color: #999999;
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
}
.menuzord-menu > li > .megamenu .megamenu-right .login-register-form .form-heading ul li a.active{
    color: #3452ff;
}
.menuzord-menu > li > .megamenu .megamenu-right .login-register-form .form-body form{ }
.menuzord-menu > li > .megamenu .megamenu-right .login-register-form .form-body form input[type="text"],
.menuzord-menu > li > .megamenu .megamenu-right .login-register-form .form-body form input[type="email"],
.menuzord-menu > li > .megamenu .megamenu-right .login-register-form .form-body form input[type="password"]{
    background: #f9f9f9;
    border: none;
    border-bottom: 1px solid #303030;
    color: #ababab;
    display: block;
    font-size: 16px;
    height: 45px;
    margin-bottom: 20px;
    padding: 0 10px;
    width: 100%;
    transition: all 500ms ease;
    background: none;
}
.menuzord-menu > li > .megamenu .megamenu-right .login-register-form .form-body form button.singin{
    color: #3452ff;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
}
.menuzord-menu > li > .megamenu .megamenu-right .login-register-form .form-body form button.singin span:before{
    font-size: 13px;
    display: inline-block;
    padding-right: 4px;
}
.menuzord-menu > li > .megamenu .megamenu-right .login-register-form .form-body form .forgot-password{
    color: #3452ff;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    font-family: 'Nunito', sans-serif;
}
.menuzord-menu > li > .megamenu .megamenu-right .login-register-form .form-body form button.register{
    color: #3452ff;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;    
}
.menuzord-menu > li > .megamenu .megamenu-right .login-register-form .form-body form button.register span:before {
    font-size: 13px;
    display: inline-block;
    padding-right: 4px;    
}   



.menuzord-menu > li > .megamenu-style2 {
    position: absolute;
    width: 100%;
    right: 0px;
    padding: 30px 30px 30px;
    background: #222222;
    display: block;
    opacity: 0;
    visibility: hidden;
    z-index: 9;
}
.menuzord-menu > li:hover > .megamenu-style2 {
  z-index: 9;
  opacity: 1;
  visibility: visible;
}
.menu-author-info {
    width: 45%;
    float: left;
}
.menu-author-info ul li {
    border-bottom: 1px solid #303030;
    display: block;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.menu-author-info ul li:last-child{
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}
.menu-author-info ul li .title h3{
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    margin: 0 0 16px;
}
.menu-author-info ul li .img-holder{
    width: 70px;    
}
.menu-author-info ul li .img-holder, 
.menu-author-info ul li .text-holder {
    display: table-cell;
    vertical-align: middle;
}
.menu-author-info ul li .text-holder {
    padding-left: 15px;
}
.menu-author-info ul li .text-holder h5 {
    color: #3452ff;
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 10px;
}
.menu-author-info ul li .text-holder p {
    margin: 0;
    line-height: 22px;
    font-size: 13px;
}
.menu-author-info ul li .text-holder p span:before {
    color: #3452ff;
    font-size: 13px;
    display: inline-block;
    line-height: 13px;
    padding-right: 10px;
}






.megamenu-style2 .contact-map {
    width: 55%;
    border-left: 1px solid #303030;
}
.menu-map{
    position: relative;    
}
#menu-google-map{
    width: 380px;
    height: 250px;
    float: right;
}




/* Search Box style   */
.mainmenu-area .search-cart-option {
    display: inline-block;
    float: left;
}
.outer-search-box {
    float: left;
    height: 40px;
    width: 40px;
    margin-top: 30px;
    margin-bottom: 30px;
}
.outer-search-box .seach-toggle {
    background: transparent;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 14px;
    line-height: 20px;
    margin: 0;
    padding: 10px 0px;
    position: relative;
    text-align: center;
    transition: all 500ms ease;
    border-radius: 2px 10px 2px 10px;
}
.outer-search-box .seach-toggle:hover,
.outer-search-box .seach-toggle.active{
    background:#3452ff;
    color: #fff;
}
.search-box {
    background: #3452ff;
    border-top: 2px solid #0927d5;
    opacity: 0;
    padding: 20px;
    position: absolute;
    right: 15px;
    top: 150%;
    transition: all 500ms ease 0s;
    visibility: hidden;
}
.search-box.now-visible{
  top:100%;
  opacity:1;
  visibility:visible;	
}
.search-box .form-group{
  position:relative;
  padding:0px;
  margin:0px;
  width:100%;
  min-width:250px;
}
.search-box .form-group input[type="search"] {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #333;
  color: #000;
  display: block;
  font-size: 13px;
  line-height: 24px;
  position: relative;
  transition: all 500ms ease 0s;
  width: 100%;
  height: 40px;
  padding-left: 15px;
  padding-right: 50px;
}
.search-box .form-group input[type="search"]:focus{
  border-color:#0065bd;	
}
.search-box .form-group button, 
.search-box .form-group input[type="submit"] {
  background: #222;
  color: #fff;
  cursor: pointer;
  display: block;
  font-size: 13px;
  height: 40px;
  line-height: 40px;
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  transition: all 500ms ease 0s;
}
.search-box .form-group button:hover,
.search-box .form-group input:focus + button{
  color:#fff;
  background: #0625da;
}


.mainmenu-right-box {
    width: 300px;
    float: right;
    border-left: 1px solid rgba(255, 255, 255, 0.30);
    padding-left: 20px;
}
.mainmenu-area .cart-button {
    display: inline-block;
    float: left;
    border-left: 2px dashed #fff;
    line-height: 20px;
    padding-left: 15px;
    margin: 40px 0;
    margin-left: 10px;
}
.mainmenu-area .cart-button button {
    padding: 0;
}
.mainmenu-area .cart-button button i {
    color: #fff;
    font-size: 14px;
    display: inline-block;
    padding-right: 5px;
}
.mainmenu-area .cart-button button .count {
    color: #fff;
}

.mainmenu-area .quote-button {
    float: right;
    margin: 28px 0;
}
.mainmenu-area .quote-button a {
    background: #3452ff;
    display: inline-block;
    width: 230px;
    height: 45px;
    border-radius: 5px;
    text-align: center;
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    text-transform: none;
    line-height: 44px;
    transition: all 500ms ease;
    font-family: 'Nunito', sans-serif;
}
.mainmenu-area .quote-button a:hover{
    background: #0c2deb;
}



/*** 
=============================================
    Rev Slider Wrapper style
=============================================
***/
.rev_slider_wrapper .slide-content-box h1 {
    color: #ffffff;
    font-size: 54px;
    font-weight: 300;
    line-height: 64px;
    text-transform: none;
    margin: 0 0 16px;
}
.rev_slider_wrapper .slide-content-box p{
  font-size: 18px;
  color: #d6d6d6;
  font-weight: 600;
  line-height: 30px;
  margin: 0px 0 33px;
  font-family: 'Nunito', sans-serif;
}
.rev_slider_wrapper .slide-content-box .button a{
  padding: 13px 25px 13px;
}
.rev_slider_wrapper .slide-content-box.middle-slide p{
  text-align: center;
}
.rev_slider_wrapper .slide-content-box.middle-slide .button a{
  padding: 13px 40px 13px;    
}


.tparrows {
    background: rgba(0, 0, 0, 0.30);
    cursor: pointer;
    display: block;
    height: 50px;
    position: absolute;
    width: 50px;
    z-index: 1000;
    transition: all 500ms ease;
    border-radius: 50%;
}
.tparrows:before{
    font-size:18px; 
    font-weight: 700;
    color:#fff; 
    display:block; 
    line-height: 50px; 
    text-align: center;
    transition: all 500ms ease;
}
.tparrows:hover{
    background:#ffffff;
}
.tparrows:hover:before{
    color: #3452ff;    
}


/*** 
=============================================
    Welcome Area style
=============================================
***/
.welcome-area {
    padding-bottom: 40px;
    position: relative;
}
.welcome-area .single-item {

}
.welcome-area .single-item .img-holder{
    display: block;
    overflow: hidden;
    position: relative;  
}
.welcome-area .single-item .img-holder img{
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
    width: 100%;        
}
.welcome-area .single-item .img-holder .overlay-style-two .box .content a i {
    opacity: 1;
    border: 1px solid #fff;
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 3px;
    font-size: 15px;
    line-height: 40px;
    transition: all 500ms ease;
}
.welcome-area .single-item:hover .img-holder .overlay-style-two{
	bottom:0px;
	opacity:1;	
}
.welcome-area .single-item:hover .img-holder img{
    transform: scale(1.1);
}
.welcome-area .single-item .img-holder .overlay-style-two .box .content a:hover i{
    background: #001fd1;
    color: #fff;
    border-color: #011cb7;
}


.welcome-area .single-item .text-holder {
    margin-left: 20px;
    margin-right: 20px;
    border: 1px solid #f4f4f4;
    position: relative;
    top: -40px;
    background: #fff;
    display: block;
    padding: 25px 15px 11px;
}
.welcome-area .single-item .text-holder:before {
    width: 100%;
    height: 3px;
    position: absolute;
    content: "";
    background: #3452ff;
    left: 0;
    top: -1px;
}
.welcome-area .single-item .text-holder:after {
  width: 100%;
  height: 3px;
  position: absolute;
  content: "";
  background: #fff;
  left: 0;
  top: -1px;
  transform: scaleX(0);
  transition: .5s ease;
}
.welcome-area .single-item:hover .text-holder:after {
  transform: scaleX(1);
  transition: .5s ease;
}
.welcome-area .single-item .text-holder .title{
    color: #222222;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    text-transform: capitalize;
    margin: 0 0 12px;
    transition: all 500ms ease;
}
.welcome-area .single-item .text-holder .title:hover{
    color: #3452ff;
}
.welcome-area .single-item .text-holder p{}



/*** 
=============================================
    Services Area style
=============================================
***/
.services-area {
    position: relative;
    background: #f9f9f9;
}
.services-area .service-left {
    border: 2px solid #efefef;
    display: block;
    padding: 24px 20px 20px;
    position: relative;
}
.services-area .service-left:before {
    position: absolute;
    top: 19px;
    left: -2px;
    width: 3px;
    height: 32px;
    background: #3452ff;
    content: "";
}
.services-area .service-left h3{
    color: #222222;
    font-size: 22px;
    font-weight: 400;
    margin: 0 0 19px;
    font-family: 'Lora', serif;
}
.services-area .service-left p{
    margin: 0 0 12px;   
}
.services-area .service-left a{
    color: #3452ff;
    font-size: 15px;
    font-weight: 700;
    font-family: 'Nunito', sans-serif;
}
.services-area .service-left a i{
    display: inline-block;
    padding-left: 7px;
    transition: all 500ms ease;    
}
.services-area .service-left a:hover i{
    padding-left: 12px;
}


.services-area .service-right {}
.services-area .service-right .top-service {
    margin: 0;
}
.services-area .service-right .bottom-service {
    margin: 0;
}
.services-area .service-right .pd0{
    padding: 0;
}


.services-area .service-right .single-item.bor-right-btm {
    border-bottom: 1px solid #efefef;
    border-right: 1px solid #efefef;
    padding-bottom: 40px;
    padding-right: 40px;
}
.services-area .service-right .single-item.pd-left{
    margin-left: 40px;
}
.services-area .service-right .single-item.margin-top-right{
    margin-top: 40px;
    margin-right: 40px;
}
.services-area .service-right .single-item.margin-topleft{
    position: relative;
    margin-left: 40px;
    margin-top: 40px;
}
.services-area .service-right .single-item.margin-topleft:before {
    position: absolute;
    left: -41px;
    top: -41px;
    min-height: 170px;
    border-left: 1px solid #efefef;
    border-top: 1px solid #efefef;
    content: "";
    min-width: 435px;
}

.services-area .service-right .single-item {
    display: block;
    padding-left: 55px;
    position: relative;
    z-index: 1;
}
.services-area .service-right .single-item .icon-holder {
    position: absolute;
    top: 0px;
    left: 0;
    width: 55px;
    height: 55px;
    transition: all 0.7s ease;
}
.services-area .service-right .single-item .icon-holder span:before {
    color: #3452ff;
    font-size: 55px;
    display: block;
    transition: all 0.7s ease;
    padding: 15px 0;
}
.services-area .service-right .single-item .text-holder {
    padding-left: 30px;
}
.services-area .service-right .single-item .text-holder h3{
    color: #222222;
    font-size: 20px;
    font-weight: 400;
    text-transform: capitalize;
    margin: 0 0 3px;
}
.services-area .service-right .single-item .text-holder span{
    color: #3452ff;
    font-size: 16px;
    font-weight: 400;
    font-style: italic;
    font-family: 'Lora', serif;
}
.services-area .service-right .single-item .text-holder p {
    margin: 6px 0 0;
}



/*** 
=============================================
    Fact counter Area style
=============================================
***/
.fact-counter-area {
  position: relative;
}
.fact-counter-area .fact-counter{
    background: #292e47;
    width: 50%;
    height: 249px;
    float: left;
}
.fact-counter-area .fact-counter.right{
    background: #24283f;
    position: relative;
}
.fact-counter-area .fact-counter.right:before {
    position: absolute;
    top: 70px;
    left: -55px;
    width: 110px;
    height: 110px;
    content: "";
    background: url(../images/icon/fact-counter-logo.png);
}
.fact-counter-area .fact-counter li {
    width: 50%;
    display: inline-block;
    float: left;
    border-right: 1px solid rgba(255, 255, 255, 0.06);
    padding: 86px 8% 89px 12%;
}
.fact-counter-area .fact-counter li.border-none{
    border: none;
}
.fact-counter-area .fact-counter li:last-child{
    border: none;
}

.fact-counter-area .single-item {
    display: block;
    position: relative;
}
.fact-counter-area .single-item .icon-holder {
    width: 45px;
}
.fact-counter-area .single-item .icon-holder span:before{
    font-size: 45px;
    color: #3452ff;
}
.fact-counter-area .single-item .icon-holder,
.fact-counter-area .single-item .text-holder{
    display: table-cell;
    vertical-align: middle;
}
.fact-counter-area .single-item .text-holder{
    padding-left: 20px;
}

.fact-counter-area .single-item .text-holder h1 span{
    color: #ffffff;
    font-size: 36px;
    font-weight: 700;
    font-family: 'Lora', serif;
}
.fact-counter-area .single-item .text-holder h3 {
    color: #ffffff;
    font-size: 20px;
    font-weight: 400;
    text-transform: capitalize;
    margin: 10px 0 0;
}



/*** 
=============================================
    know about Area style
=============================================
***/
.know-about-area {}
.know-about-area .img-holder{}
.know-about-area .img-holder .singel-item{
    margin-bottom: 30px;
}
.know-about-area .img-holder .singel-item img{
    width: 100%;
}
.know-about-area .text-holder{
    
}
.know-about-area .text-holder .top-text{
    padding-bottom: 18px;
    
}
.know-about-area .text-holder .top-text h3 {
    line-height: 32px;
    margin: -6px 0 13px;
}
.know-about-area .text-holder .bottom-text {
    margin: 0 0 30px;
}
.know-about-area .text-holder .bottom-text span {
    color: #3452ff;
    font-size: 20px;
    font-weight: 400;
}
.know-about-area .text-holder .bottom-text p{
    margin-top: 16px;    
}
.know-about-area .text-holder a.readmore{
    padding: 13px 40px 13px;    
}

.know-about-area .promotion-box {
    overflow: hidden;
    padding-top: 50px;
}
.know-about-area .promotion-box .singel-box {
    border: 1px solid #f4f4f4;
    display: block;
    padding: 25px 20px 15px;
    transition: all 500ms ease;
}
.know-about-area .promotion-box .singel-box:hover{
    border-color: #3452ff;
}
.know-about-area .promotion-box .singel-box .top {
    padding-left: 60px;
    position: relative;
    padding-bottom: 17px;
}
.know-about-area .promotion-box .singel-box .top .icon-holder {
    position: absolute;
    top: 0;
    left: 0;
}
.know-about-area .promotion-box .singel-box .top .icon-holder span:before {
    font-size: 35px;
    color: #3452ff;
    line-height: 35px;
}

.know-about-area .promotion-box .singel-box .top .title-holder {
}
.know-about-area .promotion-box .singel-box .top .title-holder h3 {
    line-height: 35px;
}



/*** 
=============================================
    Testimonial Area style
=============================================
***/
.testimonial-area {
    background: #3452ff;
    padding: 72px 0 67px;
}
.testimonial-area .single-item {
    position: relative;
    overflow: hidden;
    text-align: center;
    max-width: 750px;
    margin: 0 auto;
}
.testimonial-area .single-item .text-box {
    overflow: hidden;
    margin: 0;
}
.testimonial-area .single-item .text-box p{
    color: #f7f7f7;
    font-size: 30px;
    font-weight: 400;
    font-style: italic;
    margin: 0 0 14px;
    line-height: 40px;
}
.testimonial-area .single-item .text-box .border{
    background: rgba(255, 255, 255, 0.15);
    width: 70px;
    height: 1px;
    display: inline-block;
}

.testimonial-area .single-item .client-info {
    overflow: hidden;
    position: relative;
    padding-top: 31px;
}
.testimonial-area .single-item .client-info h3{
    color: #ffffff;
    margin: 0 0 3px;
}
.testimonial-area .single-item .client-info span{
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    font-style: italic;
    font-family: 'Lora', serif;
}
.testimonial-area .owl-dots {
    position: relative;
    margin-top: 36px;
}
.testimonial-area .owl-dots .owl-dot{
	background-image:none;
	width: 10px;
	height: 10px;
	margin: 5px 10px;
    border: 2px solid #fff;
	padding:0px;
	background: transparent;
	border-radius:50%;
	-webkit-border-radius:50%;
	-ms-border-radius:50%;
	-o-border-radius:50%;
	-moz-border-radius:50%;
	transition: all 500ms ease;
	display: inline-block;
}
.testimonial-area .owl-dots .owl-dot span{
	display:none;	
}
.testimonial-area .owl-dots .owl-dot.active{
    width: 20px;
	background:#ffffff;
    border-radius: 15px;
}
.testimonial-area .owl-dots .owl-dot:hover{
    background: #fff;
}



/*** 
=============================================
    project faq Area style
=============================================
***/
.project-faq-area {
    background: #f9f9f9 none repeat scroll 0 0;
    padding-bottom: 60px;
}
.project-faq-area .latest-project{
    margin-left: -7.5px;
    margin-right: -7.5px;
}
.project-faq-area .latest-project .sec-title {
    padding-left: 7.5px;
}
.project-faq-area .latest-project .single-project-item{
    display: inline-block;
    margin: 0 7.5px 15px;
    float: left;
}
.single-project-item {
    position: relative;
    overflow: hidden;
    display: block;
}
.single-project-item .img-holder{
    display: block;
    overflow: hidden;
    position: relative;  
}
.single-project-item .img-holder img {
    transform: scale(1.1, 1.1);
    transition: all 0.5s ease 0s;
    width: 100%;
}
.single-project-item:hover .img-holder img{
    transform: scale(1, 1);
}

.single-project-item:hover .img-holder .overlay-style-one{
    transform: translateY(0%); 
    opacity: 1;
}
.single-project-item .img-holder .overlay-style-one .box .content a i {
    opacity: 1;
    border: 1px solid #fff;
    display: inline-block;
    width: 35px;
    height: 35px;
    border-radius: 3px;
    font-size: 12px;
    line-height: 35px;
    transition: all 500ms ease;
}
.single-project-item .img-holder .overlay-style-one .box .content a:hover i{
    background: #0a29df;
    color: #fff;
    border-color: #0a29df;
}
.project-faq-area .latest-project a.more-project {
    color: #3452ff;
    font-size: 14px;
    font-weight: 700;
    font-family: 'Nunito', sans-serif;
    margin-left: 7.5px;
    margin-top: 20px;
    text-transform: uppercase;
    display: block;
}
.project-faq-area .latest-project a.more-project i{
    display: inline-block;
    padding-left: 7px;
    transition: all 500ms ease;    
}
.project-faq-area .latest-project a.more-project:hover i{
    padding-left: 12px;    
}


.accordion-box .accordion {
    margin-bottom: 20px;
    position: relative;
}
.accordion-box .accordion .accord-btn {
    border-bottom: 1px solid #ededed;
    cursor: pointer;
    padding: 0px 0px 22px 50px;
    position: relative;
    transition: all 500ms ease;
}
.accordion-box .accordion .accord-btn h4 {
    color: #222222;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    transition: all 500ms ease;
    font-family: 'Poppins', sans-serif;
}
.accordion-box .accordion .accord-btn::after {
    color: #ededed;
    content: "\f115";
    font-family: "Flaticon";
    font-size: 12px;
    font-weight: 700;
    line-height: 30px;
    margin-top: -25px;
    position: absolute;
    left: 0px;
    top: 50%;
    transition: all 500ms ease 0s;
    width: 30px;
    height: 30px;
    border: 2px solid #ededed;
    text-align: center;
}
.accordion-box .accordion .accord-btn.active{
    border-bottom: 1px solid transparent;  
    transition: all 500ms ease;
}
.accordion-box .accordion .accord-btn.active h4 {
    color: #3452ff;
}
.accordion-box .accordion .accord-btn.active:after{
    content: "\f114";
    border: 2px solid #3452ff;
    color: #3452ff;
    background: transparent;
}
.accordion-box .accordion .accord-content {
    display: none;
    padding: 0px 0px 25px 50px;
    position: relative;
    border-bottom: 1px solid #ededed;
}
.accordion-box .accordion .accord-content.collapsed {
    display: block;
}
.accordion-box .accordion .accord-content p {
    margin: 0;
}



/*** 
=============================================
    Latest blog area style
=============================================
***/
.latest-blog-area{
    
}
.single-blog-item{
    position: relative;
    overflow: hidden;
    display: block;
}
.single-blog-item .img-holder{
    display: block;
    overflow: hidden;
    position: relative;     
}
.single-blog-item .img-holder img {
    transform: scale(1.1, 1.1);
    transition: all 0.5s ease 0s;
    width: 100%; 
}
.single-blog-item .img-holder .overlay-style-one .box .content a i {
    opacity: 1;
    border: 1px solid #fff;
    display: inline-block;
    width: 35px;
    height: 35px;
    border-radius: 3px;
    font-size: 12px;
    line-height: 35px;
    transition: all 500ms ease;
}
.single-blog-item:hover .img-holder .overlay-style-one{
    transform: translateY(0%); 
    opacity: 1; 
}
.single-blog-item:hover .img-holder img {
    transform: scale(1, 1);
}
.single-blog-item .img-holder .overlay-style-one .box .content a:hover i{
    background: #0a29df;
    color: #fff;
    border-color: #0a29df;
}

.single-blog-item .text-holder {
    border-left: 1px solid #f4f4f4;
    border-right: 1px solid #f4f4f4;
    border-bottom: 1px solid #f4f4f4;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    transition: all 500ms ease;
} 

.single-blog-item .text-holder .meta-info {
    overflow: hidden;
    padding-top: 30px;
}
.single-blog-item .text-holder .meta-info li {
    display: inline-block;
    float: left;
    line-height: 16px;
    border-right: 1px solid #ababab;
    padding-right: 10px;
    margin-right: 10px;
}
.single-blog-item .text-holder .meta-info li:last-child{
    margin-right: 0;
    padding-right: 0;
    border-right: none;
}
.single-blog-item .text-holder .meta-info li a{
    color: #ababab;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Lora', serif;
}

.single-blog-item .text-holder .blog-title {
    color: #222222;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    padding: 10px 0 5px;
    display: block;
    transition: all 500ms ease;
}
.single-blog-item .text-holder .text {
  
}
.single-blog-item .text-holder .text p {
  margin: 0;  
}
.latest-blog-area .single-blog-item:hover{

}
.single-blog-item .text-holder .blog-title:hover{
  color: #3452ff;
}
.single-blog-item .text-holder .meta-info li a:hover{
  color: #3452ff;
}



/*** 
=============================================
    Brand Area style
=============================================
***/
.brand-area {
    background: #ffffff;
    padding-bottom: 80px;
}
.brand-area .container {
    border-top: 1px solid #f7f7f7;
    padding-top: 80px;
}
.brand-area .sec-title {
    padding-bottom: 2px;
}
.brand-area .tooltip-inner {
    background: #3452ff;
}
.brand-area .tooltip.top .tooltip-arrow {
    border-top-color: #3452ff;
}
.brand-area .brand .owl-stage-outer{
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px);
    padding-top: 40px;	
}
.brand-area .brand .single-item {
    border: 2px solid #f4f4f4;
    height: 122px;
    width: 100%;
    -webkit-transition: all 300ms ease-in 0s;
    transition: all 300ms ease-in 0s;
    text-align: center;
    line-height: 110px;
}
.brand-area .brand .single-item a{ }
.brand-area .brand .single-item:hover{
    border: 2px solid #3452ff;
}
.brand-area .brand .single-item:hover img{
    opacity: .9;
}
.brand-area .owl-controls {
    position: absolute;
    right: 0;
    top: -60px;
}
.brand-area .owl-theme .owl-nav [class*="owl-"] {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 0;
    color: #ababab;
    font-size: 20px;
    font-weight: 700;
    height: 40px;
    line-height: 36px;
    margin: 0 0 0 0px;
    padding: 0;
    width: 40px;
    border: 2px solid #f7f7f7;    
    transition: all 700ms ease 0s;
}
.brand-area .owl-theme .owl-nav .owl-next {
    margin-left: 10px;
}
.brand-area .owl-theme .owl-nav [class*="owl-"]:hover{
    border-color: #3452ff;
    color: #3452ff;
}



/*** 
=============================================
    Brand Area style
=============================================
***/
.awards-area{
    position: relative;
    background: #3452ff;
    padding: 67px 0 60px;
}
.awards-area:after {
    position: absolute;
    content: "";
    background: rgba(255, 255, 255, 0.15);
    width: 1px;
    top: 50px;
    bottom: 50px;
    left: 50%;
}
.awards-area .container {
    position: relative;
}
.awards-area h2 {
    font-size: 32px;
    color: #ffffff;
    font-weight: 400;
}
.awards-area .text p {
    color: #fff;
    margin: 26px 0 45px;
}
.awards-area .award-logo {
  margin: 0 0;
}

.awards-area .service-list {
    text-align: left;
    overflow: hidden;
    position: relative;
    left: 30px;
}
.awards-area .service-list ul {
    overflow: hidden;
    width: 32%;
    float: left;
}
.awards-area .service-list li {
    display: inline-block;
    color: #fff;
    font-size: 15px;
    padding-left: 30px;
    float: left;
    line-height: 40px;
}
.awards-area .service-list li:last-child{
    
}
.awards-area .service-list li a {
  color: #fff;
}
.awards-area .service-list li i {
  color: #fff;
  margin-right: 10px;
}



/*** 
=============================================
    Footer area style
=============================================
***/
.footer-area {
    background: #222222;
    padding-top: 80px;
    padding-bottom: 120px;
}

.single-footer-widget .title {
    padding-bottom: 34px;
    margin-top: -2px;
}
.single-footer-widget .title h3 {
    color: #ffffff;
    font-size: 22px;
    font-weight: 400;
    text-transform: capitalize;
}


.single-footer-widget .footer-logo{
    overflow: hidden;
    padding-bottom: 30px;
}
.single-footer-widget .widget-content{
    overflow: hidden;
}
.single-footer-widget .widget-content p{
    color: #848484;
    font-size: 15px;
    margin: 0;
}
.single-footer-widget .widget-content .footer-social-links {
    overflow: hidden;
    margin-top: 19px;
    border-top: 1px solid #2e2e2e;
    padding-top: 30px;
}
.single-footer-widget .widget-content .footer-social-links li{
    display: inline-block;
    float: left;
    margin-right: 10px;
}
.single-footer-widget .widget-content .footer-social-links li:last-child{
    margin-right: 0;
}
.single-footer-widget .widget-content .footer-social-links li a i{
    height: 40px;
    width: 40px;
    border: 2px solid #2e2e2e;
    display: block;
    border-radius: 50%;
    color: #999999;
    font-size: 14px;
    text-align: center;
    line-height: 38px;
    transition: all 500ms ease;
}
.single-footer-widget .widget-content .footer-social-links li a:hover i{
    background: #3452ff;
    color: #fff;
    border-color: #3452ff;
}


.single-footer-widget.margin-lft{
    margin-left: 60px;
}
.single-footer-widget .usefull-links {
    overflow: hidden;
    margin-top: -6px;
}
.single-footer-widget .usefull-links li{
    margin-bottom: 10px;
}
.single-footer-widget .usefull-links li:last-child{
    margin-bottom: 0px;
}
.single-footer-widget .usefull-links li:last-child{
    margin-bottom: 0;
}
.single-footer-widget .usefull-links li a{
    color: #848484;
    font-size: 15px;
    font-weight: 400;
    transition: all 500ms ease;
}
.single-footer-widget .usefull-links li a i{
    display: inline-block;
    padding-right: 9px;
}
.single-footer-widget .usefull-links li a:hover{
    color: #3452ff;
}


.single-footer-widget .latest-post{
    
}
.single-footer-widget .latest-post .single-post {
    padding-left: 60px;
    position: relative;
    margin-bottom: 15px;
    border-bottom: 1px solid #2e2e2e;
    min-height: 60px;
    padding-bottom: 24px;
}
.single-footer-widget .latest-post .single-post:last-child{
    margin-bottom: 0; 
}
.single-footer-widget .latest-post .single-post .img-holder {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;    
}
.single-footer-widget .latest-post .single-post .img-holder img {
    transition: all 0.5s ease 0s;
    width: 100%;     
}
.single-footer-widget .latest-post .single-post .img-holder .overlay-style-one{
    border-radius: 50%;
    width: 60px;
    height: 60px;
    border: 2px solid #fff;
}
.single-footer-widget .latest-post .single-post .img-holder .overlay-style-one .box .content a i {
    font-size: 15px;
    transition: all 500ms ease 0s; 
    color: #fff;
}
.single-footer-widget .latest-post .single-post:hover .img-holder .overlay-style-one{
    transform: translateY(0%); 
    opacity: 1;  
}
.single-footer-widget .latest-post .single-post:hover .img-holder img {}
.single-footer-widget .latest-post .single-post .img-holder .overlay-style-one .box .content a:hover i {
    color: #d9d9d9;
}

.single-footer-widget .latest-post .single-post .text-holder{
    padding-left: 20px;
    position: relative;
    top: 2px;
}
.single-footer-widget .latest-post .single-post .text-holder a.post-title{
    color: #848484;
    font-size: 15px;
    font-weight: 400;
    transition: all 500ms ease;
}
.single-footer-widget .latest-post .single-post .text-holder a.post-title:hover{
    color: #3452ff;
}
.single-footer-widget .latest-post .single-post .text-holder .post-info {
    overflow: hidden;
    margin: 2px 0 0;
}
.single-footer-widget .latest-post .single-post .text-holder .post-info span{
    color: #ababab;
    font-size: 12px;
    font-family: 'Lora', serif;
}


.single-footer-widget .tags{
    overflow: hidden;
    margin-left: -5px;
    margin-right: -5px;
}
.single-footer-widget .tags li{
    display: inline-block;
    margin: 0 5px 10px;
    float: left;
}
.single-footer-widget .tags li a {
    border: 1px solid #2e2e2e;
    border-radius: 15px;
    display: block;
    color: #999999;
    font-size: 14px;
    font-weight: 400;
    height: 30px;
    padding: 0 10px;
    line-height: 28px;
    transition: all 500ms ease;
}
.single-footer-widget .tags li a:hover{
    background: #3452ff;
    color: #fff;
    border: 1px solid #3452ff;
}



/*** 
=============================================
    Footer Bottom area style
=============================================
***/
.footer-bottom-area {
    margin-top: -40px;
    margin-bottom: -41px;
}
.footer-bottom-area .footer-contact-info{
    background: #2e2e2e;
    width: 100%;
}
.footer-bottom-area .footer-contact-info li {
    width: 33%;
    display: inline-block;
    border-right: 1px solid #363636;
    padding: 27px 0 27px;
    padding-left: 70px;
    color: #999999;
    font-size: 15px;
    font-weight: 400;
}
.footer-bottom-area .footer-contact-info li:last-child{
    border-right: 0px solid #363636;
}
.footer-bottom-area .footer-contact-info li span:before {
    color: #3452ff;
    font-size: 18px;
    display: inline-block;
    padding-right: 20px;
    position: relative;
    top: 3px;
}
.footer-bottom-area .footer-contact-info li b{
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
}



/*** 
=============================================
    Copyright area style
=============================================
***/
.copyright-area {
    background: #1b1b1b;
    padding: 65px 0 20px;
}
.copyright-area .copyright-text p {
    margin: 0;
    color: #999999;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    line-height: 26px;
}
.copyright-area .copyright-text p a{
    font-weight: 700;
    color: #999999;
    transition: all 500ms ease;
}
.copyright-area .copyright-text p a:hover{
    color: #3452ff;
}

.footer-menu{}
.footer-menu ul {
    float: right;
    overflow: hidden;
}
.footer-menu ul li {
    display: inline-block;
    float: left;
    margin: 0 0 0 30px;
    line-height: 26px;
}
.footer-menu ul li a {
    font-size: 15px;
    transition: all 500ms ease;
    color: #999999;
    font-weight: 400;
}
.footer-menu ul li a:hover {
    color: #3452ff;
}



/*** 
=============================================
    Breadcrumb area style
=============================================
***/
.breadcrumb-area {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding-top: 101px;
    position: relative;
    z-index: 1;
}
.breadcrumb-area::before {
    background: rgba(0, 0, 0, 0.10) none repeat scroll 0 0;
    background-position: center top;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.breadcrumb-area .breadcrumbs {
    padding-top: 50px;
    padding-bottom: 58px;
}
.breadcrumb-area .breadcrumbs h1 {
    color: #ffffff;
    font-size: 42px;
    font-weight: 700;
    line-height: 40px;
    
    text-align: center;
}

.breadcrumb-botton {
    position: relative;
    overflow: hidden;
    padding: 24px 0 22px;
    z-index: 1;
}
.breadcrumb-botton:before{
    background: rgba(255, 255, 255, 0.90) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;    
}
.breadcrumb-botton ul{
    text-align: center;
}
.breadcrumb-botton ul li{
    display: inline-block;
    margin: 0 4px;
    color: #222;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'Nunito', sans-serif;
    line-height: 20px;
}
.breadcrumb-botton ul li .dotted {
    background: #222;
    height: 3px;
    width: 3px;
    display: inline-block;
    position: relative;
    top: -3px;
}
.breadcrumb-botton ul li a{
  transition: all 500ms ease;
    color: #222;
}
.breadcrumb-botton ul li a:hover{
  color: #3452ff;    
}
.breadcrumb-botton ul li.active{
  color: #3452ff;    
}



/*** 
=============================================
    Specific approach area style
=============================================
***/
.specific-approach-area {
    padding-top: 80px;
    padding-bottom: 80px;
}
.specific-approach-area .top-content{
    padding-bottom: 40px;
}
.specific-approach-area .top-content .img-holder{
    
}
.specific-approach-area .top-content .img-holder img{
    width: 100%;
}
.specific-approach-area .top-content .text-holder{
    
}
.specific-approach-area .top-content .text-holder h3 {
    margin: 0 0 15px;
    line-height: 30px;
}
.specific-approach-area .top-content .text-holder .text {
    overflow: hidden;
    padding-bottom: 30px;
}
.specific-approach-area .top-content .text-holder a{
    padding: 13px 35px 13px;
}

.specific-approach-area .bottom-content .single-item{
    margin-top: 40px;
    text-align: center;
}
.specific-approach-area .bottom-content .single-item .img-holder{
    overflow: hidden;
    display: block;
}
.specific-approach-area .bottom-content .single-item .img-holder img{
    width: 100%;
    transition: all 500ms ease;
}
.specific-approach-area .bottom-content .single-item:hover .img-holder img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.specific-approach-area .bottom-content .single-item .text-holder {
    border: 1px solid #f4f4f4;
    display: block;
    padding: 28px 15px 11px;
}
.specific-approach-area .bottom-content .single-item .text-holder h3 {
    color: #222222;
    font-size: 20px;
    text-transform: capitalize;
    margin: 0 0 13px;
}



/*** 
=============================================
    Smart approach area style
=============================================
***/
.smart-approach-area {
    border-top: 1px solid #f4f4f4;
    padding-top: 80px;
    padding-bottom: 30px;
}
.smart-approach-area .single-item {
    margin-bottom: 50px;
    position: relative;
    overflow: hidden;
    display: block;
    border: 1px solid #f4f4f4;
}
.smart-approach-area .single-item .inner-content{
    padding-left: 30px;
    padding-bottom: 20px;
    padding-top: 40px;
    transition: all 500ms ease;
}
.smart-approach-area .single-item .inner-content .iocn-holder {
    margin-bottom: 29px;
}
.smart-approach-area .single-item .inner-content .iocn-holder span:before {
    color: #3452ff;
    font-size: 55px;
    line-height: 55px;
}
.smart-approach-area .single-item .inner-content .border{
    height: 1px;
    width: 60px;
    display: block;
    background: #f4f4f4;
}
.smart-approach-area .single-item .inner-content .title-holder {
    padding-top: 29px;
}
.smart-approach-area .single-item .inner-content .title-holder h3{
    color: #222222;
    font-size: 20px;
    margin: 0 0 5px;
}
.smart-approach-area .single-item .inner-content .title-holder p{
    color: #3452ff;
    font-size: 16px;
    font-style: italic;
    font-family: 'Lora', serif;
}

.smart-approach-area .single-item .overlay-content{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    border: 1px solid #3452ff;
    background-color: rgba(255, 255, 255,0.90);
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;    
}
.smart-approach-area .single-item .overlay-content .box{
    display: table;
    height: 100%;
    width: 100%;    
}
.smart-approach-area .single-item .overlay-content .box .content{
    display: table-cell;
    text-align: left;
    vertical-align: middle; 
    padding-left: 20px;
    padding-right: 20px;
}
.smart-approach-area .single-item .overlay-content .box .content h3 {
    margin: 0px;
}
.smart-approach-area .single-item .overlay-content .box .content b{
    color: #3452ff;
    font-size: 16px;
    font-weight: 400;
    font-style: italic;
    font-family: 'Lora', serif;
    text-transform: capitalize;
}
.smart-approach-area .single-item .overlay-content .box .content .border {
    height: 1px;
    width: 60px;
    display: block;
    background: #f4f4f4;
    margin-top: 15px;
    margin-bottom: 15px;
}

.smart-approach-area .single-item:hover .overlay-content{
	opacity:1;
	transform:scale(1,1);
}
.smart-approach-area .single-item:hover .inner-content{
    opacity: 0;
}



/*** 
=============================================
    opportunities area style
=============================================
***/
.opportunities-area {
    background: #3452ff;
    padding: 95px 0 100px;
}
.opportunities-area .inner-content{
    max-width: 990px;
    margin: 0 auto;
    text-align: center;
}
.opportunities-area .inner-content h1{
    color: #ffffff;
    font-size: 40px;
    font-weight: 400;
    margin: 0 0 23px;
}
.opportunities-area .inner-content p{
    color: #ffffff;
    font-size: 18px;
    line-height: 28px;
    margin: 0 0 30px;
}
.opportunities-area .inner-content a {
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    text-transform: capitalize;
    border: 2px solid #fff;
    border-radius: 4px;
    display: inline-block;
    font-family: 'Nunito', sans-serif;
    padding: 12px 30px 11px;
    transition: all 500ms ease;
}
.opportunities-area .inner-content a:hover{
    background: #fff;
    color: #3452ff;
}



/*** 
=============================================
    History area style
=============================================
***/
.history-area{
    padding-bottom: 72px;
}
.history-area .single-item {
    border: 1px solid #ededed;
    padding-top: 30px;
    transition: all 500ms ease;
}
.history-area .single-item:hover{
    border: 1px solid #3452ff;
}
.history-area .single-item .img-holder {
    width: 175px;
    height: 175px;
    margin: 0 auto;
    border: 2px solid transparent;
    transition: all 500ms ease;
    border-radius: 50%;
}
.history-area .single-item:hover .img-holder{
    border: 2px solid #3452ff;
}
.history-area .single-item .text-holder {
    overflow: hidden;
    padding: 28px 15px 20px;
}
.history-area .single-item .text-holder h3{
    margin: 0 0 4px;    
}
.history-area .single-item .text-holder span{
    color: #3452ff;
    font-size: 16px;
    font-style: italic;
    font-family: 'Lora', serif;
}
.history-area .single-item .text-holder p {
    margin: 10px 0 0;
}
.history-area .owl-dots {
    position: relative;
    margin-top: 46px;
}
.history-area .owl-dots .owl-dot{
	background-image:none;
	width:12px;
	height:12px;
	margin:0px 5px;
	padding:0px;
	border:2px solid #ededed;
	background: #ededed;
	border-radius:50%;
	-webkit-border-radius:50%;
	-ms-border-radius:50%;
	-o-border-radius:50%;
	-moz-border-radius:50%;
    transition: all 500ms ease;
}
.history-area .owl-dots .owl-dot span{
	display:none;	
}
.history-area .owl-dots .owl-dot.active,
.history-area .owl-dots .owl-dot:hover{
    border: 2px solid #3452ff;
	background: #3452ff;
}



/*** 
=============================================
    History area style
=============================================
***/
.achivements-area {
    background: #f9f9f9; 
    padding-bottom: 72px;
}
.achivements-area .single-item {
    border: 5px solid #ddd9d9;
    transition: all 500ms ease;
}
.achivements-area .single-item:hover{
    border: 4px solid #3452ff;
}

.achivements-area .owl-dots {
    position: relative;
    margin-top: 46px;
}
.achivements-area .owl-dots .owl-dot{
	background-image:none;
	width:12px;
	height:12px;
	margin:0px 5px;
	padding:0px;
	border:2px solid #ededed;
	background: #ededed;
	border-radius:50%;
	-webkit-border-radius:50%;
	-ms-border-radius:50%;
	-o-border-radius:50%;
	-moz-border-radius:50%;
    transition: all 500ms ease;
}
.achivements-area .owl-dots .owl-dot span{
	display:none;	
}
.achivements-area .owl-dots .owl-dot.active,
.achivements-area .owl-dots .owl-dot:hover{
    border: 2px solid #3452ff;
	background: #3452ff;
}



/*** 
=============================================
    Footer Top Area style
=============================================
***/
.footer-top-area {
    padding-bottom: 29px;
    padding-top: 35px;
    background: #3452ff;
}
.footer-top-area .title{}
.footer-top-area .title h3 {
    color: #ffffff;
    font-size: 22px;
    font-weight: 400;
    text-transform: none;
    margin: 10px 0;
}
.footer-top-area .button {
    position: relative;
    top: -3px;
}
.footer-top-area .button a {
    border: 1px solid #f4f4f4;
    padding: 10px 40px 10px;
}



/*** 
=============================================
    Faq content area style
=============================================
***/
.faq-content-area{
    padding-bottom: 60px;
}
.faq-content-area {
  overflow: hidden;
}
.faq-content-area .sec-title {
    padding-bottom: 32px;
}
.faq-content-area .question-form {
    background: #f9f9f9 none repeat scroll 0 0;
    padding: 30px 30px 30px 30px;
}
.faq-content-area .question-form form input[type="text"],
.faq-content-area .question-form form input[type="email"],
.faq-content-area .question-form form textarea{
  background: #ffffff none repeat scroll 0 0;
  border: medium none;
  display: block;
  height: 50px;
  margin-bottom: 30px;
  padding: 0 20px;
  width: 100%;
  transition: all 500ms ease;
  border: 1px solid transparent;
}
.faq-content-area .question-form form input[type="text"]:focus{
  border: 1px solid #dad7d7;    
}
.faq-content-area .question-form form input[type="email"]:focus{
  border: 1px solid #dad7d7;        
}
.faq-content-area .question-form form textarea:focus{
  border: 1px solid #dad7d7;    
}
.faq-content-area .question-form form textarea{
  height: 155px;
  padding: 15px 20px;
}
.faq-content-area .question-form form button {
    margin: 1px 0 0;
    padding: 13px 35px 13px;
}



/*** 
=============================================
    Team Area style
=============================================
***/
.team-area {
    padding-bottom: 45px;
}
.team-area .single-team-member {
    margin-bottom: 35px;
    display: block;
}
.team-area .single-team-member.hvr-underline-reveal:before {
    background: #3452ff;
    height: 3px;
}
.team-area .single-team-member .img-holder {
    position: relative;
    display: block;
    overflow: hidden;
}
.team-area .single-team-member .img-holder img{
    transform: scale(1.1, 1.1);
    transition: all 0.5s ease 0s;
    width: 100%;
}
.team-area .single-team-member:hover .img-holder img{
    transform: scale(1, 1); 
}
.team-area .single-team-member:hover .img-holder .overlay-style-one {
    transform: translateY(0%); 
    opacity: 1;
}
.team-area .single-team-member .img-holder .overlay-style-one .box .content ul{
    
}
.team-area .single-team-member .img-holder .overlay-style-one .box .content ul li{
    display: inline-block;
    margin: 0 3px;    
}
.team-area .single-team-member .img-holder .overlay-style-one .box .content ul li a i{
    background: #ffffff;  
    height: 40px; 
    width: 40px; 
    display: block; 
    border-radius: 50%; 
    color: #172b42;  
    font-size: 13px;  
    line-height: 42px; 
    transition: all 500ms ease;
}
.team-area .single-team-member .img-holder .overlay-style-one .box .content ul li a:hover i{
    background: #3452ff;
    color: #fff;
}

.team-area .single-team-member .text-holder {
    padding-top: 23px;
    padding-bottom: 15px;
}
.team-area .single-team-member .text-holder h3{
    color: #252525;
    font-size: 18px;
    font-weight: 400;
    text-transform: none;
    margin: 0 0 5px;
}
.team-area .single-team-member .text-holder span{
    color: #3452ff;
    font-size: 16px;
    font-style: italic;
    font-family: 'Lora', serif;
}
.team-area .single-team-member .text-holder .text{
    padding-top: 10px;    
}

.team-area .single-team-member .text-holder .contact-info {
    border-top: 1px solid #f4f4f4;
    padding-top: 15px;
}
.team-area .single-team-member .text-holder .contact-info li{
    margin-bottom: 7px;  
    font-family: 'Lora', serif;
}
.team-area .single-team-member .text-holder .contact-info li:last-child{
    margin-bottom: 0;
}
.team-area .single-team-member .text-holder .contact-info li b {
    font-weight: 400;
    text-decoration: underline;
}



/*** 
=============================================
    Testimonial Section style
=============================================
***/
.testimonial-section{
    padding-bottom: 40px;
}
.testimonial-section .single-testimonial-item {
    border: 1px solid #f4f4f4;
    display: block;
    padding: 30px 15px 24px;
    text-align: center;
    margin-bottom: 40px;
    transition: all 500ms ease;
}
.testimonial-section .single-testimonial-item:hover{
    border-color: #3452ff;
}
.testimonial-section .single-testimonial-item .img-holder {
    height: 85px;
    width: 85px;
    margin: 0 auto;
    border-radius: 50%;
    border: 2px solid #fff;
    margin-bottom: 15px;
    transition: all 500ms ease;
}
.testimonial-section .single-testimonial-item:hover .img-holder{
    border-color: #3452ff;
}
.testimonial-section .single-testimonial-item .text-holder {
    border-bottom: 1px solid #f4f4f4;
    display: block;
    padding: 0 0 22px;
    margin: 0 0 28px;
}
.testimonial-section .single-testimonial-item .text-holder p{
    margin: 0;    
}
.testimonial-section .single-testimonial-item .client-info{
    
}
.testimonial-section .single-testimonial-item .client-info h3 {
    color: #222222;
    font-size: 18px;
    margin: 0 0 3px;
}
.testimonial-section .single-testimonial-item .client-info p{
    color: #3452ff;
    font-size: 16px;
    font-style: italic;
    margin: 0;
    font-family: 'Lora', serif;
}



/*** 
=============================================
    Blog Default Area style
=============================================
***/
#blog-area{}
.blog-default-area{
    padding-top: 100px;
    padding-bottom: 80px;
}
.blog-default-area .blog-post {}
.blog-default-area .blog-post .single-blog-item{
    margin-bottom: 50px;
}
.blog-default-area .blog-post .post-pagination {
    border-top: 1px solid #f4f4f4;
    padding-top: 50px;
}
.blog-default-area .sidebar-wrapper {
    border-left: 1px solid #f4f4f4;
    padding-left: 30px;
    margin-top: -100px;
    padding-top: 100px;
    margin-bottom: -80px;
    padding-bottom: 80px;
}
.sidebar-wrapper {
    position: relative;
    display: block;
    overflow: hidden;
}
.sidebar-wrapper .single-sidebar {
  overflow: hidden;
  margin-bottom: 50px;
  position: relative;
}
.sidebar-wrapper .single-sidebar .sec-title {
  overflow: hidden;
  padding-bottom: 25px;
  margin-top: 0;
}
.sidebar-wrapper .single-sidebar .sec-title h3 {
  color: #222222;
  font-size: 22px;
  font-weight: 400;
  text-transform: capitalize;
}

.sidebar-wrapper .single-sidebar form.search-form {
  position: relative
}
.sidebar-wrapper .single-sidebar .search-form input[type="text"] {
  background: #fff;
  border: 1px solid #f4f4f4;
  color: #ababab;
  display: block;
  font-size: 14px;
  font-weight: 500;
  height: 50px;
  letter-spacing: 1px;
  padding-left: 15px;
  padding-right: 55px;
  position: relative;
  -webkit-transition: all 500ms ease 0s;
  transition: all 500ms ease 0s;
  width: 100%;
}
.sidebar-wrapper .single-sidebar .search-form button {
  background: #3452ff none repeat scroll 0 0;
  color: #fff;
  display: block;
  height: 50px;
  padding: 12px 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  -webkit-transition: all 500ms ease 0s;
  transition: all 500ms ease 0s;
  width: 50px;
}
.sidebar-wrapper .single-sidebar .search-form button i {
  font-size: 14px
}
.sidebar-wrapper .single-sidebar .search-form input[type="text"]:focus {
  border: 1px solid #0826d8;
  background: #fff;
  color: #000;
}
.sidebar-wrapper .single-sidebar .search-form input[type="text"]:focus + button, 
.sidebar-wrapper .single-sidebar .search-form button:hover {
    background: #0826d8 none repeat scroll 0 0;
    color: #fff;
}


.single-sidebar .categories {
    background: #f9f9f9;
    display: block;
    padding: 24px 30px 24px;
}
.single-sidebar .categories li {
    border-bottom: 1px solid #ededed;
    margin-bottom: 10px;
    padding-bottom: 7px;
}
.single-sidebar .categories li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}
.single-sidebar .categories li a {
    color: #999999;
    transition: all 500ms ease;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Nunito', sans-serif;
    position: relative;
}
.single-sidebar .categories li a span{
    float: right;
}
.single-sidebar .categories li a:hover{
    color: #3452ff;    
}


.single-sidebar .popular-post {}
.single-sidebar .popular-post li {
    margin-bottom: 20px;
    padding-left: 90px;
    position: relative;
    border-bottom: 1px solid #f4f4f4;
    padding-bottom: 0px;
    height: 110px;
    padding-bottom: 20px;
}
.single-sidebar .popular-post li:last-child{
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}
.single-sidebar .popular-post li .img-holder {
    display: block;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0px;
    width: 90px;
}
.single-sidebar .popular-post li .img-holder img {}
.single-sidebar .popular-post li .img-holder .overlay-style-one .box .content a i{
    color: #fff;
    font-size: 16px;
    transition: all 500ms ease;
}
.single-sidebar .popular-post li:hover .img-holder .overlay-style-one{
    transform: translateY(0%); 
    opacity: 1;
}
.single-sidebar .popular-post li:hover .img-holder img {
    transform: scale(1, 1);
}
.single-sidebar .popular-post li .img-holder .overlay-style-one .box .content a:hover i{
    color: #7385e9;
}

.single-sidebar .popular-post li .title-holder {
  padding-left: 20px;
}
.single-sidebar .popular-post li .title-holder a .post-title {
    color: #222222;
    font-size: 16px;
    line-height: 26px;
    position: relative;
    margin: 0 0 7px;
    transition: all 500ms ease;
}
.single-sidebar .popular-post li .title-holder a:hover .post-title{
    color: #3452ff;
}
.single-sidebar .popular-post li .title-holder .post-date {
    color: #999999;
    display: block;
    transition: all 500ms ease;
    font-weight: 400;
    font-size: 14px;
    font-family: 'Lora', serif;
}


.single-sidebar .follow-us {
    color: #999999;
    font-size: 14px;
    margin-top: 0px;
}
.single-sidebar.ma-top-minus {
    margin-top: -20px;
}
.single-sidebar .instagram {
    overflow: hidden;
    display: block;
    margin-left: -6px;
    margin-right: -6px;
}
.single-sidebar .instagram li {
    display: inline-block;
    float: left;
    margin: 0 5px 10px;
}
.single-sidebar .instagram li .img-holder {
  overflow: hidden;
  position: relative;
  display: block;
}
.single-sidebar .instagram li .img-holder img {
    transform: scale(1.1, 1.1);
    transition: all 0.5s ease 0s;
    width: 100%;
}
.single-sidebar .instagram li .img-holder .overlay-style-one .box .content a i{
  color: #fff;
  font-size: 15px;
}
.single-sidebar .instagram li:hover .img-holder .overlay-style-one {
    transform: translateY(0%); 
    opacity: 1;
}
.single-sidebar .instagram li:hover .img-holder img {
    transform: scale(1, 1);
}


.single-sidebar .popular-tag {
    margin-left: -3px;
    margin-right: -3px;
    margin-top: -5px;
}
.single-sidebar .popular-tag li {
    display: inline-block;
    margin: 0 3px 10px;
}
.single-sidebar .popular-tag li a {
    border: 1px solid #f4f4f4;
    color: #999999;
    display: block;
    font-size: 14px;
    font-weight: 400;
    padding: 4px 12px 4px;
    transition: all 500ms ease 0s;
    font-family: 'Nunito', sans-serif;
    border-radius: 17px;
}
.single-sidebar .popular-tag li a:hover{
  background: #3452ff;
  border-color: #3452ff;
  color: #fff;
}



/*** 
=============================================
    Blog Large Area style
=============================================
***/
.blog-large-area{
    padding-top: 50px;
    padding-bottom: 100px;
}
.blog-large-area .blog-post {
    border-right: 1px solid #f4f4f4;
    margin-right: -30px;
    padding-right: 30px;
    margin-top: -100px;
    padding-top: 100px;
    margin-bottom: -100px;
    padding-bottom: 100px;
}
.blog-large-area .blog-post .single-blog-item {
    margin-bottom: 50px;
    border-bottom: 1px solid #f4f4f4;
    padding-bottom: 50px;
}
.blog-large-area .blog-post .single-blog-item .img-holder .overlay-style-one .box .content a i {
    width: 45px;
    height: 45px;
    font-size: 15px;
    line-height: 44px;
}

.blog-large-area .blog-post .single-blog-item .text-holder {
    border: none;
    padding: 0;
    padding-top: 24px;
}
.blog-large-area .blog-post .single-blog-item .text-holder span {
    color: #3452ff;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
}
.blog-large-area .blog-post .single-blog-item .text-holder .blog-title {
    font-size: 26px;
    padding: 10px 0 0px;
    line-height: 30px;
}
.blog-large-area .blog-post .single-blog-item .text-holder .meta-info {
    padding-top: 12px;
    padding-bottom: 20px;
}
.blog-large-area .blog-post .single-blog-item .text-holder .read-more-button {
    padding-top: 32px;
}
.blog-large-area .blog-post .single-blog-item .text-holder .read-more-button a {
    border: 2px solid #f4f4f4;
    height: 50px;
    width: 165px;
    color: #3452ff;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'Nunito', sans-serif;
    line-height: 48px;
    display: block;
    text-align: center;
    border-radius: 4px;
    transition: all 500ms ease;
}
.blog-large-area .blog-post .single-blog-item .text-holder .read-more-button a:hover{
    background: #3452ff;
    border-color: #3452ff;
    color: #fff;
}

.blog-large-area .blog-post .post-pagination {}
.blog-large-area .sidebar-wrapper {
    padding-left: 30px;
}



/*** 
=============================================
    Blog Single Area style
=============================================
***/
.blog-single-area { }
.blog-single-area .blog-post .single-blog-item {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 30px;
}
.blog-single-area .single-blog-item .img-holder img {
  transform: none;
}
.blog-single-area .single-blog-item .text-holder .blog-title {
  font-size: 24px;
  padding: 35px 0 6px;
}
.blog-single-area .single-blog-item .text-holder .blog-title:hover{
  color: #222222;
}
.blog-single-area .single-blog-item .text-holder .text p.mar-bottom {
  margin-bottom: 13px;
}

.blog-single-area .middle-content-box {
  margin: 30px 0 33px;
  overflow: hidden;
}
.blog-single-area .middle-content-box .img-holder {
  width: 340px;
}
.blog-single-area .middle-content-box .img-holder,
.blog-single-area .middle-content-box .text-holder{
  display: table-cell;
  vertical-align: top;
}
.blog-single-area .middle-content-box .text-holder {
  padding-left: 30px; 
  position: relative;
}
.blog-single-area .middle-content-box .text-holder:before{
  content: "\f10d";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #f1f1f1;
  font-size: 24px;
  padding-right: ;
  position: absolute;
  top: -3px;
  left: 30px;    
}
.blog-single-area .middle-content-box .text-holder {
  padding-left: 30px;
  padding-top: 32px;
  position: relative;
}
.blog-single-area .middle-content-box .text-holder h3 {
  color: #222;
  font-size: 18px;
  font-weight: 500;
  margin: 20px 0 7px;
}
.blog-single-area .middle-content-box .text-holder h5 {
  color: #3452ff;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  font-family: 'Lora', serif;
}

.blog-single-area .bottom-content-box {
  border-bottom: 1px solid #f7f7f7;
  padding-bottom: 21px;
}

.blog-single-area .tag-social-share-box {
  overflow: hidden;
  padding-bottom: 24px;
  padding-top: 25px;
}
.blog-single-area .tag-social-share-box .tag p {
    color: #3452ff;
    font-size: 16px;
    margin: 0;
}
.blog-single-area .tag-social-share-box .tag p span {
    color: #222222;
    font-weight: 400;
    text-transform: capitalize;
    font-family: 'Poppins', sans-serif;
}

.blog-single-area .tag-social-share-box .social-share {
  
}
.blog-single-area .tag-social-share-box .social-share h5 {
  color: #222222;
  display: inline-block;
  float: left;
  font-size: 16px;
  font-weight: 400;
  text-transform: capitalize;
  position: relative;
  top: 7px;
}
.blog-single-area .tag-social-share-box .social-share i {
  padding-left: 10px;
  display: inline-block;
}
.blog-single-area .tag-social-share-box .social-share .social-share-links {
  display: inline-block;
  float: left;
  margin-left: -3px;
  margin-right: -3px;
  padding-left: 20px;
  position: relative;
  top: -6px;
}


.blog-single-area .tag-social-share-box .social-share .social-share-links li {
  display: inline-block;
  margin: 0 3px;
}
.blog-single-area .tag-social-share-box .social-share .social-share-links li a i {
  border: 2px solid #f7f7f7;
  border-radius: 50%;
  color: #c1c1c1;
  font-size: 14px;
  height: 40px;
  line-height: 36px;
  padding: 0;
  text-align: center;
  transition: all 500ms ease 0s;
  width: 40px;
  transition: all 500ms ease;
}
.blog-single-area .tag-social-share-box .social-share .social-share-links li a:hover i{
  background: #3452ff;
  border-color: #3452ff;
  color: #fff;
}

.blog-single-area .author-box {
  background: #f7f7f7 none repeat scroll 0 0;
  display: block;
  padding: 30px 30px 22px;
  position: relative;
}
.blog-single-area .author-box .img-holder{
  width: 85px;
}
.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: #222;
  font-size: 20px;
  font-weight: 500;
  margin: -2px 0 14px;
  text-transform: capitalize;
}
.blog-single-area .author-box .text-holder p{
 
}

.blog-single-area .author-box .text-holder .social-link {
  margin-left: -6px;
  margin-right: -6px;
  overflow: hidden;
}
.blog-single-area .author-box .text-holder .social-link li{
  display: inline-block;
  margin: 0 6px;
}
.blog-single-area .author-box .text-holder .social-link li a i{
  color: #9a9a9a;
  font-size: 14px;
  transition: all 500ms ease;
}
.blog-single-area .author-box .text-holder .social-link li a:hover i{
  color: #3452ff;
}


.blog-single-area .comment-box {
    overflow: hidden;
    padding-bottom: 50px;
    padding-top: 60px;
}
.blog-single-area .comment-box .sec-title{
  padding-bottom: 32px;
}
.blog-single-area .comment-box .sec-title h1 {
  font-size: 24px;
}
.blog-single-area .comment-box .single-comment-box {
  padding-left: 60px;
  position: relative;
  margin-bottom: 30px;
}
.blog-single-area .comment-box .single-comment-box .img-holder {
  left: 0;
  position: absolute;
  top: 0;
}
.blog-single-area .comment-box .single-comment-box .text-holder {
  border: 1px solid #f7f7f7;
  margin-left: 20px;
  padding: 15px 20px 5px;
}
.blog-single-area .comment-box .single-comment-box .text-holder .top {
  overflow: hidden;
  padding-bottom: 8px;
}
.blog-single-area .comment-box .single-comment-box .text-holder .top .date h5 {
  color: #222;
  font-size: 16px;
  font-weight: 400;
}
.blog-single-area .comment-box .single-comment-box .text-holder .top .review-box {
  position: relative;
  top: -3px;
}
.blog-single-area .comment-box .single-comment-box .text-holder .top .review-box ul {
  margin-left: -0.5px;
  margin-right: -0.5px;
  overflow: hidden;
}
.blog-single-area .comment-box .single-comment-box .text-holder .top .review-box ul li {
  display: inline-block;
  margin: 0 0.5px;
}
.blog-single-area .comment-box .single-comment-box .text-holder .top .review-box ul li i {
  color: #3452ff;
  font-size: 14px;
}


.blog-single-area .add-comment-box {
  overflow: hidden;
}
.blog-single-area .add-comment-box .sec-title {
  padding-bottom: 32px;
}
.blog-single-area .add-comment-box .sec-title h1 {
  font-size: 24px;
}
.blog-single-area .add-comment-box .add-rating-box {
  padding-bottom: 17px;
}
.blog-single-area .add-comment-box .add-rating-box h4 {
  color: #9a9a9a;
  font-size: 16px;
  font-weight: 300;
  margin: 0 0 12px;
}
.blog-single-area .add-comment-box .add-rating-box ul {
  
}
.blog-single-area .add-comment-box .add-rating-box ul li {
  border-right: 1px solid #ebebeb;
  display: inline-block;
  line-height: 20px;
  margin-right: 6px;
  padding-right: 10px;
}
.blog-single-area .add-comment-box .add-rating-box ul li:last-child{
  border-right: none;
  margin-right: 0;
  padding-right: 0;
}
.blog-single-area .add-comment-box .add-rating-box ul li a i{
    color: #d6d6d6;
    font-size: 12px;
}
.blog-single-area .add-comment-box .add-rating-box ul li a:hover i{
    color: #3452ff;
    transition: all 500ms ease;
}

.blog-single-area .add-comment-box #add-comment-form {}
.blog-single-area .add-comment-box #add-comment-form .field-label {
    color: #9a9a9a;
    display: block;
    font-size: 16px;
    font-weight: 300;
    padding: 0 0 2px;
}
.blog-single-area .add-comment-box #add-comment-form input[type="text"],
.blog-single-area .add-comment-box #add-comment-form textarea{
    background: #f7f7f7 none repeat scroll 0 0;
    border: 1px solid transparent;
    display: block;
    font-size: 16px;
    font-weight: 400;
    height: 50px;
    padding: 0 15px;
    width: 100%;  
    margin-bottom: 12px;
    transition: all 500ms ease;
}
.blog-single-area .add-comment-box #add-comment-form textarea {
    height: 100px;
    padding: 10px 15px;
    margin-bottom: 30px;
    transition: all 500ms ease;
}
.blog-single-area .add-comment-box #add-comment-form input[type="text"]:focus{
    border-color: #3452ff;    
}
.blog-single-area .add-comment-box #add-comment-form textarea:focus{
    border-color: #3452ff;       
}
.blog-single-area .add-comment-box #add-comment-form button {
    padding: 13px 40px 13px;
}



/*** 
=============================================
    Contact Area style
=============================================
***/
.contact-area {
    padding-bottom: 65px;
}
.contact-area .sec-title{
    padding-bottom: 32px;
    margin-top: -2px;
}
.contact-area .sec-title h1{
    color: #222222;
    font-size: 24px;
    font-weight: 400;
    text-transform: capitalize;
}
.contact-area .sec-title p{
    padding: 0;
    padding-right: 150px;
}

.contact-area .accordion-box {}
.contact-area .accordion-box .accordion {
    margin-bottom: 10px;
    position: relative;
    background: #fff;
}
.contact-area .accordion-box .accordion .accord-btn {
    background: #f7f7f7 none repeat scroll 0 0;
    cursor: pointer;
    height: 50px;
    line-height: 18px;
    padding: 11px 20px 12px;
    position: relative;
    transition: all 500ms ease;
    border: none;
}
.contact-area .accordion-box .accordion .accord-btn h4 {
    color: #222222;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    transition: all 500ms ease;
    text-transform: none;
    text-transform: capitalize;
}
.contact-area .accordion-box .accordion .accord-btn::after {
    background: #3452ff;
    border-radius: 2px;
    color: #fff;
    content: '\f054';
    font-family: "FontAwesome";
    font-size: 12px;
    font-weight: 100;
    height: 25px;
    line-height: 27px;
    margin-top: -18px;
    position: absolute;
    text-align: center;
    top: 29.5px;
    width: 25px;
    transition: all 500ms ease;
    left: inherit;
    right: 20px;
    display: block;
    border: none;
}
.contact-area .accordion-box .accordion .accord-btn.active {
    background: #3452ff none repeat scroll 0 0;
}
.contact-area .accordion-box .accordion .accord-btn.active:after{
    content:'\f078';
    color: #fff;
    background: #0c2de9;
}
.contact-area .accordion-box .accordion .accord-btn.active h4{
    color: #fff;
}
.contact-area .accordion-box .accordion .accord-content {
    border: 1px solid #3452ff;
    display: none;
    padding: 22px 30px 23px;
    position: relative;
}
.contact-area .accordion-box .accordion .accord-content.collapsed{
	display:block;	
}
.contact-area .contact-info-list {}
.contact-area .contact-info-list li {
    border-bottom: 1px solid #f7f7f7;
    margin-bottom: 13px;
    padding-bottom: 13px;
    padding-left: 35px;
    position: relative;
}
.contact-area .contact-info-list li:last-child{
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0px solid;
}
.contact-area .contact-info-list li .icon-holder {
    position: absolute;
    top: 4px;
    left: 0;
}
.contact-area .contact-info-list li .icon-holder i{
    color: #3452ff;
    font-size: 18px;
}
.contact-area .contact-info-list li .text-holder {}
.contact-area .contact-info-list li .text-holder h5 {
    color: #999999;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}
.contact-area .contact-info-list li .text-holder h5 span {
    text-transform: capitalize;
    font-weight: 400;
    color: #222222;
    font-family: 'Poppins', sans-serif;
}

.google-map-right{
    position: relative; 
}
#contact-google-map {
    height: 430px;
    width: 100%;
}



/*** 
=============================================
    Contact Form area style
=============================================
***/
.contact-form-area {
    padding-bottom: 80px;
}
.contact-form-area .sec-title{
    padding-bottom: 32px;  
}
.contact-form-area .sec-title h1{
    font-size: 24px;    
}


.contact-form-area .contact-form form input[type="text"],
.contact-form-area .contact-form form input[type="email"],
.contact-form-area .contact-form form textarea{
    background: #f9f9f9;
    border: 1px solid #666;
    color: #666;
    display: block;
    font-size: 14px;
    height: 50px;
    margin-bottom: 30px;
    padding: 0 20px;
    width: 100%;
    transition: all 500ms ease;
}
.contact-form-area .contact-form form textarea{
    height: 120px;
    margin-bottom: 32px;
    padding: 10px 20px;
}
.contact-form-area .contact-form form input[type="text"]:focus{
    border-color: #3452ff;        
}
.contact-form-area .contact-form form input[type="email"]:focus{
    border-color: #3452ff;        
}
.contact-form-area .contact-form form textarea:focus{
    border-color: #3452ff;    
}
.contact-form-area .contact-form form button{
    width: 100%;
    padding: 15px 0 15px;
}

.contact-author-info ul{
    background: #f9f9f9;
    border: 1px solid #ececec;
    display: block;
    padding: 30px 20px;
}
.contact-author-info ul li {
    background: #ffffff;
    margin-bottom: 20px;
    padding-left: 20px;
    padding-top: 17px;
    padding-bottom: 20px;
}
.contact-author-info ul li .title {
    padding-bottom: 15px;
}
.contact-author-info ul li .title h3 {
    color: #222222;
    font-size: 18px;
}
.contact-author-info ul li:last-child{
    margin-bottom: 0;
}
.contact-author-info ul li .img-holder {
    width: 70px;
}
.contact-author-info ul li .img-holder,
.contact-author-info ul li .text-holder{
    display: table-cell;
    vertical-align: middle;
}
.contact-author-info ul li .text-holder {
    padding-left: 20px;
}
.contact-author-info ul li .text-holder h5 {
    color: #3452ff;
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 10px;
}
.contact-author-info ul li .text-holder p {
    margin: 0;
    line-height: 22px;
}
.contact-author-info ul li .text-holder p span:before {
    color: #3452ff;
    font-size: 13px;
    display: inline-block;
    line-height: 13px;
    padding-right: 10px;
}



/*** 
=============================================
    Project Area style
=============================================
***/
.project-area{
    
}
.project-area .project-filter {
    margin-bottom: 60px;
}
.project-area .project-filter li {
    display: inline-block;
    float: left;
    margin-right: 20px;
}
.project-area .project-filter li:last-child{
    margin-right: 0;
}
.project-area .project-filter li span {
    color: #848484;
    cursor: pointer;
    display: block;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    transition: all 500ms ease 0s;
    font-family: 'Poppins', sans-serif;
}

.project-area .project-filter li span::after {
    color: #eaeaea;
    content: "/";
    display: inline-block;
    margin-left: 20px;
}
.project-area .project-filter li:last-child span:after{
  content: "";
}
.project-area .project-filter li.active span, 
.project-area .project-filter li:hover span {
  color: #3452ff;
}

.project-area .single-project-item{
    margin-bottom: 36px;  
}
.project-area .single-project-item .outer-img-box{
    border: 1px solid #f4f4f4;
    padding: 4px;
}
.project-area .single-project-item .outer-img-box .img-holder .overlay-style-one .box .content .icon-holder li{
    display: inline-block;
    margin: 0 4px;
}
.project-area .single-project-item .text-holder {
    text-align: center;
    padding-top: 24px;
}
.project-area .single-project-item .text-holder h3 {
    color: #222222;
    font-size: 16px;
}
.project-area .post-pagination {
    overflow: hidden;
    margin-top: 20px;
}



/*** 
=============================================
    Project Area style
=============================================
***/
.project-single-area{
    padding-top: 100px;
    padding-bottom: 100px;
}
.project-single-area .sec-title {
    padding-bottom: 26px;
}
.project-single-area .sec-title h1{
    font-size: 24px;
}
.project-single-area .single-project-content {
    border-right: 1px solid #f4f4f4;
    margin-right: -30px;
    padding-right: 30px;
    margin-top: -100px;
    padding-top: 100px;
    margin-bottom: -100px;
    padding-bottom: 100px;
}
.project-single-area .sidebar-wrapper {
    padding-left: 30px;
}

.project-single-area .single-project-img-box {
    margin-bottom: 50px;
}

.project-single-area .project-info {}
.project-single-area .project-info ul {
    background: #f9f9f9;
    display: block;
    padding-top: 23px;
    padding-bottom: 25px;
    padding-left: 20px;
    padding-right: 20px;
}
.project-single-area .project-info ul li {
    color: #3452ff;
    font-size: 16px;
    margin-bottom: 15px;
}
.project-single-area .project-info ul li:last-child{
    margin-bottom: 0;
}
.project-single-area .project-info ul li b {
    width: 100px;
    display: inline-block;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
}
.project-single-area .project-info ul li span{
    font-family: 'Nunito', sans-serif;
    padding-left: 20px; 
    color: #999999;
}

.project-single-area .legal-work-content {
    
}
.project-single-area .legal-work-content h3 {
    color: #222222;
    font-size: 24px;
    font-weight: 400;
    margin: 0 0 6px;
}
.project-single-area .legal-work-content span{
    color: #3452ff;
    margin: 0;
}
.project-single-area .legal-work-content p {
    margin: 12px 0 0;
}
.project-single-area .legal-work-content a {
    margin: 16px 0 0;
    padding: 13px 30px 11px;
}

.project-single-area .project-analysis {
    overflow: hidden;
    padding-top: 60px;
}
.project-single-area .project-analysis .text-holder {
    overflow: hidden;
    margin-bottom: 22px;
}

.project-single-area .project-solution {
    padding-top: 60px;
}
.project-single-area .project-solution .text-holder {
    overflow: hidden;
    padding-bottom: 30px;
}

.project-single-area .project-results {
    padding-top: 50px;
}
.project-single-area .project-results .text-holder{
    padding-bottom: 20px;
}

.single-sidebar .business-enquiry {
    background: #3452ff;
    display: block;
    padding: 28px 30px 30px;
    position: relative;
}
.single-sidebar .business-enquiry:before {
    position: absolute;
    bottom: 0;
    right: 0;
    content: "";
    background: url(../images/resources/envelop.png);
    width: 100px;
    height: 60px;
}
.single-sidebar .business-enquiry h3{
    color: #ffffff;
    font-size: 20px;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
    margin: 0 0 16px;
}
.single-sidebar .business-enquiry p{
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    margin: 0;
}
.single-sidebar .business-enquiry a {
    background: #ffffff;
    height: 42px;
    width: 120px;
    display: inline-block;
    color: #3452ff;
    font-size: 15px;
    font-weight: 700;
    text-transform: capitalize;
    text-align: center;
    border-radius: 5px;
    line-height: 40px;
    font-family: 'Nunito', sans-serif;
    margin: 21px 0 0;
    transition: all 500ms ease;
    border: 2px solid #fff;
}
.single-sidebar .business-enquiry a:hover{
    background: transparent;
    color: #fff;
}



/*** 
=============================================
   Single service Area style
=============================================
***/
#single-service-area {
    padding: 80px 0;
}
#single-service-area .sec-title{
    padding-bottom: 32px;    
}
#single-service-area .sec-title h1{
    font-size: 24px;    
}
.left-sidebar .single-sidebar {}
.left-sidebar .single-sidebar .page-link {
    overflow: hidden;
    margin-bottom: 50px;
    border-left: 3px solid #3452ff;
}
.left-sidebar .single-sidebar .page-link li{

}
.left-sidebar .single-sidebar .page-link li.all-service{
    margin-bottom: 9px;
}
.left-sidebar .single-sidebar .page-link li:last-child{
    margin-bottom: 0px;   
}
.left-sidebar .single-sidebar .page-link li a {
    border-bottom: 1px solid #fff;
    background: #f9f9f9 none repeat scroll 0 0;
    color: #222222;
    display: block;
    font-size: 14px;
    font-weight: 600;
    padding: 17px 17px 14px;
    width: 100%;
    font-family: 'Poppins', sans-serif;
    position: relative;
    z-index: 1;
    transition: all 500ms ease;
    transition-delay: 0.15s;
}
.left-sidebar .single-sidebar .page-link li:last-child a{
    border-bottom: none;
} 
.left-sidebar .single-sidebar .page-link li a i {
    float: right;
    margin: 3.5px 0;
}
.left-sidebar .single-sidebar .page-link li a:before{
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    content: "";
    background: #3452ff;
    z-index: -1;
    transition: all 500ms ease;
    transition-delay: 0.15s;
}
.left-sidebar .single-sidebar .page-link li a:hover,
.left-sidebar .single-sidebar .page-link li a.active{
    color: #fff;
}
.left-sidebar .single-sidebar .page-link li a:hover:before,
.left-sidebar .single-sidebar .page-link li a.active:before{
    width: 100%;
    color: #fff;
}

.left-sidebar .single-sidebar h3 {
    color: #222222;
    font-size: 22px;
    font-weight: 400;
    text-transform: capitalize;
    margin: 0 0 24px;
}
.left-sidebar .single-sidebar .brochures-dwn-link {
    overflow: hidden;
    margin-bottom: 40px;
}
.left-sidebar .single-sidebar .brochures-dwn-link li{
    margin-bottom: 10px;    
}
.left-sidebar .single-sidebar .brochures-dwn-link li

.left-sidebar .single-sidebar .brochures-dwn-link li:last-child{
    margin-bottom: 0;
}
.left-sidebar .single-sidebar .brochures-dwn-link li a {
    color: #222222;
    font-size: 18px;
    font-style: italic;
    font-family: 'Lora', serif;
    border: 1px solid #f4f4f4;
    display: block;
    padding: 15px 22px 13px;
    transition: all 500ms ease;
}
.left-sidebar .single-sidebar .brochures-dwn-link li a:hover{
    background: #3452ff;
    border-color: #3452ff;
    color: #fff;
}
.left-sidebar .single-sidebar .brochures-dwn-link li a .icon-holder{
    width: 35px;
}
.left-sidebar .single-sidebar .brochures-dwn-link li a .icon-holder,
.left-sidebar .single-sidebar .brochures-dwn-link li a .title-holder{
    display: table-cell;
    vertical-align: middle;
}

.left-sidebar .single-sidebar .brochures-dwn-link li a .title-holder h5{
    font-size: 18px;    
}

.left-sidebar .single-sidebar .contact-author-info{
    
}
.left-sidebar .single-sidebar .contact-author-info ul li .title {
    padding-bottom: 0;
}
.left-sidebar .single-sidebar .contact-author-info ul li .title h3 {
    margin-bottom: 15px;
}


#single-service-area .content-box{}
#single-service-area .content-box .top-content {
    overflow: hidden;
}

#single-service-area .content-box .top-content .single-item {
    margin-bottom: 30px;    
}
#single-service-area .content-box .top-content .single-item .img-holder {
}
#single-service-area .content-box .top-content .single-item .img-holder img {
    width: 100%;
}

#single-service-area .content-box .top-content .single-item .text-holder {
    background: #f9f9f9;
    display: block;
    padding: 12px 10px;
    text-align: center;
}
#single-service-area .content-box .top-content .single-item .text-holder p{
    margin: 0;
    color: #999;
}

#single-service-area .content-box .maintext-box {
    overflow: hidden;
    margin-bottom: 30px;
}

#single-service-area .content-box .specific-services{
    overflow: hidden;
    margin-bottom: 20px;
}
#single-service-area .content-box .specific-services .sec-title {
    padding-bottom: 0px;
}
#single-service-area .content-box .specific-services .single-item {
    overflow: hidden;
    margin-bottom: 40px;
    text-align: center;
    position: relative;
}
#single-service-area .content-box .specific-services .single-item .icon-holder {
    border: 1px solid #f4f4f4;
    width: 65px;
    height: 65px;
    display: block;
    margin: 0px auto 0;
    position: relative;
    background: #fff;
    border-radius: 50%;
    top: 33px;
    transition: all 500ms ease;
}
#single-service-area .content-box .specific-services .single-item:hover .icon-holder{
    background: #3452ff;
    border-color: #3452ff;
}
#single-service-area .content-box .specific-services .single-item .icon-holder span:before {
    color: #3452ff;
    font-size: 32px;
    font-weight: 600;
    line-height: 62px;
    transition: all 700ms ease;
}
#single-service-area .content-box .specific-services .single-item:hover .icon-holder span:before{
    color: #fff;
}

#single-service-area .content-box .specific-services .single-item .text-holder {
    border: 1px solid #f4f4f4;
    display: block;
    padding: 50px 10px 40px;
}
#single-service-area .content-box .specific-services .single-item .text-holder h3{
    font-size: 18px;  
    margin: 0 0 15px;
}
#single-service-area .content-box .specific-services .single-item .text-holder p{
    margin: 0;    
}
#single-service-area .content-box .specific-services .single-item .text-holder a {
    border: 2px solid #f4f4f4;
    height: 45px;
    width: 140px;
    border-radius: 4px;
    display: block;
    color: #3452ff;
    font-size: 15px;
    font-weight: 700;
    text-transform: capitalize;
    font-family: 'Nunito', sans-serif;
    line-height: 42px;
    margin: 22px auto 0;
    transition: all 900ms ease;
}
#single-service-area .content-box .specific-services .single-item:hover .text-holder a{
    background: #3452ff;
    border-color: #3452ff;
    color: #fff;
}

#single-service-area .content-box .benefits-service-content {
    border-top: 1px solid #f4f4f4;
    padding-top: 60px;
    overflow: hidden;
    margin-bottom: 60px;
}
#single-service-area .content-box .benefits-service-content .text-holder {
    overflow: hidden;
}

#single-service-area .content-box .benefits-service-content .text-holder ul {
    overflow: hidden;
}
#single-service-area .content-box .benefits-service-content .text-holder ul li i {
    display: inline-block;
    padding-right: 13px;
    color: #3452ff;
    font-weight: 600;
}
#single-service-area .content-box .benefits-service-content .video-holder{
    width: 100%;
    height: auto;
    text-align: center;
    position: relative;
    overflow: hidden;    
}
#single-service-area .content-box .benefits-service-content .video-holder img{
    transform: scale(1);
    transition: all 0.5s ease 0s;
    width: 100%;
}
#single-service-area .content-box .benefits-service-content .video-holder .overlay-gallery {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    background-color: rgba(52, 82, 255, 0.90); 
    transition: all 500ms ease;
}
#single-service-area .content-box .benefits-service-content .video-holder .overlay-gallery .icon-holder{
    display: table;
    height: 100%;
    width: 100%;    
}
#single-service-area .content-box .benefits-service-content .video-holder .overlay-gallery .icon-holder .icon{
    display: table-cell;
    vertical-align: middle;    
}
#single-service-area .content-box .benefits-service-content .video-holder .overlay-gallery .icon-holder .icon a img{
    width: auto;
    transform: scale(1);
    transition: all 0.5s ease 0s;
}
#single-service-area .content-box .benefits-service-content .video-holder:hover .overlay-gallery {
    background-color: rgba(52, 82, 255, 0.70); 
}
#single-service-area .content-box .benefits-service-content .video-holder:hover img {
    transform: scale(1.1);
}
#single-service-area .content-box .benefits-service-content .video-holder .overlay-gallery .icon-holder .icon a:hover img{
    transform: scale(1.1);
}

#single-service-area .content-box .accordion-box {
    border: 1px solid #f4f4f4;
    display: block;
    padding: 20px 30px;
    margin-bottom: 60px;
}

#single-service-area .content-box .consultation-form{  }
#single-service-area .content-box .consultation-form form{  }
#single-service-area .content-box .consultation-form form input[type="text"],
#single-service-area .content-box .consultation-form form input[type="email"],
#single-service-area .content-box .consultation-form form textarea{
    background: #f9f9f9;
    border: 1px solid #ececec;
    color: #999999;
    display: block;
    font-size: 14px;
    height: 50px;
    margin-bottom: 30px;
    padding: 0 20px;
    width: 100%;
    transition: all 500ms ease;
}
#single-service-area .content-box .consultation-form form textarea {
    height: 210px;
    margin-bottom: 30px;
    padding: 10px 20px;
}
#single-service-area .content-box .consultation-form form input[type="text"]:focus{
    border-color: #3452ff;        
}
#single-service-area .content-box .consultation-form form input[type="email"]:focus{
    border-color: #3452ff;        
}
#single-service-area .content-box .consultation-form form textarea:focus{
    border-color: #3452ff;    
}
#single-service-area .content-box .consultation-form form button{
    width: 100%;
    padding: 15px 0 15px;
}



/*** 
=============================================
    Checkout Area style
=============================================
***/
.checkout-area {
    padding-bottom: 80px;
    padding-top: 80px;
}
.checkout-area .sec-title {
    padding-bottom: 30px;
}
.checkout-area .sec-title h1 {
    color: #222;
    font-size: 24px;
    text-transform: capitalize;
}
.checkout-area .exisitng-customer {
    background: #f7f7f7;
    display: block;
    padding: 20px 28px 21px;
    position: relative;
    margin-bottom: 20px;
}
.checkout-area .exisitng-customer:before{
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 100%;
    background: #3452ff;
    content: "";
}
.checkout-area .exisitng-customer h5{
    color: #222222;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
}
.checkout-area .exisitng-customer h5 a{
    color: #3452ff;
    display: inline-block;
    padding-left: 15px;
}
.checkout-area .coupon {
    background: #f7f7f7;
    display: block;
    padding: 20px 28px 21px;
    position: relative; 
    margin-bottom: 60px;
}
.checkout-area .coupon:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 100%;
    background: #3452ff;
    content: "";  
}
.checkout-area .coupon h5 {
    color: #222222;
    font-size: 16px;
    font-weight: 400; 
    font-family: 'Poppins', sans-serif;
}
.checkout-area .coupon h5 a {
    color: #3452ff;
    display: inline-block;
    padding-left: 15px;  
}


.checkout-area .form form .field-label {
    color: #222222;
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 3px;
    text-transform: capitalize;
    font-family: 'Poppins', sans-serif;
}
.checkout-area .form form .field-input input[type="text"] {
  border: 1px solid #666;
  color: #666;
  display: block;
  font-size: 14px;
  height: 48px;
  margin-bottom: 23px;
  padding: 0 15px;
  width: 100%;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}
.checkout-area .form form .field-input input[type="text"]:focus{
  border: 2px solid #3452ff;
}

.checkout-area .form form .field-input input[type="select"] {
  border: 1px solid #666;
  color: #666;
  display: block;
  font-size: 14px;
  height: 48px;
  margin-bottom: 23px;
  padding: 0 15px;
  width: 100%;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}
.checkout-area .form form .field-input input[type="select"]:focus{
  border: 2px solid #3452ff;
}

.checkout-area .create-acc .checkbox {
  margin: 7px 0 0;
}
.checkout-area .create-acc .checkbox label {
  color: #3452ff;
  font-weight: 400;
  font-size: 16px;
}
.checkout-area .create-acc .checkbox input {
  margin-top: 6px;
}


.checkout-area .shipping-info input[type="checkbox"] {
  cursor: pointer;
  display: inline-block;
  margin: 0 0 0 25px;
  position: relative;
  top: 0px;
  vertical-align: middle;
}
.checkout-area .form form .field-input textarea {
  border: 2px solid #f4f4f4;
  color: #999;
  display: block;
  font-size: 14px;
  height: 119px;
  padding: 10px 15px;
  width: 100%;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}
.checkout-area .form form .field-input textarea:focus{
  border-color: #3452ff;
}


.checkout-area .bottom {
    padding-top: 60px
}
.checkout-area .table {
    overflow-x: auto;
    position: relative;
    width: 100%;
    margin-bottom: 0;
}
.checkout-area .table .cart-table {
    min-width: auto;
    width: 100%;
}
.checkout-area .table .cart-table .cart-header {
    background: #f7f7f7;
    color: #222222;
    font-size: 16px;
    position: relative;
    text-transform: capitalize;
    width: 100%;
    font-family: 'Poppins', sans-serif;
}
.checkout-area .table .cart-table thead tr th {
    font-weight: 400;
    line-height: 24px;
    min-width: 110px;
    padding: 19px 30px 17px;
}
.checkout-area .table .cart-table thead tr th.product-column {
  padding-left: 30px;
  text-align: left;
}

.checkout-area .table .cart-table tbody tr {
  border-bottom: 1px solid #f7f7f7;
}
.checkout-area .table .cart-table tbody tr td {
    vertical-align: middle
}
.checkout-area .table .cart-table tbody tr td {
  min-width: 110px;
  padding: 25px 20px;
}

.checkout-area .table .cart-table tbody tr .product-column .column-box {
  min-height: 70px;
}
.checkout-area .table .cart-table tbody tr .product-column .column-box .prod-thumb {
    width: 70px;
    border: 2px solid #f7f7f7;
    padding: 3px;
}
.checkout-area .table .cart-table tbody tr .product-column .column-box .prod-thumb img {
    display: block;
    max-width: 100%;
}
.checkout-area .table .cart-table tbody tr .product-column .column-box .prod-thumb, 
.checkout-area .table .cart-table tbody tr .product-column .column-box .product-title{
    display: table-cell;
    vertical-align: middle;
}
.checkout-area .table .cart-table tbody tr .product-column .column-box .product-title{
    padding-left: 15px;
}
.checkout-area .table .cart-table tbody tr .product-column .column-box .product-title h3 {
    color: #222222;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    font-family: 'Poppins', sans-serif;
}

.checkout-area .table .cart-table tbody tr .qty {
  padding-right: 30px;
  width: 130px;
}
.checkout-area .table .cart-table tbody tr .qty .input-group.bootstrap-touchspin {
  float: right;
  width: 60px;
}
.checkout-area .table .cart-table tbody tr .qty .form-control {
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 0;
  box-shadow: none;
  color: #252525;
  display: block;
  font-size: 18px;
  font-weight: 400;
  height: 34px;
  padding: 6px 0;
  text-align: center;
}
.checkout-area .table .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
  border-radius: 0
}
.checkout-area .table .cart-table tbody tr .qty .btn-default {
  background-color: #3452ff;
  border-color: #1232e9;
  color: #fff;
}
.checkout-area .table .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
  border-radius: 0;
  margin-top: -2px;
}
.checkout-area .table .cart-table tbody tr td.price {
    color: #3452ff;
    font-size: 18px;
    font-weight: 400;
}


.cart-total{}
.cart-total-table {
    border: 2px solid #f7f7f7
}
.cart-total-table li {
    border-bottom: 1px solid #f7f7f7
}
.cart-total-table li:last-child {
    border-bottom: none
}
.cart-total-table li span.col.col-title {
    border-right: 1px solid #f7f7f7;
    color: #222222;
    display: block;
    float: left;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    padding: 10px 18px;
    position: relative;
    width: 50%;
    font-family: 'Poppins', sans-serif;
}
.cart-total-table li span.col {
    color: #999999;
    display: block;
    float: left;
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    padding: 10px 18px;
    position: relative;
    width: 50%;
    font-family: 'Nunito', sans-serif;
}
.cart-total-table li span.col b {
  color: #3452ff;
  font-weight: 300;
  text-decoration: underline;
}


.cart-total .payment-options {
  background: #f7f7f7 none repeat scroll 0 0;
  margin-top: 30px;
  overflow: hidden;
  padding: 23px 20px 35px;
}
.cart-total .payment-options .option-block {
  margin-bottom: 14px
}

.cart-total .payment-options .option-block .checkbox {
    margin: 0 0 5px;
}
.cart-total .payment-options .option-block .checkbox label {
    font-weight: 700;
    min-height: 20px;
    padding-left: 20px;
}
.cart-total .payment-options .option-block .checkbox label input {
    position: relative;
    top: 1px;
}
.cart-total .payment-options .option-block .checkbox label span {
    color: #222222;
    font-size: 16px;
    padding-left: 10px;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
}
.cart-total .payment-options .option-block .checkbox label span b {
  color: #3452ff;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  padding-left: 25px;
  text-decoration: underline;
}
.cart-total .payment-options .option-block .text{
  padding-left: 30px;
}
.cart-total .payment-options .option-block .text p {
  margin: 0;
  line-height: 28px;
}
.placeorder-button button {
    padding: 13px 40px 13px;
    margin-top: 20px;
}



/*** 
=============================================
    Login Register Area style
=============================================
***/
.login-register-area {
    padding-bottom: 80px;
    padding-top: 80px;
}
.login-register-area .form .sec-title {
    padding-bottom: 32px;
}
.login-register-area .form .sec-title h1{
    font-size: 24px;
}
.login-register-area .form .input-field {
    position: relative;
}
.login-register-area .form .input-field input[type="text"] {
    border: 2px solid #f4f4f4;
    color: #777;
    font-size: 15px;
    height: 50px;
    margin-bottom: 30px;
    padding-left: 15px;
    padding-right: 50px;
    width: 100%;
    transition: all 700ms ease 0s;
}
.login-register-area .form .input-field .icon-holder {
    position: absolute;
    right: 20px;
    top: 11px;
}
.login-register-area .form .input-field .icon-holder i {
    color: #777;
    font-size: 14px;
    font-weight: 400;
}
.login-register-area .form button {
    margin-top: 10px;
    padding: 13px 45px 13px;
}
.login-register-area .form .remember-text {
    margin-top: 19px;
}
.login-register-area .form .remember-text .checkbox label {
    color: #222222;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
}
.login-register-area .form .remember-text .checkbox input {
    margin-top: 5px;
}


.login-register-area .form .social-icon {
    float: right;
    margin-right: -8px;
    margin-top: 15px;
    position: relative;
}
.login-register-area .form .social-icon .login-with {
    display: inline-block;
    left: -100px;
    position: absolute;
    top: 8px;
}
.login-register-area .form .social-icon li {
    display: inline-block;
    margin: 0 8px;
}
.login-register-area .form .social-icon li a i {
    background: #3b5998 none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 100;
    height: 40px;
    line-height: 24px;
    padding: 8px 0;
    text-align: center;
    transition: all 700ms ease 0s;
    width: 40px;
}
.login-register-area .form .social-icon li a i.twitter {
    background: #33ccfe none repeat scroll 0 0;
}
.login-register-area .form .social-icon li a i.gplus {
    background: #dd4b39 none repeat scroll 0 0;
}
.login-register-area .form a.forgot-password {
    color: #3452ff;
    float: right;
    font-weight: 700;
    margin: 20px 0 0;
    font-family: 'Nunito', sans-serif;
}
.login-register-area .form h6 {
    color: #848484;
    float: left;
    font-size: 14px;
    margin: 28px 0 0 -50px;
    font-family: 'Nunito', sans-serif;
}
.login-register-area .form .input-field input[type="text"]:focus{
    border: 2px solid #3452ff;    
}
.login-register-area .form .social-icon li a:hover i{
    background: #18387b;   
}
.login-register-area .form .social-icon li a:hover i.twitter{
    background: #12addf;    
}
.login-register-area .form .social-icon li a:hover i.gplus{
    background: #c62d1a;
}



/*** 
=============================================
   Cart area  style
=============================================
***/
.cart-area {
  padding-bottom: 80px;
  padding-top: 80px;
}
.cart-area .sec-title{
    padding-bottom: 32px;
}
.cart-area .sec-title h1{
    font-size: 24px;
}
.cart-area .table-outer {
  overflow-x: auto;
  position: relative;
  width: 100%;
}
.cart-area .cart-table {
  min-width: 1024px;
  width: 100%;
}
.cart-area .cart-table .cart-header {
  background: #f7f7f7;
  color: #222222;
  font-family: 'Poppins', sans-serif;
  font-size: 16px;
  position: relative;
  text-transform: capitalize;
  width: 100%;
}
.cart-area .cart-table thead tr th {
  font-weight: 400;
  line-height: 24px;
  min-width: 110px;
  padding: 20px 25px;
}
.cart-area .cart-table thead tr th.prod-column {
  padding-left: 30px;
  text-align: left;
}
.cart-area .cart-table thead tr th.availability {
  padding: 0 40px
}


.cart-area .cart-table tbody tr {
    border-bottom: 1px solid #f7f7f7;
}
.cart-area .cart-table tbody tr td {
    color: #999999;
    font-family: 'Nunito', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    min-width: 100px;
    padding: 27.5px 25px;
}
.cart-area .cart-table tbody tr .prod-column .column-box {
    min-height: 70px;
    position: relative;
}
.cart-area .cart-table tbody tr .prod-column .column-box .prod-thumb {
    width: 70px;
    border: 2px solid #f7f7f7;
    padding: 3px;
}
.cart-area .cart-table tbody tr .prod-column .column-box .prod-thumb img {
    display: block;
    max-width: 100%;
}
.cart-area .cart-table tbody tr .prod-column .column-box .prod-thumb, 
.cart-area .cart-table tbody tr .prod-column .column-box .title{
    display: table-cell;
    vertical-align: middle;
}
.cart-area .cart-table tbody tr .prod-column .column-box .title{
    padding-left: 20px;
}
.cart-area .cart-table tbody tr .prod-column .column-box .title h3 {
    color: #222222;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    font-family: 'Poppins', sans-serif;    
}

.cart-area .cart-table tbody tr .qty {
  padding-right: 25px;
  width: 120px;
}
.cart-area .cart-table tbody tr .qty .input-group.bootstrap-touchspin {}
.cart-area .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
  border-radius: 0;
  margin-left: 0;
  padding: 11px;
}
.cart-area .cart-table tbody tr .qty .btn-default {
  background-color: #3452ff;
  border-color: #0322d9;
  color: #fff;
}
.cart-area .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
  border-radius: 0;
  margin-left: 0;
  margin-top: -1px;
  padding: 10px;
}
.cart-area .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical i {
  font-size: 9px;
  left: 6px;
  top: 6px;
}

.cart-area .cart-table tbody tr td.unit-price {
  padding-left: 40px;
  padding-right: 20px;
}
.cart-area .cart-table tbody .available-info {
  color: #999999;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  padding-left: 50px;
  position: relative;
}
.cart-area .cart-table tbody .available-info .icon {
  background: #3452ff none repeat scroll 0 0;
  border-radius: 50%;
  color: #ffffff;
  font-size: 18px;
  height: 40px;
  left: 0;
  line-height: 40px;
  position: absolute;
  text-align: center;
  top: 0px;
  width: 40px;
}

.cart-area .cart-table tbody tr td.price {
  color: #999999;
  font-size: 18px;
  font-weight: 400;
}
.cart-area .cart-table tbody tr .sub-total {
  color: #3452ff;
  font-weight: 400;
  font-size: 18px;
}
.cart-area .cart-table tbody tr td .remove{ }
.cart-area .cart-table tbody tr td .remove .checkbox label {
  color: #777;
  font-size: 16px;
  font-weight: 400;
  font-family: 'Khula', sans-serif;
}
.cart-area .cart-table tbody tr td .remove .checkbox label input[type="checkbox"] {
  display: inline-block;
  position: relative;
  top: 1px;
}


.cart-middle {
    padding-top: 30px
}
.cart-middle .apply-coupon {
    padding-left: 245px;
    position: relative;
}
.cart-middle .apply-coupon input[type="text"] {
  border: 2px solid #f7f7f7;
  color: #777;
  font-size: 14px;
  font-weight: 400;
  height: 50px;
  left: 0;
  padding: 0 15px;
  position: absolute;
  text-transform: capitalize;
  top: 0;
  transition: all 500ms ease 0s;
  width: 225px;
}
.cart-middle .apply-coupon input[type="text"]:focus {
  border: 2px solid #3452ff
}
.cart-middle .apply-coupon .apply-coupon-button button {
    padding: 13px 45px 13px;
}
.cart-middle .update-cart button {
    padding: 13px 35px 13px;
    background: #f7f7f7;
    color: #222222;
}
.cart-middle .update-cart button:hover{
    color: #fff;
}


.cart-bottom {
    overflow: hidden;
    padding-top: 76px;
}
.cart-bottom .calculate-shipping {}
.cart-bottom .calculate-shipping .ui-state-default .ui-icon {}
.cart-bottom .calculate-shipping .ui-selectmenu-button span.ui-icon {
    border-left: 2px solid #f7f7f7;
    display: block;
    float: right;
    height: 41px;
    text-indent: 0;
    top: 8px;
    width: 45px;
    position: absolute;
    right: 0;
    display: block;
}
.cart-bottom .calculate-shipping .ui-selectmenu-button span.ui-icon::before {
  color: #ababae;
  content: "\f107";
  font-family: FontAwesome;
  font-size: 20px;
  overflow: visible;
  position: absolute;
  right: 14px;
  top: 8px;
}
.cart-bottom .calculate-shipping .ui-selectmenu-button span.ui-selectmenu-text {
  display: block;
  line-height: 18px;
  overflow: hidden;
  padding: 12px 17px;
  text-align: left;
}
.cart-bottom .calculate-shipping input[type="text"] {
  border: 2px solid #f7f7f7;
  color: #777;
  display: block;
  font-size: 14px;
  height: 45px;
  padding: 0 18px;
  width: 100%;
  font-weight: 400;
  margin-bottom: 30px;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}
.cart-bottom .calculate-shipping input[type="text"]:focus {
    border: 2px solid #3452ff
}
.cart-bottom .calculate-shipping button {
    padding: 13px 40px 13px; 
}
.cart-bottom button.checkout-btn{
    padding: 13px 35px 13px;
    margin-top: 30px;
}



/*** 
=============================================
    Shop Area style
=============================================
***/
.shop-area {
    padding-top: 80px;
    padding-bottom: 80px;
}
.shop-area .shop-content {
    border-right: 1px solid #f4f4f4;
    padding-right: 30px;
    margin-top: -80px;
    padding-top: 80px;
    margin-bottom: -80px;
    padding-bottom: 80px;
}
.shop-area .showing-result-shorting {
    overflow: hidden;
    padding-bottom: 20px;
}
.shop-area .showing-result-shorting .showing{}
.shop-area .showing-result-shorting .shorting{ }
.shop-area .showing-result-shorting .showing p {
    color: #999999;
    font-size: 14px;
    font-weight: 400;
    margin: 8px 0;
    font-family: 'Nunito', sans-serif;
}

.single-product-item{
    background: #fff;
    margin-bottom: 40px;
    transition: all 0.7s ease;
    border: 1px solid #e8e8e8;
}
.single-product-item:hover{
    
}
.single-product-item .img-holder {
    display: block;
    overflow: hidden;
    position: relative;
    border-bottom: 1px solid #e8e8e8;
}
.single-product-item .img-holder img{
    transform: scale(1.1, 1.1);
    transition: all 0.5s ease 0s;
    width: 100%;
}
.single-product-item:hover .img-holder img{
    transform: scale(1, 1);
}
.single-product-item:hover .img-holder .overlay-style-one{
    transform: translateY(0%); 
    opacity: 1;
}
.single-product-item .img-holder .overlay-style-one .box .content a i {
    border: 1px solid #fff;
    display: inline-block;
    width: 35px;
    height: 35px;
    border-radius: 3px;
    font-size: 12px;
    line-height: 35px;
    transition: all 500ms ease;
}
.single-product-item .img-holder .overlay-style-one .box .content a:hover i{
    background: #222;
    border-color: #222;
}

.single-product-item .title-holder {
    padding: 19px 15px 12px;
}
.single-product-item .title-holder .product-title {
    color: #222222;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    margin: 0 0 10px;
}
.single-product-item .title-holder .product-value {
    color: #3452ff;
    font-size: 15px;
    font-weight: 400;
    text-transform: capitalize;
    font-family: 'Nunito', sans-serif;
    margin: 0 0 17px;
}

.single-product-item .title-holder .botton {
    position: relative;
    border-top: 1px solid #e8e8e8;
    margin-left: -15px;
    margin-right: -15px;
    display: block;
    padding: 14px 15px 0;
}
.single-product-item .title-holder .botton .product-cart{
    
}
.single-product-item .title-holder .botton .product-cart a {
    color: #999999;
    font-size: 15px;
    font-weight: 400;
    font-family: 'Nunito', sans-serif;
}
.single-product-item .title-holder .botton .product-cart a i{
    display: inline-block;
    padding-right: 7px;
    transition: all 500ms ease;
}
.single-product-item .title-holder .botton .product-cart a:hover{
    color: #3452ff;
}
.shop-area .post-pagination{
    margin-top: 20px;    
}



.single-sidebar .price-ranger{ }
.single-sidebar .price-ranger .ui-widget-content {
    background: #e5e5e5;
    border: none;
    height: 2px;
    position: relative;
}
.single-sidebar .price-ranger .ui-widget-content:before{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #f0f0f0;
    content: "";
}
.single-sidebar .price-ranger .ui-slider-handle {
    background: #3452ff none repeat scroll 0 0;
    border: 2px solid #252525;
    border-radius: 50%;
    height: 10px;
    margin-left: -4px;
    outline: medium none;
    width: 10px;
    cursor: pointer;
}
.single-sidebar .price-ranger .ui-slider-horizontal .ui-slider-handle {
  top: -4px;
}
.single-sidebar .price-ranger .ui-slider .ui-slider-range {
  background: #252525;
}
.single-sidebar .price-ranger #slider-range {
    margin-left: 4px;
    margin-right: 6px;
    margin-top: 0;
}
.single-sidebar .price-ranger .ranger-min-max-block {
    margin-bottom: 0px;
    margin-top: 30px;
    overflow: hidden;
}
.single-sidebar .price-ranger .ranger-min-max-block input {
  display: inline-block;
}
.single-sidebar .price-ranger .ranger-min-max-block input[type="submit"] {
    float: left;
    margin-right: 20px;
    padding: 6px 0px 5px;
    text-align: center;
    width: 80px;
    border: none;
    background: #3452ff;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    border-radius: 3px;
    transition: all 500ms ease;
}
.single-sidebar .price-ranger .ranger-min-max-block input[type="submit"]:hover{
  background: #0421ca;
}
.single-sidebar .price-ranger .ranger-min-max-block input[type="text"] {
    border: medium none;
    color: #999999;
    font-size: 14px;
    font-weight: 400;
    outline: medium none;
    text-align: right;
    width: 40px;
    margin: 6px 0 0;
}
.single-sidebar .price-ranger .ranger-min-max-block input[type='text'].max {}
.single-sidebar .price-ranger .ranger-min-max-block span {
    color: #999999;
    font-weight: 600;
    font-size: 16px;
}

.sidebar-wrapper .single-sidebar .popular-product {}
.sidebar-wrapper .single-sidebar .popular-product li {
    border-bottom: 1px solid #f7f7f7;
    margin-bottom: 25px;
    overflow: hidden;
    padding-bottom: 25px;
    padding-left: 70px;
    position: relative;
}
.sidebar-wrapper .single-sidebar .popular-product li:last-child {
    border-bottom: none;
    margin-bottom: 0px;
    padding-bottom: 0;
}
.sidebar-wrapper .single-sidebar .popular-product li .img-holder{
    display: block;
    overflow: hidden;
    position: absolute;  
    width: 70px;
    min-height: 70px;
    top: 0;
    left: 0;
}
.sidebar-wrapper .single-sidebar .popular-product li .img-holder img{
    transition: all 0.5s ease 0s;
    width: 100%;
}
.sidebar-wrapper .single-sidebar .popular-product li:hover .img-holder img{
}
.sidebar-wrapper .single-sidebar .popular-product li .img-holder .overlay-style-one .box .content a i {
    opacity: 0;
    font-size: 16px;
    color: #fff;
}
.sidebar-wrapper .single-sidebar .popular-product li:hover .img-holder .overlay-style-one .box .content a i{
    opacity: 1;
}
.sidebar-wrapper .single-sidebar .popular-product li:hover .img-holder .overlay-style-one{
    transform: translateY(0%); 
    opacity: 1;
}

.sidebar-wrapper .single-sidebar .popular-product li .title-holder {
    padding-left: 20px;  
}
.sidebar-wrapper .single-sidebar .popular-product li .title-holder a h4 {
    color: #222222;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    margin: 0 0 10px;
    transition: all 500ms ease;
}
.sidebar-wrapper .single-sidebar .popular-product li .title-holder h5 {
    color: #3452ff;
    font-size: 15px;
    font-weight: 400;
    text-transform: capitalize; 
    font-family: 'Nunito', sans-serif;
}
.sidebar-wrapper .single-sidebar .popular-product li .title-holder .review-box {
    line-height: 14px;
    margin: 10px 0 0;
}
.sidebar-wrapper .single-sidebar .popular-product li .title-holder .review-box li {
    display: inline-block;
    margin: 0 1px;
    position: static;
    padding: 0;
    border: none;
}
.sidebar-wrapper .single-sidebar .popular-product li .title-holder .review-box li i{
    font-size: 12px;
    color: #3452ff;
}
.sidebar-wrapper .single-sidebar .popular-product li:hover .title-holder h4{
    color: #021ebc;
}

.sidebar-wrapper .single-sidebar .product-tag{
    margin-left: -3px;
    margin-right: -3px;
    margin-top: -5px;    
}
.sidebar-wrapper .single-sidebar .product-tag li{
    display: inline-block;
    margin: 0 3px 10px;    
}
.sidebar-wrapper .single-sidebar .product-tag li a{
    border: 1px solid #f4f4f4;
    color: #999999;
    display: block;
    font-size: 14px;
    font-weight: 400;
    padding: 4px 10px 3px;
    font-family: 'Nunito', sans-serif;
    transition: all 500ms ease 0s; 
    border-radius: 20px;
}
.sidebar-wrapper .single-sidebar .product-tag li a:hover{
    background: #3452ff;
    border-color: #3452ff;
    color: #fff;    
}



/*** 
=============================================
   Single Shop Area style
=============================================
***/
.single-shop-area{
    padding-top: 80px;
    padding-bottom: 40px;
}
.single-shop-content .img-holder {
    margin-right: 50px;
}
.single-shop-content .content-box {
    margin-left: -50px;
}
.single-shop-content .content-box h3 {
    color: #222222;
    font-size: 24px;
    font-weight: 400;
    margin: 0 0 8px;
    text-transform: capitalize;
}
.single-shop-content .content-box .review-box {
    margin: 0 0 10px;  
}
.single-shop-content .content-box .review-box ul {}
.single-shop-content .content-box .review-box ul li {}
.single-shop-content .content-box .review-box ul li i {
    color: #3452ff;
    font-size: 15px;
}
.single-shop-content .content-box span.price {
    color: #3452ff;
    font-size: 22px;
    font-weight: 400;
    font-family: 'Nunito', sans-serif;
}
.single-shop-content .content-box .text {
  overflow: hidden;
  padding: 25px 0 9px;
}
.single-shop-content .content-box .location-box {
  margin: 4px 0 20px;
}
.single-shop-content .content-box .location-box p {
  color: #222222;
  font-size: 16px;
  margin: 0 0 12px;
}
.single-shop-content .content-box .location-box form input {
  border: 2px solid #f7f7f7;
  height: 40px;
  padding-left: 10px;
  padding-right: 10px;
  width: 170px;
  transition: all 500ms ease;
  margin: 0 0 10px;
}
.single-shop-content .content-box .location-box form input:focus{
  border-color: #3452ff;
}
.single-shop-content .content-box .location-box form button {
  background: #f7f7f7 none repeat scroll 0 0;
  border: medium none;
  color: #252525;
  font-size: 14px;
  font-weight: 700;
  height: 40px;
  margin-left: 6px;
  padding: 0;
  text-align: center;
  text-transform: uppercase;
  transition: all 500ms ease 0s;
  width: 95px;
  position: relative;
  top: -1px;
}
.single-shop-content .content-box .location-box form button:hover{
  background: #3452ff;
  color: #fff;
}
.single-shop-content .content-box .location-box form span {
  color: #3452ff;
}
.single-shop-content .content-box .addto-cart-box {}
.single-shop-content .content-box .addto-cart-box .input-group.bootstrap-touchspin {
  float: left;
  width: 70px;
}
.single-shop-content .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
  border-radius: 0
}
.single-shop-content .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
  border-radius: 0;
  margin-top: -2px;
}
.single-shop-content .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical > .btn {
  display: block;
  float: none;
  margin-left: -1px;
  max-width: 100%;
  padding: 12px 12px;
  position: relative;
  width: 100%;
}
.single-shop-content .content-box .addto-cart-box .btn-default {
  background-color: #efefef;
  border-color: #efefef;
  color: #9e9e9e;
}
.single-shop-content .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical i {
  color: #9e9e9e;
  font-weight: normal;
  left: 8px;
  position: absolute;
  top: 7px;
}
.single-shop-content .content-box .addto-cart-box button.addtocart {
    margin-left: 25px;
    padding: 13px 30px 13px;
}

.product-tab-box {
  border: 1px solid #ececec;
  border-top: none;
  border-right: none;
  border-left: none;
  overflow: hidden; 
  margin-top: 80px;
}
.product-tab-box .tab-menu {
  border-bottom: 1px solid #ececec;
  margin-bottom: 30px;
}
.product-tab-box .tab-menu li {
  display: inline-block;
  float: left;
  margin-bottom: -1px;
  margin-right: 3px;
}
.product-tab-box .tab-menu li a {
  background: #f7f7f7;
  border-top: 1px solid #ececec;
  border-left: 1px solid #ececec;
  border-right: 1px solid #ececec;
  border-bottom: 1px solid transparent;
  border-radius: 0;
  display: block;
  margin-right: 1px;
  padding: 15px 30px 13px;
  color: #222222;
  font-size: 16px;
  font-weight: 600;
  text-transform: capitalize;
  background: #f7f7f7;
  transition: all 500ms ease;
}
.product-tab-box .tab-menu li.active a, 
.product-tab-box .tab-menu li:hover a{
  background: #ffffff;
  color: #3452ff;
  border-left-color: #ececec;
  border-top-color: #ececec;
  border-right-color: #ececec;
}

.product-tab-box .tab-content {
  border-left: 1px solid #ececec;
  border-right: 1px solid #ececec;
  margin-top: -30px;
  padding: 30px 30px 40px;
}
.product-tab-box .tab-content .review-box {
  
}
.product-tab-box .tab-content .review-box .sec-title-two {
  margin-top: 3px;
  padding-bottom: 22px;
}
.product-tab-box .tab-content .review-box .sec-title-two h3 {
  color: #3d3d3d;
  font-size: 20px;
  font-weight: 400;
  text-transform: capitalize;
}
.product-tab-box .tab-content .review-box .single-review-box {
  margin-bottom: 30px;
  padding-left: 60px;
  position: relative;
}
.product-tab-box .tab-content .review-box .single-review-box .img-holder {
  left: 0;
  position: absolute;
  top: 0;
}


.product-tab-box .tab-content .review-box .single-review-box .text-holder {
  border: 1px solid #ececec;
  margin-left: 20px;
  padding: 17px 20px 12px;
}
.product-tab-box .tab-content .review-box .single-review-box .text-holder .top {
  margin: 0 0 10px;
  overflow: hidden;
}

.product-tab-box .tab-content .review-box .single-review-box .text-holder .top .name h4 {
  color: #3d3d3d;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  text-transform: capitalize;
}
.product-tab-box .tab-content .review-box .single-review-box .text-holder .top .review-box ul {
  margin-top: -2px;
  padding-left: 0px;
  position: relative;
}
.product-tab-box .tab-content .review-box .single-review-box .text-holder .top .review-box ul li {
  display: inline-block;
  margin-right: 1px;
}
.product-tab-box .tab-content .review-box .single-review-box .text-holder .top .review-box ul li i {
  color: #3452ff;
  font-size: 14px;
}
.product-tab-box .tab-content .review-box .single-review-box .text-holder .text p {
  margin: 0;
}

.product-tab-box .tab-content .review-form {
  padding-top: 30px;
}

.product-tab-box .tab-content .review-form .sec-title {
  padding-bottom: 32px;
}
.product-tab-box .tab-content .review-form .add-rating-box {
  margin: 0 0 20px;
}
.product-tab-box .tab-content .review-form .add-rating-box .add-rating-title h4 {
  color: #848484;
  font-size: 16px;
  font-weight: 400;
  margin: 0 0 10px;
  font-family: 'Nunito', sans-serif;
  text-transform: none;
}
.product-tab-box .tab-content .review-form .add-rating-box ul li {
  border-right: 1px solid #ebebeb;
  display: inline-block;
  line-height: 20px;
  margin-right: 10px;
  padding-right: 10px;
}
.product-tab-box .tab-content .review-form .add-rating-box ul li:last-child{
  margin-right: 0px;
  padding-right: 0px;
  border-right: 0px solid #ebebeb;
}
.product-tab-box .tab-content .review-form .add-rating-box ul li a i {
  color: #d6d6d6;
  font-size: 12px;
  line-height: 20px;
  margin-right: 1px;
  opacity: 0.9;
  transition: all 500ms ease 0s;
}


.product-tab-box .tab-content .review-form form .field-label p {
  color: #848484;
  font-size: 16px;
  font-weight: 400;
  margin: 0 0 3px;
  font-family: 'Nunito', sans-serif;
}
.product-tab-box .tab-content .review-form form input[type="text"], 
.product-tab-box .tab-content .review-form form input[type="email"], 
.product-tab-box .tab-content .review-form form textarea {
  background: #fff;
  height: 50px;
  width: 100%;
  border: 1px solid #ececec;
  color: #252525;
  font-size: 14px;
  padding: 0 15px;
  margin-bottom: 20px;
  transition: all 500ms ease;
}
.product-tab-box .tab-content .review-form form textarea {
  height: 110px;
  padding: 10px 15px;
  margin-bottom: 25px;
}
.product-tab-box .tab-content .review-form form button {
  padding: 13px 35px 13px;
}
.product-tab-box .tab-content .review-form form button:hover{}
.product-tab-box .tab-content .review-form .add-rating-box ul li:hover a i{
  opacity: 1;
  color: #3452ff;
}
.product-tab-box .tab-content .review-form form input[type="text"]:focus{
  border-color: #3452ff;
}
.product-tab-box .tab-content .review-form form input[type="email"]:focus{
  border-color: #3452ff;
}
.product-tab-box .tab-content .review-form form textarea:focus{
  border-color: #3452ff;  
}

.related-product {
  padding-top: 70px;
}
.related-product .sec-title {
  padding-bottom: 40px;
}
.related-product .single-product-item {}


#apply_link {
background-color: #3452ff;
 
 border-radius: 5px;
    color: #ffffff;
    display: inline-block;
    font-family: "Nunito",sans-serif;
    font-size: 13px;
    font-weight: 700;
    height: 35px;
    line-height: 34px;
    text-align: center;
    text-transform: none;
    transition: all 500ms ease 0s;
    width: 200px;
  
}

#apply_link:hover {
  border: 2px solid #0C2DEB !important;
  background: #0C2DEB;
  color: #fff;
  box-shadow: 0px 0px 1px #777;
}