@charset "UTF-8";

body { font-family: 'Poppins', sans-serif; font-size: 16px; line-height: 26px; color: #5a5f61; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 300;}

h1, h2, h3, h4, h5, h6 { color: #2e3233; margin: 0px; margin-bottom: 10px; font-family: 'Poppins', sans-serif; font-weight: 500;}

h1 { font-size: 32px; line-height: 46px;letter-spacing: -1px;}

h2 { font-size: 22px; line-height: 28px;}

h3 { font-size: 19px; line-height: 28px; font-weight: 500;}

h4 { font-size: 16px;}

p { margin-bottom: 30px; line-height: 27px;}

ul, ol { margin-bottom: 30px;}

ul li, ol li {}

a { color: #446a73; text-decoration: none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; 

transition: all 0.3s;}

a:focus, a:hover { text-decoration: none;color: #c45d3c;}

strong{ font-weight: 600;}



/*-----  button -----*/



.btn { padding: 15px 20px 15px 20px; border-radius: 4px; font-size: 14px; line-height: 14px; font-weight: 900; letter-spacing: 1px; text-transform: uppercase; font-family: 'Poppins', sans-serif; border:transparent;}

.btn-default { background: #29294a; color: #fff;border:transparent;}

.btn-default:hover { background-color: #29294a; color: #fff;}

.btn-default.focus, .btn-default:focus { color: #fff; background-color: #29294a; border-color: #ba451f;}

.btn-primary {background: ##4484CE; color: #fff;}

.btn-primary:hover { background-color: #385860; color: #fff; border:transparent;}

.btn-primary.focus, .btn-primary:focus { color: #fff; background-color: #385860; border-color: #385860;}

.btn-secondary {background-color: #403b39; color: #fff;}

.btn-secondary:hover {background-color: #312c2a; color: #fff;}

.btn-lg {font-size: 16px; padding: 20px 34px;}

.btn-sm  {font-size: 14px; padding: 10px 14px;}

.btn-xs {font-size: 12px;padding: 6px 8px;}

.btn-link { color: #c45d3c; font-weight: 600; font-size: 14px; text-transform: uppercase;

text-decoration: underline;}

.btn-link:hover { color: #446a73; text-decoration: none;}



/*----- form css -----*/



input.form-control {background-color: #fefefd; border-radius: 4px; border: 2px solid #edebe3;

  -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075); box-shadow: inset 0 0px 0px rgba(0,0,0,.075);

  height: 52px; color: #7c8182;}

select.form-control {background-color: #fefefd; border-radius: 4px; border: 2px solid #edebe3;

  -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075); box-shadow: inset 0 0px 0px rgba(0,0,0,.075);

  height: 52px;}

textarea.form-control {background-color: #fefefd; border-radius: 4px; border: 2px solid #edebe3;

  -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075); box-shadow: inset 0 0px 0px rgba(0,0,0,.075);}

label.control-label {color: #303136; font-weight: 500; margin-bottom: 5px;}

button.btn {padding-top: 20px; padding-bottom: 17px;}

.form-group{margin-top: 10px;}

.form-control:focus {border-color: #dad2cb; outline: 0;

  -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075), 0 0 8px rgba(220,213,206,.6);

  box-shadow: inset 0 0px 0px rgba(0,0,0,.075), 0 0 8px rgba(220,213,206,.6);}

.checkbox-inline+.checkbox-inline, .radio-inline+.radio-inline {margin-top: 0; margin-left: 0px;}

.required {color: #ff481e; font-size: 12px; font-weight: 600; text-transform: uppercase;}



/*----- section css -----*/



.nospace { margin: 0px; padding: 0px;}

.listnone { list-style: none; padding: 0;}

.section-space { padding-top: 50px; padding-bottom: 50px;}

.space-top-80{padding-top: 80px;}

.space-bottom-80{padding-bottom: 80px;}

.section-space-40{padding-top: 40px; padding-bottom:40px;}

.section-color { background-color: #FFFFFF;}

.section-default-bg{background-color: #446a73;}

.section-primary-bg{background-color: #c45d3c;}

.section-title{ margin-bottom: 30px; text-align: center;}

.no-padding{padding: 0px;}

.padding-left-0{padding-left: 0px;}

.padding-right-0{padding-right: 0px;}

.mb60{margin-bottom: 60px;}

/*------ marging space --------*/



.mb0{margin-bottom: 0px;}

.main-container { margin-bottom: 80px; margin-top: 80px;}

.content {}

.sidebar {}

.heading-title { color: #2e3233;}

p:last-child { margin-bottom: 0;}

::selection {background: #ffecb3; color: #333;}

::-moz-selection {background: #ffecb3; color: #333;}

.lead{font-size: 21px; color: #c45d3c;line-height: 1.8;}

.text-highlight{color: #c45d3c;}



/*----- well block -----*/



.well-bg { background-color: #f9f8f4; padding: 20px;}

.well-inner { background-color: #fff; padding: 30px; -webkit-box-shadow: 0px 0px 3px 0px rgba(231,229,222,1); -moz-box-shadow: 0px 0px 3px 0px rgba(231,229,222,1); box-shadow: 0px 0px 3px 0px rgba(231,229,222,1);}



/*--------- side nav ---------*/



.sidenav li { position: relative;}

.sidenav li a{padding-top: 19px; padding-bottom: 19px;display: block; border-bottom: 1px solid #e6e3da;line-height: 14px; color: #2e3233; font-size: 14px;}

.sidenav li a:hover{color:#c45d3c; border-bottom: 1px solid #c45d3c;}

.sidenav li.active a{color: #c45d3c;}

.sidenav li.active a:after{color: #c45d3c;}

.sidenav li a:after { margin-right: 10px; font-family: FontAwesome; position: absolute; right: 4px; 

width: 20px; font-size: 16px; color: #a1a4a5; content: "\f178";}

.sidenav li a:hover:after{color:#c45d3c; }



/*--------- list bullet elements --------*/



ul.listnone{}

.circle li { position: relative; padding-left: 26px; color: #2e3233; line-height: 32px;}

.circle li:before {font-family: FontAwesome; display: block; position: absolute; left: 0; width: 13px;

  font-size: 14px; color: #c45d3c; content: "\f10c"; }

.circle-white li { position: relative; padding-left: 26px; color: #fff; line-height: 32px;}

.circle-white li:before {font-family: FontAwesome; display: block; position: absolute; left: 0;

  width: 13px; font-size: 14px; color: #fff; content: "\f10c";}

.check-circle li {position: relative; padding-left: 26px;}

.check-circle li:before {font-family: FontAwesome; display: block; position: absolute; left: 0; width: 20px;

  font-size: 16px; color: #c45d3c; content: "\f058"; }

.check-circle-primary li {position: relative; padding-left: 26px;}

.check-circle-primary li:before {font-family: FontAwesome; display: block; position: absolute; left: 0;

  width: 20px; font-size: 16px; color: #446a73; content: "\f058"; }

.long-arrow-right li:last-child {border-bottom: 0px solid #333;}

.long-arrow-right li a:after {margin-right: 10px; font-family: FontAwesome; position: absolute; right: 4px;

  width: 20px; font-size: 16px; color: #a1a4a5; content: "\f178";}

  

/*----- Top bar -----*/



.top-bar {background-color: #efeee8; border-bottom: 1px solid #e6e3da; padding-top: 3px; padding-bottom: 3px;}

.welcome-msg{margin-bottom: 0px; font-size: 12px; text-transform: uppercase; font-weight: 500;}

.top-nav{}

.top-nav ul{float: right; margin: 0px;}

.top-nav ul li{float: left; padding-left: 20px; list-style: none;}

.top-nav ul li a{font-size: 12px; text-transform: uppercase; font-weight: 500;}

.header { background-color: #fff; padding-top: 10px; padding-bottom: 10px; line-height: 2.8;}

.navbar-brand { float: left; height: 50px; padding: 4px 15px; font-size: 18px;line-height: 20px;}

.store-block{padding-left: 30px;}

.store-box{}

.store-icon{float: left; font-size: 32px;padding-right: 20px;}

.store-block, .need-block{line-height: 1.5;}

.store-time, .help-number{color: #2e3233; font-weight: 600;}

.store-title, .help-title{font-size: 12px; text-transform: uppercase;letter-spacing: 1px; font-weight: 600;}

.need-block{}

.need-icon{float: left; font-size: 32px;padding-right: 20px;}

.need-box{}

.navigation .badge{font-size: 10px;background-color: #c45d3c;}

 /*-----Navigationn-----*/

 .navigation { background-color: #29294a; z-index: 9; position: relative;}

.is-sticky .navigation{}



#navigation,

#navigation ul,

#navigation ul li,

#navigation ul li a,

#navigation #menu-button {margin: 0; padding: 0; border: 0; list-style: none; line-height: 1; display: block;

  position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

#navigation:after,

#navigation > ul:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0;

  height: 0;}

#navigation #menu-button {display: none;}

#navigation {font-family: 'Poppins', sans-serif; background: #29294a;}

#navigation > ul > li {float: left;}

#navigation.align-center > ul {font-size: 0; text-align: center;}

#navigation.align-center > ul > li {display: inline-block; float: none;}

#navigation.align-center ul ul {text-align: left;}

#navigation.align-right > ul > li {float: right;}

#navigation > ul > li > a {padding: 20px 20px; font-size: 13px; letter-spacing: 1px; text-decoration: none;

  color: #fff; font-weight: 700; text-transform: uppercase; border-left:1px solid #fff;

  border-right:1px solid #fff; margin-right: -1px;}



#navigation > ul > li:hover > a {color: #ffffff; }

#navigation > ul > li.has-sub > a {padding-right: 40px;}

/*#navigation > ul > li.has-sub > a:after {position: absolute; top: 22px; right: 11px; width: 8px; height: 2px;

  display: block; background: #dddddd; content: '';}*/

#navigation > ul > li.has-sub > a:before {position: absolute; right: 18px; font-family: FontAwesome;

content: "\f107"; -webkit-transition: all .25s ease; -moz-transition: all .25s ease;

-ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease;}

/*#navigation > ul > li.has-sub:hover > a:before {top: 23px; height: 0;}*/

#navigation ul ul {position: absolute; left: -9999px; }

#navigation.align-right ul ul {text-align: right;}

#navigation ul ul li {height: 0; -webkit-transition: all .25s ease; -moz-transition: all .25s ease;

  -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease;}

#navigation li:hover > ul {left: auto; }

#navigation.align-right li:hover > ul {left: auto; right: 0;}

#navigation li:hover > ul > li {height: 44px; }

#navigation ul ul ul {margin-left: 100%; top: 0;}

#navigation.align-right ul ul ul {margin-left: 0; margin-right: 100%; }

#navigation ul ul li a {border-bottom: 1px solid #375b63; padding: 18px 15px; width: 220px;

  font-size: 13px; text-decoration: none; color: #acc4ca;  font-weight: 600; background: #375b63;

text-transform: uppercase;}

#navigation ul ul li:last-child > a,

#navigation ul ul li.last-item > a {border-bottom: 0;}

#navigation ul ul li:hover > a,

#navigation ul ul li a:hover {color: #ffffff;background-color:#375b63; }

#navigation ul ul li.has-sub > a:after {position: absolute; top: 16px; right: 11px; width: 8px; height: 2px;

  display: block; background: #dddddd; content: ''; }

#navigation.align-right ul ul li.has-sub > a:after {right: auto; left: 11px; }

#navigation ul ul li.has-sub > a:before {position: absolute; top: 13px; right: 14px; display: block; width: 2px;

  height: 8px; background: #dddddd; content: ''; -webkit-transition: all .25s ease; -moz-transition: all .25s ease;

  -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease;}

#navigation.align-right ul ul li.has-sub > a:before {right: auto; left: 14px;}

#navigation ul ul > li.has-sub:hover > a:before {top: 17px; height: 0;}



#navigation.small-screen {width: 100%;}

#navigation.small-screen ul {width: 100%; display: none;}

#navigation.small-screen.align-center > ul {text-align: left;}

#navigation.small-screen ul li {width: 100%; border-top: 1px solid rgba(120, 120, 120, 0.2);}

#navigation.small-screen ul ul li,

#navigation.small-screen li:hover > ul > li {height: auto;}

#navigation.small-screen ul li a,

#navigation.small-screen ul ul li a {width: 100%; border-bottom: 0;}

#navigation.small-screen > ul > li {float: none;}

#navigation.small-screen ul ul li a {padding-left: 25px;}

#navigation.small-screen ul ul ul li a {padding-left: 35px;}

#navigation.small-screen ul ul li a {color: #acc4ca; background: none;}

#navigation.small-screen ul ul li:hover > a,

#navigation.small-screen ul ul li.active > a {color: #ffffff;}

#navigation.small-screen ul ul,

#navigation.small-screen ul ul ul,

#navigation.small-screen.align-right ul ul {position: relative; left: 0; width: 100%; margin: 0;

 text-align: left;}

#navigation.small-screen > ul > li.has-sub > a:after,

#navigation.small-screen > ul > li.has-sub > a:before,

#navigation.small-screen ul ul > li.has-sub > a:after,

#navigation.small-screen ul ul > li.has-sub > a:before {display: none;}

#navigation.small-screen #menu-button {display: block; padding: 17px; color: #acc4ca; cursor: pointer; 

  font-size: 12px; text-transform: uppercase; font-weight: 700;}

#navigation.small-screen #menu-button:after {position: absolute; top: 22px; right: 17px; display: block; height: 8px;

  width: 20px; border-top: 2px solid #acc4ca; border-bottom: 2px solid #acc4ca; content: '';}

#navigation.small-screen #menu-button:before {position: absolute; top: 16px; right: 17px; display: block;

 height: 2px; width: 20px; background: #acc4ca; content: '';}

#navigation.small-screen #menu-button.menu-opened:after {top: 23px; border: 0; height: 2px; width: 15px; 

  background: #ffffff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg);

  -o-transform: rotate(45deg); transform: rotate(45deg);}

#navigation.small-screen #menu-button.menu-opened:before {top: 23px; background: #ffffff; width: 15px; 

  -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); 

  -o-transform: rotate(-45deg); transform: rotate(-45deg);}

#navigation.small-screen .submenu-button {position: absolute; z-index: 99; right: 0; top: 0; display: block;

  border-left: 1px solid rgba(120, 120, 120, 0.2); height: 46px; width: 46px; cursor: pointer;}

#navigation.small-screen .submenu-button.submenu-opened {background: #375b63;}

#navigation.small-screen ul ul .submenu-button {height: 34px; width: 34px;}

#navigation.small-screen .submenu-button:after {position: absolute; top: 22px; right: 19px; width: 8px; height: 2px;

  display: block; background: #acc4ca; content: '';}

#navigation.small-screen ul ul .submenu-button:after {top: 15px; right: 13px;}

#navigation.small-screen .submenu-button.submenu-opened:after {background: #ffffff; }

#navigation.small-screen .submenu-button:before {position: absolute; top: 19px; right: 22px; display: block;

  width: 2px; height: 8px; background: #acc4ca; content: '';}

#navigation.small-screen ul ul .submenu-button:before {top: 12px; right: 16px;}

#navigation.small-screen .submenu-button.submenu-opened:before {display: none; }

#navigation.small-screen.select-list {padding: 5px;}



/*-----Navigationn end-----*/

/*------------------ Header Transparent CSS Start ------------

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



.header-transparent{padding-bottom: 20px;}

.top-bar-transparent{margin-bottom: 20px;}

.header-transparent #navigation{margin-top: 5px; background-color: transparent;}

.header-transparent #navigation > ul > li > a{padding: 10px 4px; border: transparent; color: #fff;}

.header-top{border-bottom: 1px solid transparent;padding-top: 10px; padding-bottom: 10px; color: #fff; border-color: rgba(250,250,250,.2);}

.header-transparent #navigation li a { color: #ffffff; background-color: transparent; border-left:transparent; border-right:transparent;padding: 14px 30px 14px 10px;}

.header-transparent #navigation li ul li a{background-color: #446a73; padding: 18px 20px;}

.header-transparent #navigation > ul > li.has-sub > a{    padding-right: 30px;}



.header-transparent #navigation li ul li a{    border-bottom: 1px solid #375b63;}

.header-top .top-nav ul li a{color: #fff;}

.top-nav-collapse { background-color:rgba(18,45,52, .8);}

#search-area-v2{    position: absolute; width: 100%; z-index: 1032; top: 48px;}

#search-area-v2 .well-bg{background-color: #333;} 

.phone-img{margin-bottom: 60px;}



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

------------------ Header Transparent CSS End ------------

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



.slider, .slick-slide {position: relative;}

.slider-img {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+1,000000+100&0.6+0,0.6+100 */

 /* IE6-9 */}

.slider img { width: 100%; z-index: -1; position: relative;}

.slider-captions { position: absolute; bottom: 30%; width: 30%}

.slider-title {color: #fff; font-size: 48px; font-weight: 700; letter-spacing: -1px; line-height: 62px;}

.slider-text { color: #fff;}



/*--------- client-logo ---------*/



.client-logo{}

.client-logo img{opacity: .8}

.client-logo img:hover{opacity: 1;}



/*-------- footer ---------*/



.footer{background-color: #323333;padding-top: 100px; padding-bottom: 100px; color: #727272; font-size: 14px;}

.footer-widget{}

.footer-widget img{margin-bottom: 30px;}

.footer-widget-title{color:#cacece; text-transform: uppercase;margin-bottom: 40px;}

.footer-widget ul{}

.footer-widget ul li{margin-bottom: 10px;}

.footer-widget ul li a{color: #727272;}

.footer-widget ul li a:hover{color: #c45d3c;}

.newsletter-widget{margin-top: 60px;}

.newsletter-widget-title{color:#cacece;}

.newsletter-form{}

.newsletter-form input.form-control{background-color: #2a2b2b; border:none;}

.tiny-footer{background-color: #2a2b2b;padding: 20px 0px;}

.copyright-text{font-size: 12px;color: #fff;line-height: 3.6}

.ft-social-widget {float: right;}

.ft-social-block {}

.ft-social-widget a {background-color: #4484ce; padding: 12px 14px; border-radius: 2px; color: #fff;

  display: inline-block; line-height: 0;}

.ft-social-widget a:hover {background-color: #c45d3c; padding: 12px 14px; border-radius: 2px; color: #fff;}



/*-------- page header ---------*/



.page-header {background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), rgba(0, 0, 0, 0.6) url(../images/page-header.jpg) no-repeat center; background-size: cover; color: #fff; margin: 0; border: none;

    position: relative;text-align: center; padding: 0px;}

.page-section{padding: 108px 0px;}

.page-description{}

.page-title{color: #fff; margin-bottom: 0px;font-size: 42px; font-weight: 700;}

.page-breadcrumb{}

.page-breadcrumb .breadcrumb{background:rgba(25,29,30,.7);border-radius: 0px; font-size: 12px; 

text-transform: uppercase;font-weight: 600; margin-bottom: 0px;padding: 5px;}

.page-breadcrumb .breadcrumb>.active { color: #c45d3c;}

.page-breadcrumb .breadcrumb>li+li:before {  padding: 0 5px; color: #ccc; content: "-";}



/*-------- service page --------*/



.service-block{margin-bottom: 30px;}

.service-block .well-bg{padding: 40px;}

.service-block .icon{color: #446a73;}

.service-block .well-bg:hover .icon{color: #c45d3c}

.service-img{margin-bottom: 30px;}

.service-image-block{  text-align: center; margin-bottom: 30px;}

.service-image-inner{padding: 10px; border: none; min-height: 450px; background-color: #fff;webkit-box-shadow: 0 0 45px rgba(0,0,0,0.12);

    box-shadow: 0 0 45px rgba(0,0,0,0.12);}

.service-image-inner h2{

  font-size: 20px;

  height: 50px;

}

.service-image-inner p{

  font-size: 15px;

}



/*-------- about us page --------*/

.section-full{}

.section-info{}

.section-half-bg{padding: 80px 15px 0px 80px;}

.side-img {

    background: url(../images/side-image.jpg);

    height: 580px;

    

    background-repeat: no-repeat;

}



.contact-form{margin-top: 60px;}

.map {height: 400px;}





.column-block p, .typography-block p{margin-bottom: 30px;}



/*----------  Shortcodes Tabs ---------*/



.st-tabs{}

.st-tabs .nav-tabs {  border-bottom: 1px solid transparent;}

.st-tabs .nav-tabs>li>a { margin-right: 2px; line-height: 1.42857143;  border: 1px solid transparent;  border-radius: 2px 2px 0 0; background-color: #c45d3c; color: #fff; text-transform: uppercase; font-size: 14px; font-weight: 600; padding: 14px 30px; letter-spacing: 1px;}

.st-tabs .nav-tabs>li>a:hover{background-color:#f9f8f4;border-bottom: 1px solid #f9f8f4; color: #2e3233;border-color: transparent;  }

.st-tabs .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {color: #c45d3c;

    cursor: default; background-color: #f9f8f4; border: 1px solid transparent; 

  border-bottom-color: transparent;}

.st-tabs .tab-content{padding: 30px;background-color: #f9f8f4;}



/*----- Vertical tabs -----*/



.st-vertical-tabs{}

.st-vertical-tabs .nav-tabs>li>a{margin-bottom: 10px; border-radius: 2px;}

.st-vertical-tabs .tab-content{padding: 0px 30px;background-color: transparent;}



/*----- Center tabs -----*/



.st-center-tabs{}

.st-center-tabs .nav-tabs>li>a{margin-bottom: 10px; border-radius: 2px;}

.st-center-tabs .tab-content{padding: 30px;background-color: #fff;}

.st-center-tabs { text-align: center;}

.st-center-tabs ul.nav {display: inline-block;}

.st-center-tabs li { display: inline}

.st-center-tabs a { float: left}



/*------ accordions ------*/



.st-accordions{}

.st-accordions .panel-default { border-color: transparent; -webkit-box-shadow: 0 0px 0px rgba(0,0,0,.05); box-shadow: 0 0px 0px rgba(0,0,0,.05);}

.st-accordions .panel-group .panel{margin-bottom: 20px;}

.st-accordions .panel-heading { padding: 20px 25px; border-bottom: 1px solid transparent; border-top-left-radius: 0px; border-top-right-radius: 0px;}

.st-accordions .panel-heading.active{background-color: #c45d3c;}

.st-accordions .panel-default>.panel-heading { color: #2e3233; background-color: #f9f8f4; 

border-color: #f9f8f4;}

.st-accordions .panel-body { padding: 40px;background-color: #f9f8f4;border-top: transparent;}

.st-accordions .panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body{border-top: transparent;}

#accordion .highlight { background:#c45d3c; transition:background 1s ease; color: #fff;}

#accordion .highlight a{color: #fff;}



/********** Extra Plugin CSS - Back to top **********/



.cd-top {display: inline-block; height: 40px; width: 40px; border-radius: 50px; position: fixed; bottom: 40px; right: 10px;

  overflow: hidden; text-indent: 100%; white-space: nowrap; background: #4484ce url(../images/cd-top-arrow.svg) no-repeat center 50%; visibility: hidden; opacity: 0; 

  -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s;

 transition: opacity .3s 0s, visibility 0s .3s;}

.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {

 -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s;

 transition: opacity .3s 0s, visibility 0s 0s;}

.cd-top.cd-is-visible { /* the button becomes visible */ visibility: visible; opacity: 1;}

.cd-top.cd-fade-out {

  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */

  opacity: .5;}

.no-touch .cd-top:hover {background-color: #cb2529; opacity: 1;}



/*---------- Home page 2 ---------*/



.social-nav{}

.social-nav ul{margin-top: 15px; float: right;margin-bottom: 0px;}

.social-nav li{float: left;padding-left: 10px;}

.social-nav li a{color: #fff;}

.social-nav li a:hover{color: #fff;}



/*============= Laptop 1366 ===========*/

@media screen and (max-width: 1366px) {

.slider-captions {position: absolute; bottom: 45%; width: 70%;}} 

@media (max-width: 320px) {

  .navbar-brand img{width: 80px;}

  .header .btn{font-size: 12px; padding: 10px; display: none;}

  .top-nav ul li { float: left; padding-left: 11px; list-style: none;}

}



/*============= media query =============*/

@media only screen and (max-width: 768px) {

  .header {background-color: #f9f8f4; padding-top: 10px; padding-bottom: 10px; line-height: 2.8;}

  .header .btn{font-size: 12px; padding: 10px;}

  .slider-text, .slider-captions>.btn{display: none;}

  .navbar-brand{ }

  .navbar-brand img{width: 120px;}

  .slider-captions{bottom: 30%; width: 100%; text-align: center;}

  .slider-title{font-size: 20px; line-height: 20px;}

  .slider .slick-dots{bottom: 5px;}

  .section-half-bg {padding: 60px;}

  /*============= home page 3 =============*/

  .header-transparent {padding-bottom: 20px; position: relative; background: #333;}

  .header-transparent #navigation > ul > li > a {padding: 18px 20px; border: transparent; color: #fff;}

  .header-transparent #navigation #menu-button{margin-bottom: 10px; margin-top: 10px;}

  .flexnav li ul{width: 100%;}

.ac_product_zoomer{
    flex-direction: column-reverse;
    display: flex;
    gap: 2rem;
}
.picZoomer-pic-wp{
    width: 100%!important;
}
#services {
    padding-top: 30px!important;
    padding-bottom: 30px!important;
}

}





/* Custom sizes (768px to 1024px) */

@media (min-width: 768px) and (max-width: 1024px) {

  .slider-captions{width: 60%; left: 15%; bottom: 30%;}

  .slider-title{font-size: 32px; line-height: 34px;}

  .text-hours{display: none;}

  .slick-dots{bottom: 5px;}

  .header .btn{font-size: 12px;}

}