/*-----------------------------------------------------------
    Theme Name: Pipe
    Theme URI: http://wpvisual.com/source/pipe-html
    Description: Creative & Multipurpose Html Template
    Version: 1.0.0
-------------------------------------------------------------*/

/*-----------------------------------------------------------
    1.  General Styles
    2.  Search Wrapper
    3.  Page Loader
    4.  Header Wrapper
    5.  Page Title 
    6.  Banner wrapper
    7.  About Wrapper
    8.  Service Wrapper
    9.  Price Wrapper
    10. Testmonial Wrapper
    11. Slider Wrapper
    12. Blog Section
    13. Portfolio Section
    14. Count Section
    15. Form Wrapper
    16. Team wrapper
    17. Product wrapper
    18. Footer Wrapper
    19. Responsive Style  */


/*-----------------------------------------------------------
    1. General Styles 
-------------------------------------------------------------*/
body {color: #111;font-family: 'Poppins', sans-serif;font-size: 14px;font-weight: 400;overflow-x: hidden;height: 100%}


/*TEXT*/
.fgreat { font-family: 'Great Vibes', cursive; }
.flora {font-family: 'Lora', serif; }
.fplay {font-family: 'Playfair Display', serif;}
.fpoppin {font-family: 'Poppins', sans-serif;}
.fcardo {font-family: 'Cardo', serif !important;}
.fmont {font-family: 'Montserrat', sans-serif !important;  }
.froboto {font-family:'Roboto', sans-serif;}
.fpt {font-family: 'PT Sans Caption', sans-serif;}

.fw100 {font-weight: 100 !important;}
.fw300 {font-weight: 300 !important;}
.fw400 {font-weight: 400 !important;}
.fw600 {font-weight: 600 !important;}
.fw700 {font-weight: 700 !important;}

.shop-three h1 {font-size: 65px;}
.shop-three h2 {font-size: 40px; line-height: 1.4; }
.shop-three h3 {font-size: 32px; line-height: 1.4; }
.shop-three h6 {font-size: 14px; }
.shop-three p {font-size: 14px;    line-height: 32px; }
.shop-three h5 { font-size: 12px; letter-spacing: 4px;  }

.shop-four h1 {font-size: 55px; position: relative !important; top:auto !important;  }
.shop-four h2 {font-size: 28px;}
.shop-four h3 {font-size: 32px; line-height: 1.4; }
.shop-four h4 {font-size: 25px;}
.shop-four h6 {font-size: 14px; }
.shop-four p {font-size: 14px;    line-height: 32px; }
.shop-four p i {font-size: 12px; }
.shop-four .bttn-cart {font-size: 11px;letter-spacing: 1px;margin-top: 5px;display: inline-block; border-bottom: 2px #888 solid; }

.shop-five h1 {font-size: 48px; letter-spacing: 1px !important; line-height: 1.3 !important;  text-align: left !important; top:35% !important;}
.shop-five h5 {font-size: 13px; letter-spacing: 4px; line-height: 28px;     top: 35% !important; position: relative;}
.shop-five h6 {font-size: 13px; letter-spacing: 0.4px; line-height:  28px; }
.shop-five .bttn-style {min-width: 160px; text-align: center; line-height: 45px; display: inline-block; font-size: 12px; font-weight: 500; letter-spacing: 2px; }
.shop-five .video-intro {position: absolute; right: 15px; padding: 0 !important; }
.shop-five .lan-div {position: absolute; bottom: 35px; left:200px; z-index: 2;  }
.shop-five .lan-div a {padding-right: 15px; font-weight: 500; text-transform: uppercase; color: #fff; letter-spacing: 1px; font-size: 12px; }

.shop-six .banner-image {position: relative; top:-30px; }
.shop-six .banner-bttn {position: absolute;  min-width: 180px;text-align: center;line-height: 45px;display: inline-block;font-size: 12px;font-weight: 500;letter-spacing: 2px; left: 27%;    bottom: 150px;}
.shop-six .detail-div-small {position: absolute; left: 50px; top:30px; max-width: 350px; }
.shop-six .detail-div-small .bttn {   text-align: center; line-height: 20px;  display: inline-block;font-size: 10px;font-weight: 500;letter-spacing: 2px; margin-top: 30px; border-bottom: 2px #888 solid;}
.shop-six .detail-div-small .bttn:hover{color: #111; border-bottom: 2px #222 solid;}
.shop-six .detail-div-small p {color: #555; }

.shop-six .detail-div-large {position: absolute; right: 50px; top:30px; max-width: 350px; height: 90%;}
.shop-six .detail-div-large .bttn {   text-align: center; line-height: 20px;  display: inline-block;font-size: 10px;font-weight: 500;letter-spacing: 2px; margin-top: 30px; border-bottom: 2px #888 solid;}
.shop-six .detail-div-large .bttn:hover{color: #111; border-bottom: 2px #222 solid;}
.shop-six .detail-div-large p {color: #555; }
.shop-six h4 {font-size: 20px; }
.shop-six p {font-size: 12px; line-height: 22px; padding-right: 20%; }

.shop-seven.banner-wrapper .col-sm-6,
.shop-seven.banner-wrapper .col-sm-4 {padding-left: 10px; padding-right: 10px; }
.shop-seven .banner-square-small .banner-content-two.style3 span {font-size: 18px;  text-transform: initial; letter-spacing: 0px; }
.shop-seven .banner-square-small .banner-content-two.style3 h3 {font-size: 28px; letter-spacing: 2px; }
.shop-seven h5 {font-size: 16px; }
.shop-seven p {font-size: 12px; }
.shop-seven .icon-img {width: 40px; }

.onescreen-portfolio .wrap {padding:0 90px;  }
.onescreen-portfolio h1 {font-size: 75px; }
.onescreen-portfolio h2 {font-size: 55px; }
.onescreen-portfolio h3 {font-size: 35px; }


h1 {font-size: 40px; }
h2 {font-size: 32px;}
h3 {font-size: 26px;}
h4 {font-size: 22px;}
h5 {font-size: 18px;}
h6 {font-size: 16px;}

.icon-large {font-size: 45px; }
.icon-large2 {font-size: 55px; }

.default-page h1 {font-size: 60px; line-height: 1.2; }
.default-page h2 {font-size: 42px;}
.default-page h3 {font-size: 32px;}
.default-page h4 {font-size: 22px;}
.default-page h5 {font-size: 18px;}
.default-page h6 {font-size: 16px;}
.default-page p {font-size: 14px;}

/*RESET*/
dl,dt,dd,ol,ul,li {margin: 0;padding: 0;}
a {color: #333;text-decoration: none;position: relative;transition: all 0.3s;}
a:focus,
a:hover {color: #777;text-decoration: none;}
img {max-width: 120%;}
:active,
:focus {outline: none !important;}
::-webkit-input-placeholder {color: #ccccd4;}
:-ms-input-placeholder {color: #ccccd4;}
::-ms-input-placeholder {color: #ccccd4;}
::placeholder {color: #ccccd4;}
.form-control {border-radius: 0}
.form-control:focus {border-color: #777;outline: 0;-webkit-box-shadow: none;box-shadow: none;}
.ovh-hid {overflow: hidden !important;}
.ovh-vis {overflow: visible !important;}
.maxwidth450 {max-width: 450px; }
.pull-left {float: left;}
.pull-right {float: right;}


/*PADDING AND MARGIN DEFAULT*/
.pad-left-no  {padding-left: 0 !important;}
.pad-no {padding-left: 0 !important;padding-right: 0 !important;  }
.no-pad {padding-left: 0; padding-right: 0;}
.mar-no {margin-left: 0 !important;margin-right: 0 !important;  }
.pad-dynamicv100 {padding: 100px; }
.pad-v10 .col-md-8,
.pad-v10 .col-md-4 {padding-left: 8px; padding-right: 8px; }
.pad-15{padding-top: 15px; padding-bottom: 15px; }
.pad-20{padding-top: 20px !important; padding-bottom: 20px !important; }
.pad-25 {padding-top: 25px; padding-bottom: 25px; }
.pad-35 {padding-top: 35px; padding-bottom: 35px; }
.pad-50 {padding-top: 50px; padding-bottom: 50px; }
.pad-75 {padding-top: 75px; padding-bottom: 75px; }
.pad-100 {padding-top: 100px; padding-bottom: 100px; }
.pad-125 {padding-top: 125px; padding-bottom: 125px; }
.pad-150 {padding-top: 150px; padding-bottom: 150px; }
.pad-200 {padding-top: 200px; padding-bottom: 200px; }
.pad-250 {padding-top: 250px; padding-bottom: 250px; }
.pad-300 {padding-top: 300px; padding-bottom: 300px; }
.pad-350 {padding-top: 350px; padding-bottom: 350px; }
.pad-top-25 {padding-top: 25px; }
.pad-top-35 {padding-top: 35px; }
.pad-top-50 {padding-top: 50px; }
.pad-top-75 {padding-top: 75px; }
.pad-top-90 {padding-top: 90px; }
.pad-top-100 {padding-top: 0px; }
.pad-top-125 {padding-top: 125px; }
.pad-top-130 {padding-top: 130px; }
.pad-top-150 {padding-top: 150px; }
.pad-top-175 {padding-top: 175px; }
.pad-top-200 {padding-top: 200px; }
.pad-top-250 {padding-top: 250px; }
.pad-top-300 {padding-top: 300px; }
.pad-top-350 {padding-top: 350px; }
.pad-top-500 {padding-top: 500px; }
.pad-top-700 {padding-top: 700px; }
.pad-left-0 {padding-left: 0px !important; }
.pad-left-15 {padding-left: 15px !important; }
.pad-left-30 {padding-left: 30px; }
.pad-right-15 {padding-right: 15px; }
.pad-right-30 {padding-right: 30px; }
.pad-right-80 {padding-right: 80px; }
.pad-right30 {padding-right: 27%; padding-top: 100px; }
.pad-left-80 {padding-left: 80px; }
.pad-left-50 {padding-left: 50px; }
.pad-left-180 {padding-left: 180px; }
.pad-right-50 {padding-right: 50px; }
.pad-left-90 {padding-left: 90px; }
.pad-right-90 {padding-right: 90px; }
.pad-bottom-25 {padding-bottom: 25px; }
.pad-bottom-50 {padding-bottom: 50px; }
.pad-bottom-75 {padding-bottom: 75px; }
.pad-bottom-100 {padding-bottom: 100px; }
.pad-bottom-125 {padding-bottom: 125px; }
.pad-bottom-150 {padding-bottom: 150px; }
.pad-bottom-200 {padding-bottom: 200px; }
.pad-bottom-250 {padding-bottom: 250px; }
.pad-bottom-300 {padding-bottom: 300px; }
.pad-bottom-562 {margin-bottom: 562px; }
.pad-bottom-600 {padding-bottom: 600px; }
.pad-v35 {padding: 35px; }
.pad-v50 {padding: 50px; }
.pad-v100 {padding: 100px; }

.mt_5 {margin-top: -3em; }
.mt20 {margin-top:20px; }
.mt25 {margin-top:25px; }
.mt30 {margin-top:30px; }
.mt35 {margin-top:35px; }
.mt50 {margin-top:50px !important; }
.mt70 {margin-top:70px; }
.mt75 {margin-top:75px; }
.mt100 {margin-top:100px; }
.mt125 {margin-top:125px; }
.mt150 {margin-top:150px; }
.mt200 {margin-top:200px; }
.mb15 {margin-bottom:15px !important; }
.mb25 {margin-bottom:25px !important; }
.mb30 {margin-bottom:30px; }
.mr30 {margin-right:30px; }
.mb35 {margin-bottom:35px; }
.mb40 {margin-bottom:40px; }
.mb50 {margin-bottom:50px; }
.mb75 {margin-bottom:75px; }
.mb100 {margin-bottom:100px; }
.mb125 {margin-bottom:125px; }
.mb150 {margin-bottom:150px; }
.mb250 {margin-bottom:250px; }
.ml50 {margin-left:50px; }
.mlm30 {margin-left: -30px; }
.mtm100 {margin-top: -100px; }
.ml90 {margin-left:90px; }
.pr-0 {padding-right: 0 !important; }
.pl-0 {padding-left: 0 !important; }
.d-inline {display: inline !important;}
.d-block {display: block !important;width: 100%;}
.d-tc {display: table-cell !important;vertical-align: middle;}
.float-none {float: none !important;}
.no-border {border: none !important;}
.posleft-15 {position: relative; left:15px; }
.posleft-30 {position: relative; left:-30px; }
.wp-caption-text {text-align: center; margin-bottom: 20px; margin-top: 10px; }
section,.section {position: relative; }
blockquote {padding: 20px 20px;margin: 0 0 20px;font-size: 16px;background: #F7F7F7;border-radius: 10px;}
blockquote p {line-height: 1.6;}
.top-layer {position: relative; z-index: 5; }
.posr {position: relative !important;}
.posa {position: absolute;}

.pos-center-left {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: left;}
.pos-center-right {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: right;}
.load {line-height: 45px; min-width: 180px; padding: 0 25px; font-size: 16px; color: #111; font-weight: bold; height: 50px; border:2px #333 solid; display: inline-block; }
.button-4{width:180px;height:50px;border:2px solid #333;text-align:center;cursor:pointer;position:relative;box-sizing:border-box;overflow:hidden;}
.button-4 a{font-size:14px;letter-spacing: 1px;  text-transform: uppercase;font-weight: bold;color:#333;text-decoration:none;line-height:47px;transition:all .5s ease;z-index:2;position:relative;}
.button-4 button{outline: none; background-color: transparent; border:0;  font-size:14px;letter-spacing: 1px;  text-transform: uppercase;font-weight: bold;color:#333;text-decoration:none;line-height:47px;transition:all .5s ease;z-index:2;position:relative;}
.send_message {cursor: pointer; outline: none; background-color: transparent; border:0;  font-size:14px;letter-spacing: 1px;  text-transform: uppercase;font-weight: bold;color:#333;text-decoration:none;line-height:47px;transition:all .5s ease;z-index:2;position:relative;}
.eff-4{width:180px;height:50px;left:-180px;background:#34495e;position:absolute;transition:all .5s ease;z-index:1;}
.button-4:hover .eff-4{left:0;}
.button-4:hover a{color:#fff;}
.button-4:hover button {color:#fff; }
.button-4:hover .send_message {color:#fff; }
.button-5 {font-size:14px;letter-spacing: 1px;  text-transform: uppercase;font-weight: bold;color:#333;text-decoration:none; line-height: 30px; border-bottom: 2px #333 solid; display: inline-block; }

.mobile-view {display: none;}
.line-link:after {height: 40px;background-color: #111; width: 2px; position: absolute; bottom: -60px; content: ''; position: absolute; left:95px; }
.slide-animation { z-index: 0;-webkit-transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.15s, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.15s;transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.15s, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.15s;-webkit-transition: translateY(80px);transform: translateY(80px);}
.slide-ani {opacity: 0; z-index: 0;-webkit-transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.15s, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.15s;transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.15s, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.15s;-webkit-transition: translateY(80px);transform: translateY(80px);}
.owl-item.active .slide-ani  {opacity: 1;    -webkit-transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.15s, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.15s;    transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.15s, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.15s;    -webkit-transition: translateY(0px);    transform: translateY(0px);}
.has-transition {-webkit-transition: all .5s ease;transition: all .5s ease;}
.has-animation {opacity: 0;-webkit-transition:  transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.15s, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.15s;transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.15s, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.15s; -webkit-transition:translateY(80px);transform: translateY(80px);}
.has-animation.animate-in {opacity: 1;-webkit-transition:translateY(0px);transform: translateY(0px);}

.has-pagepill-animation {-webkit-transition: all .5s ease;transition: all .5s ease; opacity: 0; transition-delay: 0.3s;      -webkit-transition:translateY(80px);transform: translateY(80px); }
.has-pagepill-animation.delay-2 {transition-delay: 0.4s;}
.has-pagepill-animation.delay-3 {transition-delay: 0.5s;}
.section.active .has-pagepill-animation {opacity: 1;-webkit-transition:translateY(0px);transform: translateY(0px); }

.menu-click {display: none;  position: relative; width: 26px; height: 18px; margin-top: 12px; margin-right: 5px; }
.menu-click span {position: absolute; background-color: #111; right: 0; height: 2px; width: 22px; display: inline-block;      transition: all 0.3s;}
.menu-click span:nth-child(1) {top:0 ;}
.menu-click span:nth-child(2) {top:46%;      }
.menu-click span:nth-child(3) {top:auto; bottom: 0;  }
.menu-click.open span:nth-child(1) {    -webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: 10px; }
.menu-click.open span:nth-child(2) {    opacity: 0; }
.menu-click.open span:nth-child(3) {    -webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 10px; }
.col-xs-6 {width: 50%; float: left; }
.menu-click.text-white span {background-color: #fff; }


.scroll-downs {position: absolute;bottom: 22%;left: 50%;margin-left: -8px; width :25px;height: 40px;}
.mousey {width: 3px;padding: 10px 12px;height: 20px;border: 2px solid #fff;border-radius: 25px;opacity: 0.75;box-sizing: content-box;}
.scroller {width: 3px;height: 10px;border-radius: 25%;background-color: #fff;animation-name: scroll;animation-duration: 2.2s;animation-timing-function: cubic-bezier(.15,.41,.69,.94);animation-iteration-count: infinite;}
@keyframes scroll {0% { opacity: 0; }10% { transform: translateY(0); opacity: 1; }100% { transform: translateY(15px); opacity: 0;}}

.cursor-crosshair {cursor: crosshair;}
.posttext-stroke {   text-stroke: 1px #000;    -webkit-text-stroke: 1px #000; -webkit-text-fill-color: transparent; font-weight: 500; font-size: 30px; line-height:48px; display: inline-block; position: relative; }
.posttext-stroke:after { -webkit-text-fill-color: #333;   position: absolute;    top: 0;    left: 0;    font-size: 30px; content: attr(data-title); clip-path: inset(0 0 0 0);-webkit-clip-path: inset(0 0 0 0);-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.posttext-stroke:hover:after {clip-path: inset(0 0 0 100%);    -webkit-clip-path: inset(0 0 0 100%); -webkit-text-fill-color: #333; }
.dots {position: relative; }
.dots:before {content: ''; width: 3px; height: 3px; background-color: #eee; border-radius: 100%; position: absolute; top:20px; right: 20px; display: inline-block !important; } 
.boright {border-right: 1px #eeee solid;}
.bobottom{border-bottom: 1px #eeee solid;}
.bttn-1 {line-height: 50px; display: inline-block; letter-spacing: 2px; text-transform: uppercase; font-size: 11px; text-align: center; min-width: 150px; font-weight: 500; }
.bttn-1 {line-height: 50px; display: inline-block; letter-spacing: 2px; text-transform: uppercase; font-size: 11px; text-align: center; min-width: 150px; font-weight: 500; }
.bttn-2 { line-height: 60px;  display: inline-block; font-size: 12px; }
.bttn-3 {   display: inline-block; font-size: 12px; border-bottom: 1px #333 solid;}
.play-bttn-animation img {background-color: rgba(255, 255, 255, 0.2);border-radius: 50% !important;    animation: videobtn 1.9s linear infinite;}     

.letspace-1 {letter-spacing: 1px !important; }
.letspace-0 {letter-spacing: 0px !important; }


 /*VIDEO SETTING*/
.video-bg:after {width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); content: ''; position: absolute; top:0; left:0; }
.video-icon {display: block;}
.video-icon img {width: 100%;}
.video-icon:after {position: absolute;  font-family: 'themify'; content: "\e6ad"; font-size: 40px; color: #fff; border:3px #fff solid; border-radius: 100%; height: 70px; width: 70px; top:50%; left:50%;  z-index: 2;  margin-left: -30px; margin-top: -30px;  line-height: 60px; text-align: center;  }
.video-icon2:after {position: absolute; width: 90px; height: 90px; top:50%; left:50%;  z-index: 2; background-image: url(../images/icon76.png); content: ''; background-size: cover; margin-left: -45px; margin-top: -45px;  }
.video-icon3:after {position: absolute; width: 90px; height: 90px; top:50%; left:50%;  z-index: 2; background-image: url(../images/icon76a.png); content: ''; background-size: cover; margin-left: -45px; margin-top: -45px;  }
.video-icon3 {border-radius: 10px; overflow: hidden; display: block;}
.video-icon2:after {position: absolute; width: 90px; height: 90px; top:50%; left:50%;  z-index: 2; background-image: url(../images/icon76.png); content: ''; background-size: cover; margin-left: -45px; margin-top: -45px;  }
.video-icon4 img {width: 80px; }
.video-icon4 span {font-size: 12px !important; letter-spacing: 3px !important; display: inline-block !important; margin-left: 20px; }
.video-icon5:after {position: absolute; width: 90px; height: 90px; top:50%; left:50%;  z-index: 2; background-image: url(../images/icon-play2.png); content: ''; background-size: cover; margin-left: -45px; margin-top: -45px;  margin-bottom: 30px;background-color: rgba(255, 255, 255, 0.2);border-radius: 50% !important;animation: videobtn 1.9s linear infinite;}
.video-wrapper h4 {font-size: 20px; line-height: 38px;  font-weight: 400;  }
.video-wrapper.style1 {padding: 100px 50px 0 100px; }
.video-wrapper.style2:after { width: 100%; position: absolute; top:250px; content: ''; height: 90%; z-index: 1; }

/*BACKGROUND COLOR AND TEXT COLOR*/
.bg-gradiant1 {background: #333333; background: -webkit-linear-gradient(to right, #333333, #333333); background: linear-gradient(to right, #333333, #333333); }
.bg-gradiant2 {background: #FF4E50; background: -webkit-linear-gradient(to right, #F9D423, #FF4E50);  background: linear-gradient(to right, #F9D423, #FF4E50);}
.bg-gradiant3 {background: #e43a15; background: -webkit-linear-gradient(to right, #e65245, #e43a15);  background: linear-gradient(to right, #e65245, #e43a15); }
.bg-gradiant4 { background:#f97221;  background:linear-gradient(to right, #f97221 0%, #f9be4f 100%);}

.bg-left-to-right {position: absolute; top:0; ;left:0; width: 0%; height: 100%;  opacity: 1 !important;  -webkit-transition: translateY(0px) !important;    transform: translateY(0px) !important; -webkit-transition: all .5s ease !important;    transition: all .5s ease !important;}
.bg-left-to-right.animate-in {width: 90%;}
.bg-lightblue4 {background-color: #f7f7fd;}
.bg-lightblue3 {background-color: #f3faff;}
.bg-redlight {background-color: #ce2542 !important;}
.bg-redlight2 {background-color: #ed145b !important;}
.bg-navyblue2 {background-color: #ecfcfc;}
.bg-navyblue {background-color: #d5fdfc;}
.bg-yellow3 {background-color: #fff568 ;}
.bg-yellow2 {background-color: #fcdb72 ;}
.bg-yellow {background-color: #ffa903 !important;}
.bg-blue4 {background-color: #005cef ;}
.bg-choco3 {background-color: #fbccb8 !important;}
.bg-choco2 {background-color: #fbf0eb !important;}
.bg-choco {background-color: #fdf7e9 !important;}
.bg-lightblack {background-color: #0f0f0f ;}
.bg-grey {background-color: #333 !important;}
.bg-gerywhite {background-color: #f2f2f2;}
.bg-gerywhite2 {background-color: #f5f5f5;}
.bg-white {background-color: #fff !important;}
.bg-lightblue {background-color: #f4f8fb !important; }
.bg-bluelight {background-color: #f4f7fc ;}
.bg-bluegrean {background-color: #f5f5fd; }
.bg-deepblue2 {background-color: #fff; }
.bg-orangelight {background-color: #f8be9b; }
.bg-brown {background-color: #e5951a !important; }
.bg-brown2 {background-color: #bb946a; }
.bg-brown3 {background-color: #faf9f6; }
.bg-brown4 {background-color: #4d3932; }
.bg-brown5 {background-color: #f0ebe5; }
.bg-bluelight2 {background-color: #e1f1f8 ;}
.bg-deepblue {background-color: #2ca4e5 !important;}
.bg-green {background-color: #669900;}
.bg-green2 {background-color: #32ea92 !important;}
.bg-green3 {background-color: #40d03b !important;}
.bg-blue2 { background-color: #4872fa; }
.bg-lightblue2 { background-color: #f4f9ff; }
.bg-deepblue3 { background-color: #352287 !important; }
.bg-deepblue4 { background-color: #150e92 !important; }
.bg-lightgrey2 {background-color: #faf8f9; }
.bg-lightgrey3 {background-color: #f7f7f7; }
.bg-lightgrey4 {background-color: #1a181b; }
.bg-lightgreen {background-color: #eaf1f4; }
.bg-bluedeep {background-color: #3e4858 ;}
.bg-blue {background-color: #0120f5; }
.bg-blueviolet {background-color: #031e23; }
.bg-lightgrey {background-color: #222;}
.bg-darkgrey {background-color: #333;}
.bg-black {background-color: #000 !important;}
.bg-midnightblue {background-color: #0063ff !important; }
.bg-orange {background-color: #fe8f01 !important;}
.bg-orange2 {background-color: #ed511e !important;}
.text-blue {color: #0120f5 !important; }
.text-orange {color: #ff9000 !important; }
.text-brown {color: #e5951a; }
.text-brown3 {color: #ca571a !important; }
.text-grey {color: #333 !important; }
.text-grey2 {color: #ddd !important; }
.text-grey3 {color: #999 !important; }
.text-brown2 {color: #bb946a !important; }
.text-deepblue {color: #2ca4e5 ;}
.text-green {color: #669900 ;}
.text-green2 {color: #32ea92 !important;}
.text-deepblue4 { color: #150e92 !important; }
.text-blue4 {color: #005cef ;}
.text-redlight {color: #ce2542 !important;}
.text-red {color: #ef0000 !important;}

.parallex-image1 {position: absolute; top:-200px; right:0; width: 270px; z-index: 2; }
.parallex-image2 {position: absolute; bottom:-100px; left:0; width: 270px; z-index: 2; }
.parallex-image3 {width: 30%; position: absolute; top:20%; left:-30px; }
.parallex-image4 {position: absolute; top:10%; left:10%;  }
.parallex-image5 {position: absolute; top:10%; right:10%;  }
.parallex-image6 {position: absolute; top: 4%;    left: 16%;}
.parallex-image7 {position: absolute; top: -4%;    left: 50%; margin-left: -50px; }
.parallex-image8 {position: absolute; top: 55%;    left:8%;  }
.parallex-image9 {position: absolute !important; top: 100px;    right:0%;  }
.parallex-image10 {position: absolute !important; top:0; left:0; width: 100%; z-index: 5; }
.parallex-image11 {height: 530px; width: 2100px; display: inline-block; position: absolute; background-size: contain; left:20%; background-repeat: no-repeat;}
.parallex-image12 {position: absolute !important; top: 0px;    right:0%;  }
.parallex-image13 {position: absolute;top: -450px;left: -10%;width: 100px; height: 100px; border-radius: 100%; background-color: #fe5500;}
.parallex-image14 {position: absolute;bottom: 32px;left: -143px; }
.parallex-image15 {position: absolute; top:0px; left:0; z-index:1; }
.parallex-image16 {position: absolute; top:30%; left:5%;  }
.parallex-image17 {position: absolute; top:0px; right:20px;  z-index:1; }
.parallex-image18 {position: absolute; top:0px; right:0px;  width: 33%; }
.parallex-image-slider{padding-bottom: 530px; padding-top: 100px;  }
.bg-image-parallex {width: 100%; position: absolute; top:-250px; left:0; height: 150%;   background-size: cover;}
.bg-image-parallex2 {width: 100%; position: absolute; bottom:0; left:0; height: 1000px;   background-size: cover;}


/*BOX SHADOW*/
.box-shadow {box-shadow: 0 16px 50px rgba(0,0,0,.07) !important; }
.box-shadow2 {box-shadow: 0 10px 40px rgba(0,0,0,.3);}
.box-shadow3 {box-shadow: 0 5px 20px rgba(0,0,0,.04) !important; }
.box-shadow4 {box-shadow: 0px 8px 32px 0px rgba(0,0,0,.1); }


.bsize50 {background-size: 50%;}
.bg-no-repeat {background-repeat: no-repeat; }
.bg-center-center {background-position: center center; }
.bg-right-top {background-position: top right; }
.bg-top-left {background-position: top left;}
.bg-bottom-center {background-position: bottom center; }
.bg-top-center {background-position: top -10px center; }
.bg-cover {background-size: cover; }
.bg-contain {background-size: contain; }


.w60 {width: 60px; }
b,.bold {font-weight: 700 !important}
p {color: #111;font-size: 16px;font-weight: 400;line-height: 32px;margin-bottom: 0;}
li {font-size: 13px;font-weight: 400;line-height: 30px;}
.display-md {display: none;} 
.bg-image {background-size: cover; background-position: center center;}
.img-full {width: 100%; }
.section-full .container-fluid {padding: 0; }
.window-height {height:100vh;}
.section-full er-fluid {padding: 1; }
.divider-line {position: relative;}
.divider-line:after { background-color: #aaa; content: ''; position: absolute; bottom: 0; left:0; width: 100%; display: inline-block; height: 2px; }

.overlay-section {z-index: 3; background-color: rgba(0,0,0,0.9); visibility: hidden; opacity: 0; position: fixed; top:0;  left:0; width: 100%; height: 100%; -webkit-transition: all .3s;    -moz-transition: all .3s;    -o-transition: all .3s;    transition: all .3s;}
.overlay-section.active {  opacity: 1; visibility: visible; }
.menu-overlay {width: 300px; height: 100%; left:-100%;  position: fixed;  top:0; background-color: #fff; z-index: 3; -webkit-transition: all .3s;    -moz-transition: all .3s;    -o-transition: all .3s;    transition: all .3s;}
.menu-overlay.active {left:100px;}
.side-click {display: inline-block; float: right; position: relative; width: 30px; height: 20px; margin-top: 12px; margin-right: 10px; }
.side-click.text-white span {background-color: #fff; }
.side-click span {position: absolute; background-color: #fff; right: 0; height: 1px; width: 22px; display: inline-block;      transition: all 0.3s; z-index: 2; }
.side-click span:nth-child(1) {top:0px;}
.side-click span:nth-child(2) {top:10px;     width: 14px;  }
.side-click span:nth-child(3) {top:auto; top: 20px; width: 23px; }
.side-click.open span:nth-child(1) {    -webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: 10px; }
.side-click.open span:nth-child(2) {    opacity: 0; }
.side-click.open span:nth-child(3) {    -webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 10px; }


.open-nav {display: block;height: 30px; float: right;position: relative;z-index: 4;margin-left: 20px;}
.open-nav .hamburger {display: inline-block;width: 22px;height: 2px;background-color: #fff;position: relative;top: -3px;transition: background 0.4s ease;}
.open-nav .hamburger:before,
.open-nav .hamburger:after {content: '';width: 100%;height: 100%;position: absolute;background-color: #fff;right: 0;-webkit-transform: translateZ(0);-moz-transform: translateZ(0);-ms-transform: translateZ(0);-o-transform: translateZ(0);transform: translateZ(0);-webkit-backface-visibility: hidden;backface-visibility: hidden;transition: transform 0.4s, background 0.4s ease, right .2s ease;-webkit-transition: -webkit-transform 0.4s ease, background 0.4s, right .2s ease;-moz-transition: -moz-transform 0.4s, background 0.4s ease, right .2s ease;-o-transition: -o-transform 0.4s, background 0.4s ease, right .2s ease;-ms-transition: -ms-transform 0.4s, background 0.4s ease, right .2s ease;}.open-nav .hamburger:before {right: 2px; -webkit-transform: translateY(-6px) rotate(0deg);-moz-transform: translateY(-6px) rotate(0deg);-ms-transform: translateY(-6px) rotate(0deg);-o-transform: translateY(-6px) rotate(0deg);transform: translateY(-6px) rotate(0deg);}.open-nav .hamburger:after {right: 5px; -webkit-transform: translateY(6px) rotate(0deg);-moz-transform: translateY(6px) rotate(0deg);-ms-transform: translateY(6px) rotate(0deg);-o-transform: translateY(6px) rotate(0deg);transform: translateY(6px) rotate(0deg);}
.open-nav:hover .hamburger:before,
.open-nav:hover .hamburger:after { right: 0px;}
.open-nav .text {width: 65px;text-align: right;display: inline-block;font-weight: 500;font-size: 13px;line-height: 30px;text-transform: uppercase;color: #fff;letter-spacing: 1px;transition: width 0.4s ease, opacity 0.2s ease 0.3s, color 0s;}
.nav-is-open .open-nav .text {opacity: 0; width: 0; color: transparent;}
.nav-is-open .open-nav .hamburger:before{width: 70%;    right: 6px;    -webkit-transform: translateY(0) rotate(45deg);    -moz-transform: translateY(0) rotate(45deg);    -ms-transform: translateY(0) rotate(45deg);    -o-transform: translateY(0) rotate(45deg);    transform: translateY(0) rotate(45deg); }
.nav-is-open .open-nav .hamburger:after {width: 70%;    left: 0px;    -webkit-transform: translateY(0) rotate(-45deg);    -moz-transform: translateY(0) rotate(-45deg);    -ms-transform: translateY(0) rotate(-45deg);    -o-transform: translateY(0) rotate(-45deg);    transform: translateY(0) rotate(-45deg); }
.nav-is-open .open-nav .hamburger {background-color: transparent;}
.slide-nav {visibility: hidden;}
.nav-is-open .slide-nav {visibility: visible;}

.grid-bg {display: block;position: absolute;top: 0;left: 0;z-index: -1;width: 100%;height: 100%;margin: 0;}
.grid-bg > div {border-right: 1px solid #edf5f8;height: 100%; float: left; }
 
.left-side-wrapper {position: fixed; width: 50%; }
.right-side-wrapper {position: relative; width: 50%; float: right; }

.page-box-left {width: 15px; height: 100%; position: fixed; top:0; left: 0; z-index: 10; background-color: #fff;}
.page-box-right {width: 15px; height: 100%; position: fixed; top:0; right: 0; z-index: 10; background-color: #fff;}
.page-box-top {width:100%; height:15px ; position: fixed; top:0; left: 0; z-index: 10; background-color: #fff;}
.page-box-bottom {width:100% ; height:15px ; position: fixed; bottom:0; left: 0; z-index: 10; background-color: #fff;}

.style2 .page-box-left {width: 80px; background-color: #f5f5f5 }
.style2 .page-box-right {width: 30px; background-color: #f5f5f5 }


.fullpage-wrapper {height: 100vh;width: 100%;position: relative;top: 0;left: 0;}
.fullpage-wrapper .main-content {position: relative; display: block;  }
.window-height .main-content {height: 100%; }
.fullpage-wrapper .main-wrapper {padding: 0px 100px 0 100px; position: relative; }
.fullpage-wrapper .top-wrapper { display: none; position: absolute; width: 100%;   background-color: #f5f5f5; z-index: 7; border-bottom: 1px #ccc solid; }
.fullpage-wrapper .top-wrapper .logo {padding-top: 10px; padding-bottom: 10px;  padding-left: 0px;}
.fullpage-wrapper .top-wrapper .logo img {width: 45px; }
.fullpage-wrapper .left-side {position: fixed;top: 0;left: 0;width: 50%;height: 100%;padding-left: 80px;}
.fullpage-wrapper .right-side {position: absolute;top: 0;right: 0;width: 50%;padding: 0 25px 25px 25px; background-image: url(../images/bg-11.png); background-position: top -20px center; }
.fullpage-wrapper .hover-blog-content {text-align: center; position: absolute; bottom: 0; left:0; width: 100%; padding: 150px 100px 80px 180px;  background: -webkit-linear-gradient(to top, #000 ,transparent);  background: linear-gradient(to top, #000 ,transparent); }
.fullpage-wrapper .hover-blog-image,
.fullpage-wrapper #hoverImage {background-size: cover; background-position: center center; height: 100%;  transition: background-image 0.5s;}

.fullpage-wrapper .hover-blog-content .entry-title {font-size: 50px; color: #fff; font-weight: 600; line-height: 70px; letter-spacing: 1px;  font-family: 'Playfair Display', serif;}
.fullpage-wrapper .hover-blog-content .entry-meta {color: #fff; letter-spacing: 0.4px; margin-top: 10px; display: inline-block; font-family: 'Montserrat', sans-serif; font-size: 12px; font-weight: 600; color: #ddd; }
.fullpage-wrapper .hover-blog-content .entry-share-div {display: none;}
.fullpage-wrapper .hover-blog-content .social-text li a {color: #fff; text-transform: uppercase; font-weight: bold; font-size: 11px; letter-spacing: 1px; }
.fullpage-wrapper .hover-blog-content .social-text li a i { display: inline-block; font-size: 18px; position: absolute; top:-60px; left:50%; margin-left: -25px; border-radius: 100%; border:0px #fff solid; width: 45px; height: 45px; text-align: center; line-height: 45px; }
.fullpage-wrapper #postid {display: none;}
.fullpage-wrapper .close-single-blog {width: 45px;height: 45px;border-radius: 100%;border: 1px #333 solid;line-height: 45px;display: inline-block;text-align: center;position: absolute;top: 30px;right: 0px;}
.social-text .list-inline-item:not(:last-child) {margin-right: 25px;}
.fullpage-wrapper .next-article {margin-top: 50px;margin-bottom: 20px;padding: 30px 120px 40px;}
.fullpage-wrapper .center-side {padding-left: 300px;padding-right: 80px;padding-bottom: 15px; padding-top: 15px; }

.open-nav {display: block;height: 30px; float: right;position: relative;z-index: 4;margin-left: 20px;}
.open-nav .hamburger {display: inline-block;width: 22px;height: 2px;background-color: #fff;position: relative;top: -3px;transition: background 0.4s ease;}
.open-nav .hamburger:before,
.open-nav .hamburger:after {content: '';width: 100%;height: 100%;position: absolute;background-color: #fff;right: 0;-webkit-transform: translateZ(0);-moz-transform: translateZ(0);-ms-transform: translateZ(0);-o-transform: translateZ(0);transform: translateZ(0);-webkit-backface-visibility: hidden;backface-visibility: hidden;transition: transform 0.4s, background 0.4s ease, right .2s ease;-webkit-transition: -webkit-transform 0.4s ease, background 0.4s, right .2s ease;-moz-transition: -moz-transform 0.4s, background 0.4s ease, right .2s ease;-o-transition: -o-transform 0.4s, background 0.4s ease, right .2s ease;-ms-transition: -ms-transform 0.4s, background 0.4s ease, right .2s ease;}.open-nav .hamburger:before {right: 2px; -webkit-transform: translateY(-6px) rotate(0deg);-moz-transform: translateY(-6px) rotate(0deg);-ms-transform: translateY(-6px) rotate(0deg);-o-transform: translateY(-6px) rotate(0deg);transform: translateY(-6px) rotate(0deg);}.open-nav .hamburger:after {right: 5px; -webkit-transform: translateY(6px) rotate(0deg);-moz-transform: translateY(6px) rotate(0deg);-ms-transform: translateY(6px) rotate(0deg);-o-transform: translateY(6px) rotate(0deg);transform: translateY(6px) rotate(0deg);}
.open-nav:hover .hamburger:before,
.open-nav:hover .hamburger:after { right: 0px;}
.open-nav .text {width: 65px;text-align: right;display: inline-block;font-weight: 500;font-size: 13px;line-height: 30px;text-transform: uppercase;color: #fff;letter-spacing: 1px;transition: width 0.4s ease, opacity 0.2s ease 0.3s, color 0s;}
.nav-is-open .open-nav .text {opacity: 0; width: 0; color: transparent;}
.nav-is-open .open-nav .hamburger:before{width: 70%;    right: 6px;    -webkit-transform: translateY(0) rotate(45deg);    -moz-transform: translateY(0) rotate(45deg);    -ms-transform: translateY(0) rotate(45deg);    -o-transform: translateY(0) rotate(45deg);    transform: translateY(0) rotate(45deg); }
.nav-is-open .open-nav .hamburger:after {width: 70%;    left: 0px;    -webkit-transform: translateY(0) rotate(-45deg);    -moz-transform: translateY(0) rotate(-45deg);    -ms-transform: translateY(0) rotate(-45deg);    -o-transform: translateY(0) rotate(-45deg);    transform: translateY(0) rotate(-45deg); }
.nav-is-open .open-nav .hamburger {background-color: transparent;}
.slide-nav {visibility: hidden;}
.nav-is-open .slide-nav {visibility: visible;}

.left-wrapper {z-index: 11; left:0; width: 80px;height: 100%;position: fixed;background-color: transparent;padding: 0; }
.left-wrapper .logo {  display: block; text-align: center; left: 360px; margin-right: 20px; width: 100px;}
.left-wrapper .side-click {bottom: 5%; position: absolute; padding-left: 0px; margin-left: 0;   left:25px; }
.left-wrapper .side-click:after {background-color: transparent; }
.left-wrapper .side-click span {background-color: #999; height: 2px; width: 100%; }
.side-click.style2 {position: absolute; padding-left: 0px; margin-left: 0; margin-top: 0;     }
.side-click.style2:after {background-color: transparent; }
.side-click.style2 span {background-color: #333; height: 2px; width: 100%; }
.side-click.style2.text-white span {background-color: #fff; }
.side-click.style3 {position: relative;margin-top: 6px;}

.left-wrapper .mnw-bar {font-size: 14px; font-weight: 600;  width: auto;   letter-spacing: 4px; color: #222; text-transform: uppercase;  position: relative;  margin-left: 35px; top:-40px; position: relative; }
.left-wrapper .mnw-bar img {width: 10px; opacity: 0.8; top:0; }
.left-wrapper.style1 .logo {left:10px; padding-top:30px; width: auto; }
.left-wrapper.style1 .mnw-bar {top:50%; margin-top: -100px; }

.left-wrapper.style2 {width: 300px;}
.left-wrapper.style2 .logo {left: auto; text-align: center; width: auto; border-bottom: 1px #eee solid; margin-right: 0;}
.left-wrapper.style2 .menu-nav {padding-top: 100px;}
.left-wrapper.style2 .menu-nav li a {font-size: 13px; line-height: 45px; text-transform: uppercase; font-weight: 400; letter-spacing:0.5px; font-weight: 500;  font-family: 'Montserrat', sans-serif;}
.left-wrapper.style2 .copyright-text {width: 100%;    padding-bottom: 30px;    text-align: center;    position: absolute;    bottom: 0;    z-index: 3; }

.left-wrapper.style3 {width: 300px; padding: 30px; }
.left-wrapper.style3 .logo {left: auto; position: relative; text-align: center; width: auto;  margin-right: 0; display: inline-block;}
.left-wrapper.style3 .copyright-text {width: 100%;  padding-bottom: 30px;    text-align: center;    position: absolute;    bottom: 0;    z-index: 3; left: 0; }
.left-wrapper.style3 .menu-nav li a {font-size: 15px; line-height: 45px;   font-weight: 400; letter-spacing:0.4px;  font-family: 'Montserrat', sans-serif;}
.left-wrapper.style3 .menu-nav {position: relative; top:35%;}


.top-wrapper .open-nav .hamburger:before,
.left-wrapper .open-nav .hamburger:before {-webkit-transform: translateY(-8px) rotate(0deg);  -moz-transform: translateY(-8px) rotate(0deg);  -ms-transform: translateY(-8px) rotate(0deg);  -o-transform: translateY(-8px) rotate(0deg);  transform: translateY(-8px) rotate(0deg);}
.top-wrapper .open-nav .hamburger:after,
.left-wrapper .open-nav .hamburger:after {  -webkit-transform: translateY(8px) rotate(0deg);-moz-transform: translateY(8px) rotate(0deg);-ms-transform: translateY(8px) rotate(0deg);-o-transform: translateY(8px) rotate(0deg);transform: translateY(8px) rotate(0deg); }
.left-wrapper .search-icon {background-image: url(../images/search-icon.png); width: 25px; height: 25px; background-size: cover; display: inline-block; position: absolute; bottom: 25px; left:35px; }
.right-wrapper .social-content {top: -110px; position: absolute;right: 0;white-space: nowrap;display: inline-block;line-height: 80px;-webkit-transform: rotate(-90deg);transform: rotate(-90deg);-webkit-transform-origin: left top;transform-origin: right bottom;overflow: auto;max-width: calc(100vh - 200px);}
.right-wrapper .social-content a {margin-right: 50px; font-size: 12px; font-weight: 600; color: #999;}
.right-wrapper {z-index: 2;right:0; width: 80px;height: 100%;position: fixed;background-color: #fff;padding: 0; border-left: 1px solid #eee; top:0;}
.right-wrapper .side-content {bottom: -65px; position: absolute;left: 0;white-space: nowrap;display: inline-block;line-height: 100px;-webkit-transform: rotate(-90deg);transform: rotate(-90deg);-webkit-transform-origin: left top;transform-origin: left top;overflow: auto;max-width: calc(100vh - 200px);}
.right-wrapper .side-content p {line-height: 80px;  margin-right: 50px; font-size: 11px; font-weight: 400; color: #222; letter-spacing: 0.5px; }


.hero-full {height: 100vh;}
.hero-full-large {height: 113vh;}
.zi2 {z-index: 2; }
.pos-top {z-index: 2; position: relative;}
.pos-ini {position: inherit;}
.pos-rel {  position: relative !important; }
.top-div {padding:50px 100px ; background-color: #fff; position: relative; top:-100px;}
.pos-top-150 {   position: relative; top:-150px; z-index: 2; }


/*-----------------------------------------------------------
    2. SEARCH WRAPPER 
-------------------------------------------------------------*/
.search-section {position: fixed; top:0; left: 0; width: 100%; height: 100%; z-index: 100; background-color: rgba(255,255,255,0.97); display: none;}
.close-search {position: absolute; top:20px;right: 20px; z-index: 101;  }
.search-section .centered { position: absolute; width:900px ;top: 50%;left: 50%;margin-top: -35px;margin-left: -450px; }
.search-section .centered form {width: 100%; }
.search-section .centered form input {color: #333; font-weight: 300; font-size: 30px;   width: 85%; float: left; border:0;  border-bottom: 1px #aaa solid; height: 70px; background-color: transparent; line-height: 70px;   }
.search-section .centered form button {line-height: 70px; font-size: 30px; font-weight: 300;  cursor: pointer; width: 15%; font: 30px; text-align: right; display: inline-block; height: 70px;  border:0;  border-bottom: 1px #aaa solid; float: right; background-color: transparent; }

.search-section.style2 {background-color: rgba(0,0,0,0.95); position: fixed; top:0; left:0; width: 100%; height: 100%; z-index: 6; visibility: hidden; opacity: 0;     display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.search-section.style2.active {visibility: visible; opacity: 1;  }
.search-section.style2 .search-form { width: 100%; float: left; position: relative; }
.search-section.style2 .search-form input {line-height: 120px; height: 120px; display: inline-block; outline: none; border:0; background-color: transparent; font-size: 80px; color: #fff; width: 100%; }
.search-section.style2 .search-form input::-webkit-input-placeholder {color: #fff;}
.search-section.style2 .search-form input:-ms-input-placeholder {color: #fff;}
.search-section.style2 .search-form input::-ms-input-placeholder {color: #fff;}
.search-section.style2 .search-form input::placeholder {color: #fff;}
.search-section.style2 .search-form span {font-size: 14px; letter-spacing: 0.4px;  color: #aaa;}
.search-section.style2 .close-icon {position: absolute; top:30px; right: 30px; width: 40px; height: 40px; display: inline-block; background-image: url(../images/close-icon-white.png); background-size: contain; }

.checkout-box {padding: 0px; background-color: #fff; min-height: 170px; position: absolute; top:-85px; z-index: 2;  box-shadow: 2px 16px 70px rgba(0,0,0,0.2); }
.checkout-box .bttn-book {display: block; height: 170px; line-height: 24px; font-size: 14px; letter-spacing: 4px; padding: 0 30px;  vertical-align: middle; display: inline-block; padding-top: 55px;  }
.checkout-box .div-content {position: absolute;top: 50%;left: 00%;margin-left: 0px;width: 100%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%); }
.checkout-box h4 {font-weight: 600; line-height: 1.4; font-size: 20px;}
.checkout-box .date-col {width: 100px; margin:0 auto;}
.checkout-box .date-col label { line-height: 24px; font-size: 13px; letter-spacing: 2px; text-transform: uppercase; font-weight: 500; }
.checkout-box .date-col input {height: 80px; width: 70px;  line-height: 80px; display: inline-block; outline: none; border: 0; font-size: 70px; }
.checkout-box .date-col input::-webkit-input-placeholder {color: #111;     font-family: 'Cardo', serif !important;  font-weight: 600; font-size: 70px;}
.checkout-box .date-col input:-ms-input-placeholder {color: #111;     font-family: 'Cardo', serif !important;  font-weight: 600; font-size: 70px;}
.checkout-box .date-col input::-ms-input-placeholder {color: #111;     font-family: 'Cardo', serif !important;  font-weight: 600; font-size: 70px;}
.checkout-box .date-col input::placeholder {color: #111;     font-family: 'Cardo', serif !important;  font-weight: 600; font-size: 70px;}
.checkout-box .date-col .date_div_right {position: absolute; line-height: 24px; font-size: 13px; letter-spacing: 2px; text-transform: uppercase; font-weight: 500; top: 45%;    right: 13px;}


/*-----------------------------------------------------------
    3. Page Loader 
-------------------------------------------------------------*/
.loader-wrapper,
.pipe-loader-wrapper { position: fixed; z-index: 1990; top: 0; left: 0; overflow: hidden; width: 100%; height: 100%; text-align: center; background-color: #fff;  }
.preload-wrapper,
.pipe-proload-wrapper {    background-color: #fff;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;width: 100%;height: 100vh;z-index: 999999;position: fixed;}
.pipe-proload-wrapper .spinner {-webkit-animation: anim1 2s linear infinite; animation: anim1 2s linear infinite;     z-index: 2;    position: relative;    width: 50px;    height: 50px;}
.pipe-proload-wrapper .spinner .path {stroke: #000;background-color: #000;stroke-linecap: round;-webkit-animation: dash 1.5s ease-in-out infinite;animation: dash 1.5s ease-in-out infinite; }
.pipe-preloader {position: fixed;z-index: 2;top: 0;left: 0;overflow: hidden;width: 0;height: 100%;-webkit-transition: width .6s ease;transition: width .6s ease;background-color: black;-webkit-backface-visibility: hidden;        backface-visibility: hidden;}
.pipe-preloader-wrapper {position: fixed;z-index: 1999;top: 0;left: 0;overflow: hidden;width: 100%;height: 100%;text-align: center;}
.pipe-preloader-wrapper > span {font-weight: bold;position: fixed;z-index: 2;top: 50%;left: 50%;width: 100%;-webkit-transform: translate(-50%, -50%);        transform: translate(-50%, -50%);color: black;}
.pipe-preloader > span {font-weight: bold;position: absolute;z-index: 1;top: 50%;left: 0;width: 100%;-webkit-transform: translateY(-50%);        transform: translateY(-50%);color: white;}
.pipe-preloader.full-preloader {width: 100%;}
.pipe-preloader.pipe-preloader-loaded {right: 0;left: auto;width: 0;}
.pipe-preloader.pipe-preloader-loaded > span {right: 0;left: auto;}
.pipe-preloader .pipe-dot {background-color: white;}
.pipe-dot {position: relative;display: inline-block;width: 8px;height: 8px;margin: 0 2px;border: 1px solid transparent;border-radius: 50%;background-color: black;}
.pipe-dot.start-animation:nth-child(1) {-webkit-animation-delay: 0s;}
.pipe-dot.start-animation:nth-child(2) {-webkit-animation-delay: 0.3s;}
.pipe-dot.start-animation:nth-child(3) {-webkit-animation-delay: 0.6s;}
.pipe-dot.start-animation {-webkit-animation-name: dot-move;        animation-name: dot-move;-webkit-animation-duration: .8s;        animation-duration: .8s;-webkit-animation-delay: 0s;        animation-delay: 0s;-webkit-animation-iteration-count: infinite;        animation-iteration-count: infinite;-webkit-animation-fill-mode: forwards;          animation-fill-mode: forwards;}
.loader-counter {font-size: 40px; color: #333;  position: fixed; top:50%; left:50%; margin-left: -60px; margin-top: -30px; }
.pipe-dot.start-animation {-webkit-animation-name: dot-move;        animation-name: dot-move;-webkit-animation-duration: .8s;        animation-duration: .8s;-webkit-animation-delay: 0s;        animation-delay: 0s;-webkit-animation-iteration-count: infinite;        animation-iteration-count: infinite;-webkit-animation-fill-mode: forwards;          animation-fill-mode: forwards;}

@-webkit-keyframes dot-move {0%,50%,100% {  -webkit-transform: translateY(0%);          transform: translateY(0%);  -webkit-animation-timing-function: linear;          animation-timing-function: linear;}25% {  -webkit-transform: translateY(-80%);          transform: translateY(-80%);  -webkit-animation-timing-function: linear;          animation-timing-function: linear;}75% {  -webkit-transform: translateY(80%);          transform: translateY(80%);  -webkit-animation-timing-function: linear;          animation-timing-function: linear;}}
@keyframes dot-move {0%,50%,100% {  -webkit-transform: translateY(0%);          transform: translateY(0%);  -webkit-animation-timing-function: linear;          animation-timing-function: linear;}25% {  -webkit-transform: translateY(-80%);          transform: translateY(-80%);  -webkit-animation-timing-function: linear;          animation-timing-function: linear;}75% {  -webkit-transform: translateY(80%);          transform: translateY(80%);  -webkit-animation-timing-function: linear;          animation-timing-function: linear;}}
@-webkit-keyframes project-arrow {0% {  -webkit-transform: translateX(-100%);          transform: translateX(-100%);}100% {  -webkit-transform: translateX(100%);          transform: translateX(100%);} }
@keyframes project-arrow {0% {  -webkit-transform: translateX(-100%);          transform: translateX(-100%);}100% {  -webkit-transform: translateX(100%);          transform: translateX(100%);}}
@-webkit-keyframes anim1 {100% {  -webkit-transform: rotate(360deg);          transform: rotate(360deg); } }
@keyframes anim1 {100% {  -webkit-transform: rotate(360deg);          transform: rotate(360deg); } }
@-webkit-keyframes dash {0% {  stroke-dasharray: 1, 150;  stroke-dashoffset: 0; }50% {  stroke-dasharray: 90, 150;  stroke-dashoffset: -35; }100% {  stroke-dasharray: 90, 150;  stroke-dashoffset: -124; } }
@keyframes dash {0% {  stroke-dasharray: 1, 150;  stroke-dashoffset: 0; }50% {  stroke-dasharray: 90, 150;  stroke-dashoffset: -35; }100% {  stroke-dasharray: 90, 150;  stroke-dashoffset: -124; } }


/*-----------------------------------------------------------
    4. HEADER WRAPPER
-------------------------------------------------------------*/
.logo.w200 img {width: 200px !important; }
.logo.w150 img {width: 150px !important; }
.logo.w120 img {width: 120px !important; margin-top: -10px; }
.logo.w100 img {width: 100px !important; }
.logo.w70 img {width: 70px !important; }
.logo.w85 img {width: 85px !important; }
.logo.w30 img {width: 30px !important; }
.logo.w25 img {width: 25px !important; }
.posa {position: absolute;top: 15px;left: 0;width: 100%;z-index: 5; width: 100%; }
.round-bttn {padding: 12px 40px; outline: none; border: 0; letter-spacing: 1px; border-radius: 20px;  }
.round-bttn2 {min-width: 200px; display: inline-block; text-transform: uppercase; border-radius: 30px; letter-spacing: 2px; font-weight: 500; line-height: 50px; font-size: 12px;   }
.icon-img {display: inline-block; }
.icon-img img {width: 28px; }
.icon-img img.w35 {width: 35px; }
.shop-cart span {width: 20px; height: 20px; border-radius: 20px;  display: inline-block; position: absolute; z-index: 2;  text-align: center; line-height: 19px; font-size: 12px; font-weight: 500; color: #fff;  right:-10px;  }
.shop-cart.round { width: 50px; height: 50px; border-radius: 100%; line-height: 40px; text-align: center;  }
.shop-cart.round img {width: 25px; }
.shop-cart.round span {border:1px #333 solid;  }
.login-bttn {border:1px #fff solid; line-height: 45px; min-width: 150px; font-size: 11px; text-transform: uppercase; text-align: center; color: #fff;  text-transform: uppercase; letter-spacing: 2px; font-weight: 500; margin-top: -5px; }
.login-bttn span {background-color:yellowgreen; width: 10px; height: 10px; border-radius: 10px; margin-right: 15px; display: inline-block; }
.login-bttn:hover {color: #fff;}


.fixed-header {position: fixed; width: 100%;z-index: 1; }

.menu-nav.fmont li a {font-family: 'Montserrat', sans-serif; }
.menu-nav.text-white li a {color: #fff !important;}

.top-header {position: absolute; top:0; width: 100%;left: 0; padding: 5px 0; z-index: 2; }
.top-header p {font-size: 9px; letter-spacing: 2px; }
.top-header .lang {font-size: 10px; letter-spacing: 2px; margin-top: 7px; display: inline-block; padding-left: 10px; }
.top-header [class^="ti-"] {font-size: 12px; padding-right: 10px;  }

.header-wrapper .logo img {width: 70px; }
.header-wrapper .logo-2 img {width: 100px; }
.header-wrapper .menu-nav li {display: inline-block; padding:0 20px;  }
.header-wrapper .menu-nav li a {font-size: 14px; letter-spacing: 1px;  text-transform: uppercase; font-weight: 500; }
.header-wrapper.text-white .menu-nav li a {color: #fff !important;}

.onepage-screen .menu-nav {visibility: hidden; margin-top: 6px; }
.onepage-screen .menu-nav li a {font-weight: 600; color: #fff; font-size: 13px;  letter-spacing: 0.7px; }
.onepage-screen .nav-is-open .menu-nav,.nav-is-open .menu-nav {visibility: visible;}
.onepage-screen .header-wrapper.pos-header {position: absolute;top: 30px;left: 0;width: 100%;z-index: 6;}
.onepage-screen .header-wrapper .logo img {width: 30px; }
.onepage-screen .header-wrapper .side-click {height: 20px; margin-right: 0; }
.side-click:after {width: 38px; height: 38px; background-color: #000; opacity: 0.7;  content: ''; position: absolute; top:-9px; left:-0px; border-radius: 4px; z-index: 1; }

.header-wrapper.style2 {position: absolute;top: 30px;left: 0;width: 100%;z-index: 5;}
.header-wrapper.style2 .logo img {width: 25px; }
.header-wrapper.style2 .menu-nav li a {font-family: 'Montserrat', sans-serif; padding: 5px 0px; color: #555; text-transform: initial; font-size: 13px; letter-spacing: 0.2px;  font-weight: 600; display: inline-block; text-transform: uppercase; }
.header-wrapper.style2 .menu-nav li.active a {color: #111; }
.header-wrapper.style2 .bttn1 {background-color: #333333; color: #fff; font-size: 14px; padding: 0 20px; min-width: 180px; text-align: center; line-height: 50px; display: inline-block; border-radius: 30px;  font-weight: 500; }

 
.header-wrapper.style3 {position: absolute;top: 30px;left: 0;width: 100%;z-index: 5;}
.header-wrapper.style3 .bg-header {background-color: #fff; box-shadow: 20px 20px 24px -6px rgba(0,0,0,0.07); padding: 12px 30px;  border-radius: 40px; }
.header-wrapper.style3 .logo {line-height: 45px; }
.header-wrapper.style3 .logo img {width: 30px; }
.header-wrapper.style3 .menu-nav li a {padding: 10px 5px; color: #555; text-transform: uppercase; font-size: 13px; letter-spacing: 1px;  font-weight: 600; display: inline-block;}
.header-wrapper.style3 .menu-nav li.active a {color: #111; }
.header-wrapper.style3 .bttn1 {background-color: #2b80f5; color: #fff; font-size: 13px; letter-spacing: 0.4px;  padding: 0 20px; min-width: 120px; text-align: center; line-height: 50px; display: inline-block; border-radius: 30px;  font-weight: 500; text-transform: uppercase; letter-spacing: 1px; }

.header-wrapper.style4 {z-index: 2; width: 80px; height: 100%; position: fixed; background-color: #fff; padding: 0; -webkit-box-shadow: 2px 0px 18px 0px rgba(204,204,204,0.2);-moz-box-shadow: 2px 0px 18px 0px rgba(204,204,204,0.2);box-shadow: 2px 0px 18px 0px rgba(204,204,204,0.2);}
.header-wrapper.style4 .menu-div {    position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-52%,-50%);-moz-transform: translate(-52%,-50%);transform: translate(-52%,-50%);transform-origin: 0 0;width: 500px;}
.header-wrapper.style4 .menu-div .menu-nav {-webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); transform: rotate(270deg); }
.header-wrapper.style4 .menu-div .menu-nav li a {font-size: 13px; color: #666; letter-spacing: 1.2px; }
.header-wrapper.style4 .logo-div {width: 100%; text-align: center; padding-top: 25px; position: relative; z-index: 3; }
.header-wrapper.style4 .logo-div a img {width: 25px; }
.header-wrapper.style4 .search-div {width: 100%; padding-bottom: 30px; text-align: center; position: absolute; bottom: 0;   z-index: 3; }
.header-wrapper.style4 .search-icon img {width: 22px;display: inline-block; }
.header-wrapper.style4 #toggle-menu {display: none;}

.header-wrapper.style5 .logo img {max-width: 250px;  width: inherit;}
.header-wrapper.style5 .menu-nav li {display: inline-block; float: none; line-height: 40px; }
.header-wrapper.style5 .menu-nav li a {font-family: 'Lora', serif;  font-size: 16px; color: #111; text-transform: uppercase; font-weight: 600; }
.header-wrapper.style5 {position: relative; z-index: 2; padding-top: 90px; padding-bottom:70px; }
.feature-wrapper,
.recent-post .container,
.header-wrapper.style5 .container {position: relative; z-index: 2;}
.header-wrapper.style5:before {content: ''; position: absolute; z-index: 1; top:15px; left: 1%; width: 98%; height: 693px;  background-image: url(../images/bg-9.png); background-repeat: no-repeat; }

.header-wrapper.style5.half:after {content: ''; position: absolute; z-index: 1; bottom:-20px; left: 1%; width: 98%; height: 37px;     background-image: url(../images/bg-10.png); background-repeat: no-repeat; }
.header-wrapper.style5.half:before {height: 100%; }

.recent-post:before {content: ''; position: absolute; z-index: 1; top:15px; left: 1%; width: 98%; height: 100%; background-color: transparent;    background-image: url(../images/bg-9.png); background-repeat: no-repeat; }
.recent-post:after {content: ''; position: absolute; z-index: 1; bottom:-30px; left: 1%; width: 98%; height: 37px;     background-image: url(../images/bg-10.png); background-repeat: no-repeat; }

.header-wrapper.style5 .sreach-icon {font-size: 16px; color: #111;  text-transform: uppercase; font-weight: 600;   position: relative; top:7px; }
.header-wrapper.style5 .sreach-icon i {padding-left: 3px;   display: inline-block; width: 40px;  height: 40px;  line-height: 40px;  border-radius: 100%; background-color: #e5e5e5; text-align: center; left:-3px; position: relative;   }

.header-wrapper.style5 .social-icons {  margin-bottom: 30px; }
.header-wrapper.style5 .social-icons li a {background-color: transparent; width: auto; }
.header-wrapper.style5 .social-icons li:not(:last-child) {margin-right: 25px;}
.header-wrapper.style5 .social-icons li {float: none; display: inline-block; text-align: center; line-height: 20px; }
.header-wrapper.style5 .social-icons li:not(:last-child) {margin-right: 10px;}
.header-wrapper.style5 .social-icons li a {font-size: 16px ; display: inline-block; width: 40px;  height: 40px;  line-height: 40px;  border-radius: 100%; background-color: #e5e5e5}


.header-wrapper.style6.no-before:before {display: none;}
.header-wrapper.style6.no-before .search-icon {top:0; }
.header-wrapper.style6:before {content: ''; position: absolute; z-index: 1; top:-30px; left: 0px; width: 100%; height: 693px;  background-image: url(../images/bg-12.png); background-repeat: no-repeat; }
.header-wrapper.style6 .logo {width: 85px; height: 85px; background-color: #111; border-radius: 100%; display: inline-block; text-align: center; line-height: 85px; box-shadow:20px 20px 24px -6px rgba(0,0,0,0.07);  }
.header-wrapper.style6 .menu-layout {padding: 15px 15px; z-index: 2; position: relative; }
.header-wrapper.style6 .menu-layout .menu-layout-wrapper {padding-top: 20px; padding-bottom: 20px; width: 100%; height: 75px;  margin:0 auto; background-color: #fff;-webkit-box-shadow: 2px 0px 18px 0px rgba(0,0,0,0.1);    -moz-box-shadow: 2px 0px 18px 0px rgba(0,0,0,0.1);     box-shadow: 2px 0px 18px 0px rgba(0,0,0,0.1);}
.header-wrapper.style6 .menu-nav {float: none; width: auto; display: inline-block; position: relative; z-index: 2; }
.header-wrapper.style6 .menu-nav li a {font-size: 13px;color: #666;letter-spacing: 1.2px; font-weight: 600; line-height: 40px; display: inline-block;}
.header-wrapper.style6 .search-icon {position: absolute;z-index: 2;padding-right: 30px;padding-top: 10px;right: -7px;top: 18px;}
.header-wrapper.style6 .search-icon img {width: 22px; opacity: 0.7;}
.header-wrapper.style6 .user {float: left; width: 38px; height: 38px; display: inline-block; margin-left: 20px; min-width: auto; }
.header-wrapper.style6 .user img { box-shadow:20px 20px 24px -6px rgba(0,0,0,0.07); padding-right: 0; border-radius: 100%;  }

 
.header-wrapper.style7 .social-icons li a img {width: 35px; opacity: 0.5; }
.header-wrapper.style7 .menu-nav li a {font-size: 13px; font-weight: 600; color: #555;}
.header-wrapper.style7 .social-icons li:not(:first-child) {padding-left: 10px; }
.header-wrapper.style7 .social-icons li a {font-size: 15px; color: #fff; }

.header-wrapper.style9.posa {top:0; background-color: #fff; padding: 25px 0; }
.header-wrapper.style9 .logo img {width: 65px; opacity: 0.8; }
.header-wrapper.style9 .menu-nav li a {color: #000; }
.header-wrapper.style9 .social-icons li:not(:first-child) {padding-left: 10px; }
.header-wrapper.style9 .social-icons li a {font-size: 15px; }

.header-wrapper.style8.posa {top:0;}
.header-wrapper.style8 .logo img {display: inline-block; max-width: 100%; width: auto;}
.header-wrapper.style8 .icon-img {display: inline-block; margin-top: 60px; }
.header-wrapper.style8 .icon-img img {width: 33px; }
.header-wrapper.style8 .shop-cart span {width: 20px; height: 20px; border-radius: 20px;  display: inline-block; position: absolute; z-index: 2;  text-align: center; line-height: 19px; font-size: 12px; font-weight: 500; color: #fff;  right:-10px;  }

.header-wrapper.style9.posa {top:0; background-color: #fff; padding: 25px 0; }
.header-wrapper.style9 .logo img {width: 65px; opacity: 0.8; }
.header-wrapper.style9 .menu-nav li a {color: #000; }
.header-wrapper.style9 .social-icons li:not(:first-child) {padding-left: 10px; }
.header-wrapper.style9 .social-icons li a {font-size: 15px; }

.header-wrapper.style10.posa {top:40px;}
.header-wrapper.style10 .logo img {width: 25px; }
.header-wrapper.style10 .side-click {margin-top: 0; z-index: 3;}
.header-wrapper.style10 .side-click:after {background-color: transparent; }

.header-wrapper.style10 .side-click.black span {background-color: #000; height: 2px;}
.header-wrapper.style10 .side-click.black span:nth-child(2) {top:9px; }
.header-wrapper.style10 .side-click.black span:nth-child(3) {top:18px; }
.header-wrapper.style10 .side-click.black.open span:nth-child(3) {top:10px;}
.header-wrapper.style10 h1 {font-size: 70px; color: #111; line-height: 1.4; font-weight: 500; }
.header-wrapper.style10 h4 {font-size: 18px; color: #fff; line-height: 1.4; font-weight: 500; display: inline-block; position: relative; }
.header-wrapper.style10 h4:after {width: 70px;background-color: #fff; content: '';  position: absolute; height: 1px;  left: -100px; top:10px; }
.header-wrapper.style10 h2 {font-size: 40px; color: #111; line-height: 1.3; font-weight: 500;  padding: 0 10%; }
.header-wrapper.style10 h2:after {content: ''; background-color: #333; height: 100px; width: 2px; position: absolute; bottom: -120px; left:50%;  }
.header-wrapper.style10 .menu-icon img {width: 35px; position: relative; top:-5px;  }
.header-wrapper.style10.btop {border-top: 30px #f5f5f5 solid; }
.header-wrapper.style10 .menu-nav li a {font-size: 12px; }

.header-wrapper.style11 .social-icons li {padding: 0 5px; }
.header-wrapper.style11 .social-icons li a {font-size: 18px; }
.header-wrapper.style11 .side-click {width: 25px; height: 22px; margin-top: 5px; }
.header-wrapper.style11 .side-click span:nth-child(2) {top:8px; }
.header-wrapper.style11 .side-click span:nth-child(3) {top:16px; }

.header-wrapper.style12 .menu-nav li a { font-size: 13px; letter-spacing: 1px; font-family: 'Montserrat', sans-serif ; font-weight: 300 ; }
.header-wrapper.style12 .menu-nav.medium-font li a {font-weight: 500;}
.header-wrapper.style12 .social-icons li {padding-right: 10px; }
.header-wrapper.style12 .social-icons li a {color: #fff; font-size: 15px; }

.text-white.social-icons li {padding: 0 5px; }
.text-white.social-icons li a {color: #fff; font-size: 16px; }

.white-scroll .logo img:first-child {display: none;}
.white-scroll .side-click span {background-color: #fff; }
.white-scroll.scroll-active {background-color: #fff; box-shadow: 0px 8px 32px 0px rgba(0,0,0,.05); }
.white-scroll.scroll-active .logo img:first-child {display: block; float: left;}
.white-scroll.scroll-active .logo img:last-child {display: none;}
.white-scroll.scroll-active .side-click span {background-color: #111;}

.menu-slide {position: fixed; top:0; right:-45%; width: 25%; height: 100vh; z-index: 1; background-color: #fff;box-shadow: 0px 8px 32px 0px rgba(0,0,0,.05);  z-index: 2000; padding: 100px; transition-delay: 0.3s;}
.menu-slide.active {right:0%; transition-delay: 0s;}
.menu-slide.left-slide {right: auto; left:-45%;}
.menu-slide.active.left-slide {left:0;}

.menu-slide-close {position: absolute;margin-top:20px; right:20px; cursor: pointer;z-index: 2; top:20px;}
.menu-slide-close span { background-color: #333; height: 2px; width: 28px; display: inline-block; }
.menu-slide-close span:nth-child(1) {top:0px;    -webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: 10px; right:20px;}
.menu-slide-close span:nth-child(2) {  right: 0px;     -webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 13px; position: absolute; }
.menu-slide .menu-nav li {display: block; margin-bottom: 35px; }
.menu-slide .menu-nav li a {font-size: 55px; font-weight: 700; font-family: 'Montserrat', sans-serif; color: #555;}
.menu-slide .menu-nav li a:hover {color: #111;}
.menu-slide .social-icons {position: absolute; bottom: 100px;  }
.menu-slide .social-icons li a {width: 40px; height: 40px; border-radius: 40px; display: inline-block; line-height: 40px; text-align: center; font-size: 18px; }
.socialshare-icons li a {width: 40px; height: 40px; border-radius: 40px; display: inline-block; line-height: 40px; text-align: center; font-size: 18px; }
.menu-slide .copyrigght-text {position: absolute; right:100px; bottom: 100px; font-size: 15px; }

.menu-slide.active .menu-nav { opacity: 1;   transition-delay: 0.3s; -webkit-transition: translateY(0px);    transform: translateY(0px);}
.menu-slide .menu-nav {display: block; opacity: 0; -webkit-transition: all .5s ease;transition: all .5s ease; -webkit-transition: translateY(80px);    transform: translateY(80px); transition-delay: 0s;}
.menu-slide.active .social-icons{ opacity: 1;   transition-delay: 0.38s; -webkit-transition: translateY(0px);    transform: translateY(0px);}
.menu-slide .social-icons { opacity: 0; -webkit-transition: all .5s ease;transition: all .5s ease; -webkit-transition: translateY(80px);    transform: translateY(80px); transition-delay: 0s;}
.menu-slide.active .copyrigght-text{ opacity: 1;   transition-delay: 0.42s; -webkit-transition: translateY(0px);    transform: translateY(0px);}
.menu-slide .copyrigght-text { opacity: 0; -webkit-transition: all .5s ease;transition: all .5s ease; -webkit-transition: translateY(80px);    transform: translateY(80px); transition-delay: 0s;}

.menu-wrap-mobile {width: 100%; padding-left: 30%;  position: fixed !important; top:0!important; left:0%; height: 100vh;  z-index: 0; overflow: scroll; display: none;}
.menu-wrap-mobile .menu-nav {display: block; width: 100%; padding-left: 0%; padding-top:10px;}
.menu-wrap-mobile .menu-nav .mega-menu,
.menu-wrap-mobile .menu-nav .menu-dropdown {background-color: transparent; position: relative; padding: 0px 0 0 0; box-shadow: none; }
.menu-wrap-mobile .menu-nav .mega-menu .container {margin-top: 20px; }
.menu-wrap-mobile .drop-dropdown:after,
.menu-wrap-mobile .drop-megamenu:after {content: "\e64b";color: #fff; font-family: 'themify';  font-size: 15px; position: absolute; top:17px;  right:18px;}
.menu-wrap-mobile .drop-dropdown:before,
.menu-wrap-mobile .drop-megamenu:before {width: 25px; height: 25px; position: absolute; right:0; top:0; background-color: rgba(255,255,255,0.4); display: inline-block; content: ''; border-radius: 5px; top: 18px; right: 13px; }

.menu-wrap-mobile .menu-nav.pad25 li,
.menu-wrap-mobile .menu-nav li {padding: 15px 0px; text-align: left; list-style-image: none;list-style-type: none; position: relative; }
.menu-wrap-mobile .menu-nav li a {color: #fff; font-size: 14px;letter-spacing: 1px;text-transform: uppercase;font-weight: 500;}
.menu-wrap-mobile li.drop-megamenu .mega-menu .mega-list {padding-bottom: 20px; padding-left: 20px; padding-top: 0px; }
.menu-wrap-mobile li.drop-megamenu .mega-menu .mega-list .mega-title {color: #fff; position: relative; left:-20px; }
.menu-wrap-mobile .menu-dropdown li:first-child {margin-top: 20px; }
.menu-wrap-mobile .menu-dropdown,
.menu-wrap-mobile .mega-menu {height: 0; overflow-x: hidden; }
.menu-wrap-mobile .menu-dropdown.active,
.menu-wrap-mobile .mega-menu.active {height: 100%; display: block; }

.main-wrap {position: relative; z-index: 1; overflow-x: hidden; -webkit-transition: height 0.3s, -webkit-transform 0.55s cubic-bezier(0.23, 1, 0.32, 1);transition: height 0.3s, -webkit-transform 0.55s cubic-bezier(0.23, 1, 0.32, 1);transition: transform 0.55s cubic-bezier(0.23, 1, 0.32, 1), height 0.3s;transition: transform 0.55s cubic-bezier(0.23, 1, 0.32, 1), height 0.3s, -webkit-transform 0.55s cubic-bezier(0.23, 1, 0.32, 1);}
.main-wrap.active {    overflow: hidden; -webkit-transform: translate3d(-80vw, 0, 0);transform: translate3d(-80vw, 0, 0);}

#toggle-menu {background-color: #fff; padding: 10px 0; position: absolute; top:130%; width: 92%; }
#toggle-menu li {width: 100%; line-height: 40px; text-align: left; padding-left: 20px; }
#toggle-menu li a {text-align: left; font-size: 13px; }

.menu-nav.pad25 li {padding: 25px 20px;}
.header-mega-menu .row,
.header-mega-menu [class*="col-"] {position: static;}
.menu-nav li.drop-megamenu {position: static;}
.mega-menu {width: 100vw !important;display: none;top: 100%;left: 0px; margin-top: 0px;  right: 0;margin-left: 0;max-width: none;padding: 60px 0;-webkit-box-shadow: 0 10px 37px rgba(0, 0, 0, 0.07);box-shadow: 0 10px 37px rgba(0, 0, 0, 0.07);position: absolute;list-style: none;background-color: #fff;-webkit-animation: hide_animation .5s;animation: hide_animation .5s;}
.menu-nav li.drop-megamenu:hover .mega-menu {display: block;-webkit-animation: show_animation .5s;animation: show_animation .5s; }
.menu-nav li.drop-megamenu .mega-menu .mega-list .mega-title {font-family: 'Montserrat', sans-serif;     font-size: 14px;    letter-spacing: 1px;    text-transform: uppercase;    font-weight: 500; margin-bottom: 15px; padding: 0; }
.menu-nav li.drop-megamenu .mega-menu .mega-list li {display: block;padding: 0; }
.menu-nav li.drop-megamenu .mega-menu .mega-list li a { line-height: 40px; text-transform: initial; display: inline-block; letter-spacing: 0; font-size: 13px; font-weight: 400;  font-family: 'Montserrat', sans-serif; }

.menu-nav li.drop-dropdown {position: relative;}
.menu-dropdown {-webkit-box-shadow: 0 10px 37px rgba(0, 0, 0, 0.07);box-shadow: 0 10px 37px rgba(0, 0, 0, 0.07);position: absolute;list-style: none;background-color: #ffffff;-webkit-animation: hide_animation .5s;animation: hide_animation .5s;top: 100%;left: 0px;display: none;width: 250px;margin: 0;padding: 30px 0 30px;min-width: 250px;}
.menu-nav li.drop-dropdown:hover .menu-dropdown {display: block;-webkit-animation: show_animation .5s;animation: show_animation .5s; }
.menu-nav li.drop-dropdown .menu-dropdown li {padding: 0 30px; display: block;}
.menu-nav li.drop-dropdown .menu-dropdown li a { line-height: 50px; text-transform: initial; display: inline-block; letter-spacing: 0; font-size: 13.5px; font-weight: 400;  font-family: 'Montserrat', sans-serif;}


/*-----------------------------------------------------------
    5. PAGE TITLE AND PAGE NAVIGATION
-------------------------------------------------------------*/
.page-title h2 {margin-top: 0; margin-bottom: 85px; font-size: 36px; font-weight: bold; }
.page-title-one:after {    display: block;content: '';width: 2px;height: 30px;background: #111111;margin: 90px auto 120px;}
.page-title .separator {margin-top: 20px; display: inline-block; }
.page-title .separator span:after,
.page-title .separator span:before {content: "";vertical-align: top;display: inline-block;width: 28px;height: 2px;border-bottom: 1px solid #0d0d0d;position: absolute;top: 0;right: 12px;}
.page-title .separator span:after {left: 12px;right: inherit;}
.page-title .separator span {display: block;position: relative;margin: 0px auto;width: 5px;height: 5px;background: #0d0d0d;border-radius: 10px;-moz-border-radius: 10px;-khtml-border-radius: 10px;-webkit-border-radius: 10px;}

 
.page-title.style0 h2 {margin-top: 0;  font-size: 32px; color: #1e1666; font-weight: 600; letter-spacing: 1px; line-height: 52px;  margin-bottom: 30px; }
.page-title.style0 h2.most-large { font-size: 100px; letter-spacing: 1px; line-height: 1.05; }
.page-title.style0 h2.very-large {     font-size: 90px;     letter-spacing: 3px;}
.page-title.style0 h2.text-large {display: inline-block; margin-top: 0;  font-size: 40px; color: #333333; font-weight: bold; letter-spacing: 1px; line-height: 56px;  margin-bottom: 30px; }
.page-title.style0 h2.text-big {display: inline-block; margin-top: 0;  font-size: 50px; color: #333333; font-weight: bold; letter-spacing: 1px; line-height: 70px;  margin-bottom: 30px; }
.page-title.style0 h2.text-big b {font-weight: 600 !important;}
.page-title.style0 h2.text-big span {display: inline-block; font-size: 50px; color: #1e1666; font-weight: 300; letter-spacing: 1px; line-height: 56px;  text-transform: inherit; opacity: 1; position: relative; z-index: 2; }
.page-title.style0 h2.text-big span:after {background-color: #005cef; content: ''; position: absolute; bottom: 10px; left:0; width: 100%; height: 9px; z-index: -1; opacity: 0.6;}
.page-title.style0 span.top-separator:after {height: 30px; width: 1px; background-color: #fff; content: ''; position: absolute; top:-50px; left:50%; opacity: 0.8; }
.page-title.style0 span.top-separator.text-redlight:after {height: 30px; width: 1px; background-color: #ce2542 ; content: ''; position: absolute; top:-50px; left:50%; opacity: 0.8; }
.page-title.style0 h2 u {text-decoration: none;}
.page-title.style0 h3 { font-size: 28px; display: inline-block; letter-spacing: 0.6px; color: #454545; }
.page-title.style0 h4 {margin-top: 0;  font-size: 32px; color: #1e1666; font-weight: 600;  line-height: 42px;  margin-bottom: 15px; letter-spacing: 0.4px; }
.page-title.style0 h2 i {font-style: normal; font-weight: 400; font-size: 30px; letter-spacing: 0; display: block;  }
.page-title.style0 span { letter-spacing: 0.2em; font-size: 11px; text-transform: uppercase; font-weight: 500; color: #1e1666; opacity: 0.95; margin-bottom: 10px;  display: block;}
.page-title.style0 p {font-size: 14px;    line-height: 34px;  color: #6a7c92;}
.page-title.style0 p.print {font-size: 14px;    line-height: 30px;  color: #6a7c92;}
.page-title.style0 p.small {font-size: 13px; letter-spacing: 0.5px;     line-height: 30px;  color: #6a7c92;}
.page-title.style0 .bttn {padding: 0 50px; border-radius: 30px; line-height: 55px; display: inline-block; text-transform: uppercase; font-size: 11px; letter-spacing: 2px; font-weight: 500; }
.page-title.style0 h6 {font-size: 14px; line-height: 32px;  color: #333;}
.page-title.style0 h6 i {width: 22px; height: 22px; border-radius: 22px; background-color: #e7a285; line-height: 24px; text-align: center; margin-right: 10px; font-size: 15px; padding: 4px;  top: 3px; position: relative;  }

.page-title.style1 h2 {margin-top: 0;  font-size: 42px; color: #111; font-weight: bold; margin-bottom: 10px;  letter-spacing: 0.6px; line-height: 42px;}
.page-title.style1 p { color: #fff;  font-size: 13px;text-transform: uppercase;font-weight: 500;letter-spacing: 2px;margin-bottom: 10px; }


.page-title.style2 {margin-bottom: 90px; }
.page-title.style2 h1 {margin-top: 0;  font-size: 45px; color: #111; font-weight: bold; margin-bottom: 10px;  letter-spacing: 0.6px; line-height: 1.4;  }
.page-title.style2 h2 {margin-top: 0;  font-size: 32px; color: #111; font-weight: bold; margin-bottom: 10px;  letter-spacing: 0.6px; line-height: 42px;  }
.page-title.style2 h3 {font-size: 28px; line-height: 1.6; font-weight: 100; }
.page-title.style2 h3 u {border-bottom: 1px #fff solid; text-decoration: none; }
.page-title.style2 p {color: #333;font-size: 14px;line-height: 30px; padding: 0 10%; }
.page-title.style2 p.text-large {color: #333;font-size: 15px;line-height: 38px;  }
.page-title.style2 span {letter-spacing: 3px; font-size: 12px;}
.page-title.style3 h2 {font-size: 38px; margin-bottom: 0; position: relative;display: inline-block; font-family: 'Lora', serif; }
.page-title.style3.cat h2 { width: auto;  }
.page-title.style3 h4 {font-size: 14px; margin-bottom: 0; color: #999; letter-spacing: 0.4px;  margin-top: 20px;  font-weight: 400; }
.page-title.style4 h2 {font-size: 12px; margin-bottom: 0; position: relative;display: inline-block; font-family: 'Montserrat', sans-serif; color: #fff; letter-spacing: 0.8px; background-color: blue; padding:10px 15px; border-radius: 15px; display: inline-block; letter-spacing: 1px; font-weight: 600; }
.page-title.style5 h2 {font-size: 65px; line-height: 1; font-weight: 400; margin-bottom: 0px;  }
.page-title.style5 h2.text-large {font-size: 55px; line-height: 1.3; }
.page-title.style5 h3 { font-size: 18px; font-weight: 900; color: #555; text-transform: uppercase; line-height: 30px;  font-family: 'Montserrat', sans-serif; letter-spacing: 6px; }
.page-title.style5 p {font-size: 18px; line-height: 36px; color: #666;}
.page-title.style5 p.fmont {font-size: 14px; line-height: 32px; color: #555; font-weight: 500; }
.page-title.style5 img {width: 200px; }
.page-title.style5 span {font-size: 15px; letter-spacing: 0.6px;  border-bottom: 1px #eee solid; color: #eee;  line-height: 26px; display: inline-block;}
.page-title.style6 {position: relative; top:-85px;}
.page-title.style6 h2 {font-size: 42px; line-height: 1; font-weight: bold; margin-bottom: 0px;  color: #545454; position: relative; top:10px;}
.page-title.style6 p {font-size: 15px; line-height: 25px; color: #666; margin-top: 5px; }
.page-title.style6 .divide {width: 170px; margin-top: 30px; margin-bottom: 15px   }
.page-title.style7 {position: relative; }
.page-title.style7 h2 {font-size: 28px; line-height: 1; font-weight: bold; margin-bottom: 0px;  color: #545454; position: relative; top:10px; text-transform: uppercase; letter-spacing: 3px; }
.page-title.style7 p {font-size: 15px; line-height: 25px; color: #666; margin-top: 5px; }
.page-title.style7 .divide {width: 170px; margin-top: 30px; margin-bottom: 15px   }
.page-title.style8 {position: relative; }
.page-title.style8 h3 {font-family: 'Montserrat', sans-serif; font-size: 13px; letter-spacing: 2px; text-transform: uppercase; color: #999;  margin-bottom: 10px; font-weight: bold; }
.page-title.style8 h2 {font-size: 42px; line-height: 1.3; font-weight: bold;  color: #333;  margin-top: 0; margin-bottom: 35px; letter-spacing: 1px; }
.page-title.style8 p {font-size: 14px;line-height: 34px;    color: #666; font-family: 'Montserrat', sans-serif; font-weight: 500; }
.page-title.style9 h2 {font-family: 'Montserrat', sans-serif; font-size: 24px; letter-spacing: 5px; text-transform: uppercase; color: #fff;  margin-bottom: 10px; font-weight: bold;    line-height: 36px;}
.page-title.style9 span {font-size: 12px; letter-spacing: 3px;      text-transform: uppercase;       text-transform: uppercase;display: block;width: 100%;   font-weight: 600; color: #e5951a; }
.page-title.style9 p {font-size: 13px;line-height: 34px;    color: #666; font-family: 'Montserrat', sans-serif; font-weight: 400; }
.page-title.style10 h2 { font-weight: 700;color: #111;font-size: 42px;line-height: 1.2; margin-top: 15px; letter-spacing: -1px; }
.page-title.style10 span {font-size: 12px;text-transform: uppercase;letter-spacing: 2px;color: #999;font-weight: 600;display: inline-block;margin-top: 20px;}
.page-title.style5.style11 h2 {font-size: 65px; line-height: 1; font-weight: 400; margin-bottom: 0px;  }
.page-title.style5.style11 h3 { font-size: 12px; font-weight: 700; color: #888; text-transform: uppercase; line-height: 30px;  font-family: 'Montserrat', sans-serif; letter-spacing: 3px; }
.page-title.style9.style12 h2 {font-size: 28px; letter-spacing: 3px; }
.page-title.style9.style12 span {color: #2ca4e5 !important; font-size: 11px ;letter-spacing: 1px; }
.page-title.style9.style12:after {content: ''; top:-20px; margin-left: -50px;  width: 100px; position: absolute; height: 100px;  background-repeat: no-repeat;  background-image: url(../images/icon69.png); opacity: 0.08; background-size: 100px; background-position: center center; }
.page-title.style13 h2 {font-size: 42px; letter-spacing: 1px; line-height: 52px; font-weight: 300; margin-bottom: 30px; }
.page-title.style13 p { font-size: 14px; line-height: 34px; font-weight:400; }
.page-title.style13 span {font-size: 10px; font-weight: 500;   letter-spacing: 3px; text-transform: uppercase;  }
.page-title.style14 h2 {font-size: 36px; letter-spacing: 1px; line-height: 52px; font-weight: 300; margin-bottom: 30px; }
.page-title.style14 h2 b {font-weight: 600 !important; }
.page-title.style14 a {font-size: 11px; text-transform: uppercase; letter-spacing: 2px; font-weight: 500; text-align: center; line-height: 50px;   background-image: url(../images/bg-84.png); width: 168px; height: 50px; background-size: contain; background-repeat: no-repeat; display: inline-block;  }
.page-title.style14 p { font-size: 13px; font-weight: 400;  line-height: 30px;   }
.page-title.style15 h2 {font-size: 54px; margin-bottom: 0; }
.page-title.style15 p {font-size: 14px; line-height: 34px; color: #666666;}
.page-title.style15 a {background-image: url(../images/bg-90.png);width: 200px;height: 60px;background-size: contain;background-repeat: no-repeat;line-height: 50px;text-align: center;font-size: 12px;text-transform: uppercase;font-weight: 600;letter-spacing: 1px;display: inline-block;background-color: transparent;padding: 0;}
.page-title.style15 span {width: 80px; background-color: #ec398b; height: 2px; display: inline-block; margin:30px auto 0; }



/*-----------------------------------------------------------
    6. BANNER WRAPPER
-------------------------------------------------------------*/
.banner-content-one {padding: 0;position: absolute;top: 50%;left: 50%;margin-left: -450px;width: 900px;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
.banner-content-two {padding: 0;position: absolute;top: 50%;left: 00%;margin-left: 0px;width: 100%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
.banner-vertical {position: absolute;top: 50%;left: 00%;margin-left: 0px;width: 100%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
.bg-brause:after {content: ''; position: absolute; bottom: 0; left:0; width: 100%; height: 37px; background-image: url(../images/bg-10.png); }
.coming-soon-banner {width: 50%; position: absolute; top:0; right:0; height: 100vh; }

.banner-slide {width: 100%;height: 100vh;background-position: center center;background-size: cover;}

.banner-wrapper.style2 h2 {font-size: 75px; font-weight: bold; margin-bottom: 30px; line-height: 1.2; padding-top: 20%; }
.banner-wrapper.style2 p {font-size: 15px; line-height: 32px;  margin-bottom: 30px; }
.banner-wrapper.style2 .bttn1 {background-color: #0091ff;    color: #fff;    font-size: 14px;    padding: 0 20px;    min-width: 180px;    text-align: center;    line-height: 50px;    display: inline-block;    border-radius: 30px;       font-weight: 500;     box-shadow: 12px 12px 20px 7px rgba(20,0,128,0.09);}
.banner-wrapper.style3 h2 {font-size: 35px; font-weight: bold; margin-bottom: 30px; line-height: 1.4; padding-top: 20%; color: #333; }
.banner-wrapper.style3 h2 b {font-size: 70px; display: block; line-height: 1.2; }
.banner-wrapper.style3 p {font-size: 15px; line-height: 32px;  margin-bottom: 30px; }
.banner-wrapper.style3 .bttn1 {background-color: #fff;    color: #2b80f5;    font-size: 13px;    padding: 0 20px;    min-width: 180px;    text-align: center;    line-height: 50px;    display: inline-block;    border-radius: 30px;       font-weight: 500;     box-shadow: 12px 12px 20px 7px rgba(20,0,128,0.09); margin-right: 20px; letter-spacing: 1px; font-weight: 600; text-transform: uppercase;}
.banner-wrapper.style3 .bttn2 {background-color: #333333; height: 50px; text-align: center; width: 50px; border-radius: 60px; line-height: 47px; display: inline-block; margin-right: 20px;  }
.banner-wrapper.style3 .bttn2 img {width: 25px; display: inline-block; right:0; }
.banner-wrapper.style3 img {position: relative; right: -30px; }

.banner-wrapper.style4 h1 {font-size: 85px;    line-height: 1;  color: #e5951a; }
.banner-wrapper.style4 img {position: relative; margin-bottom: 50px;}
.banner-wrapper.style4 .owl-carousel .owl-item img {width: auto; margin:0 auto;}
.banner-wrapper.style4 .owl-dots {display:none;}

.banner-wrapper.style4 .banner-img-pos { }

.banner-wrapper.style6 {overflow: hidden;}
.banner-wrapper.style6 .left-banner {width: 50%; top:0; left:0; position: absolute; }
.banner-wrapper.style6 .right-banner {width: 50%; top:0; right:0; position: absolute; }
.image-cover {-o-object-fit: cover;    object-fit: cover; }
.banner-wrapper.style6 .center-align {padding: 0;    position: absolute;    top: 50%;    left: 00%;    margin-left: 0px;    width: 50%;    -webkit-transform: translateY(-50%);    -moz-transform: translateY(-50%);    -ms-transform: translateY(-50%);    -o-transform: translateY(-50%);    transform: translateY(-50%); }

.vertical-slide h2 {transition-delay: 0.6s; opacity: 0; position: absolute;    top: 48%;   font-weight: 300;  font-size: 46px; line-height: 60px; margin-top: -30px;  right:70px; width: auto; z-index: 20; }
.vertical-slide h2 span { font-weight: 700; letter-spacing: 1px;}
.vertical-slide h2 b {transition-delay: 0.3s; opacity: 0; font-size: 13px; letter-spacing: 2px; display: block;  line-height: 40px;  padding-left: 40px; color: red; }
.vertical-slide h2 b:before {content: ''; position: absolute; height: 2px; background-color: red; width: 30px; left:0; top:18px;}
.vertical-slide a {transition-delay: 0.9s; opacity: 0; font-size: 13px; letter-spacing: 1px; position: absolute; bottom: 135px; left:50%; margin-left: -40px; border-bottom: 2px #333 solid;   }
.vertical-slide .right-align h2 {right: auto; left:70px; text-align: right;}
.vertical-slide .right-align h2 b {padding-right: 40px; }
.vertical-slide .right-align h2 b:before {left:auto; right: 0; }
.vertical-slide .owl-item.active a,
.vertical-slide .owl-item.active h2 b,
.vertical-slide .owl-item.active h2 {opacity: 1; }
.vertical-slide .owl-dots {position: absolute; top:50%; right:3%; width: 10px; margin-top: -20px; }
.vertical-slide.owl-carousel .owl-item img {display: inline-block; width: auto;}
.vertical-slide.nav-img .owl-nav {right:-60px; left:auto;}
.nav-img .owl-nav {position: absolute; bottom: 50px; left:50%; z-index: 12; }
.nav-img .owl-nav .owl-prev {width: 25px; position: relative; top:-1px; }
.nav-img .owl-nav .owl-next {width: 50px; }
.nav-img .owl-nav .owl-next,
.nav-img .owl-nav .owl-prev {cursor: pointer; margin:5px !important; float: left !important; }
.nav-img .owl-nav .owl-next:hover,
.nav-img .owl-nav .owl-prev:hover {background-color:transparent !important; margin:5 !important;}
.vertical-slide.owl-carousel  {z-index: initial;}
.nav-img-vertical .owl-nav .owl-prev {width: 35px; position: relative;  }
.nav-img-vertical .owl-nav .owl-next {width: 35px;  position: relative;  }
.nav-img-vertical .owl-nav {width: 100%; left:0; bottom: 55%; margin-top: 0; }
.nav-img-vertical .owl-nav .owl-prev {left:-70px; position: absolute; opacity: 0.6; }
.nav-img-vertical .owl-nav .owl-next { right:-70px;  position: absolute; opacity: 0.6; }

.slider-vertical.nav-img .owl-nav {background-color: #fff; padding: 10px; bottom: 0; left:auto; right:9%; }

.banner-wrapper.style5:after { content: ''; background-color: #fff; width: 70px; z-index: 2; position: absolute; top:0; left: 0; height: 100%;   }
.banner-wrapper.style5:before { content: ''; background-color: #fff; width: 70px; z-index: 2; position: absolute; top:0; height: 100%;  right: 0;  }


.banner-content-one {width: 100%; margin-left: 0; left:0;   }
.banner-content-one h1 {color: #fff; font-weight: 600;  font-size: 65px; line-height: 1.2;  letter-spacing: 1px; margin-bottom: 30px; }
.banner-content-one h1.text-large { font-size: 75px;}
.banner-content-one h2 {color: #fff; font-weight: 600;  font-size: 55px; line-height: 1.3;  letter-spacing: 1px; margin-bottom: 18px; }
.banner-content-one h3.tel {font-size: 30px; }
.banner-content-one p {color: #aaa; letter-spacing: 0.4px; font-family: 'Montserrat', sans-serif;  padding-right: 8%; margin-bottom: 40px; font-size: 13px; line-height: 30px; font-weight: 400; }
.banner-content-one p b {font-weight: bold; color: #ddd; }
.banner-content-one form {  overflow: hidden;  width: 80%;  }
.banner-content-one form input {width: 60%; float: left; outline: none; padding: 0 15px;  background-color: transparent; height: 50px; line-height: 50px;  box-shadow: none; font-size: 13px; margin-right: 10px; background-color: #fff; border:0; border-radius: 10px; }
.banner-content-one form button { width: 35%; text-align: center; letter-spacing: 0.5px; color: #000; font-weight: 500; border:0; outline: none; background-color: #00d7f1;  margin-top: 0;   text-transform: initial; padding: 0; position: relative; left:1px; line-height: 50px; font-size: 13px; border-radius: 10px; box-shadow: 0 16px 50px rgba(0,0,0,.07); letter-spacing: 0; letter-spacing: 1px; }
.banner-content-one img {right: -40px; position: relative; }
.scroll-bottom {position: absolute; bottom: 0; left: 50%; margin-left:-50px;   z-index: 5;}
.icon-scroll {position: relative;  top: 140px; left:15px;  }
.icon-scroll:before {position: absolute;right: -18px;}
.icon-scroll {width: 30px;height: 50px;margin-left: -20px;bottom: 25px;margin-top: -35px;box-shadow: inset 0 0 0 2px #111;border-radius: 25px;transition: right .5s;}
.icon-scroll:before {content: '';width: 6px;height: 6px;background: #111;margin-left: -4px;top: 8px;border-radius: 4px;-webkit-animation-duration: 1.5s;animation-duration: 1.5s;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-name: scroll;animation-name: scroll;left: 50%;}
.icon-scroll:after {content: "";position: absolute;z-index: -1; width: 58px;height: 80px;border-radius: 25px;transform: translate(-10px, -10px);transition: all .3s;}
.icon-scroll.icon-white {box-shadow: inset 0 0 0 2px #fff; left:20px;}
.icon-scroll.icon-white:before {background-color: #fff;}
.pos-bottom-center.icon-scroll {position: absolute; bottom: 30px; left:50%; margin-left:-25px; top:auto;}
@-webkit-keyframes scroll {0% {    opacity: 1;}100% {    opacity: 0;    -webkit-transform: translateY(35px);    transform: translateY(35px);}}
@keyframes scroll {0% {    opacity: 1;}100% {    opacity: 0;    -webkit-transform: translateY(35px);    transform: translateY(35px);}}
.open .icon-scroll {right: 30px;z-index: 1;}

.onepage-screen .banner-wrapper {width: 100%; background-size: cover; height: 100vh;   background-repeat: no-repeat; background-position: center bottom; }
.onepage-screen .banner-content-two span {border-top: 2px #fe8f01 solid; width: 50px; margin:30px 0; display: inline-block; }
.onepage-screen .banner-content-two h2 {    font-family: 'Playfair Display', serif; font-size: 75px; text-transform: capitalize;  line-height: 1.1; font-weight: 500; letter-spacing: 1px; margin-bottom: 20px; }
.onepage-screen .banner-content-two h1 {    font-family: 'Playfair Display', serif; font-size: 100px; text-transform: capitalize;  line-height: 1.1; font-weight: bold; letter-spacing: 1px; margin-bottom: 20px; }
.onepage-screen .banner-content-two p {  line-height: 40px;   display: block;    text-transform: initial;  font-family: 'Playfair Display', serif; font-size: 22px; font-weight: 400; letter-spacing: 0.4px; }
.onepage-screen .banner-content-two .play {width: 60px; height: 60px; background-color: #fff; border-radius: 100%; display: inline-block; margin-top: 30px; }
.onepage-screen .banner-content-two .bttn {min-width:  180px; height: 45px; line-height: 45px; text-align: center; text-transform: uppercase; font-weight: bold;    display: inline-block; margin-top: 30px; font-size: 10px;font-family: 'Montserrat', sans-serif; letter-spacing: 2px;  }
#pp-nav span, .pp-slidesNav span {background-color: #fff; border-color: transparent !important;}
#pp-nav li, .pp-slidesNav li {margin:10px; }
#pp-nav li .active span, .pp-slidesNav .active span {background-color: #ff9000; border-color: #ff9000; }


.banner-content-three {padding: 0;position: absolute;top: 50%;left: 00%;margin-left: 0px;width: 100%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
.banner-content-three h1 {   font-size: 90px;   color: #fff;  line-height: 1.1; font-weight: bold; letter-spacing: 2px;       margin-bottom: 20px; }
.banner-content-three h3 { font-family: 'Playfair Display', serif;  font-size: 42px; font-weight: 600; text-transform: inherit;  line-height: 1.3;   letter-spacing: 1px;  }
.banner-content-three h6 {color: #FFF500; font-family: 'Montserrat', sans-serif; font-size: 13px; text-transform: uppercase;    font-weight: bold; letter-spacing: 2px; margin-bottom: 10px; }
.banner-content-three p {font-family: 'Montserrat', sans-serif; }
.banner-content-three span { margin-left: 30px; display: inline-block; position: relative; top:13px;  color: #aaa; }
.banner-content-three span b {display: block; padding-top: 10px; color: #ddd; }
.banner-content-three p.text-grey {  color: #333;   display: block; font-family: 'Montserrat', sans-serif;   text-transform: initial;    font-size: 15px; font-weight: 500; line-height: 32px;   }
.banner-content-three p.text-white {  font-size: 14px;line-height: 34px;color: #fff; margin-bottom: 10px;}
.banner-content-three .bttn {background-color: #333333; color: #fff; border-radius: 30px;  min-width:  220px; display: inline-block;  height: 55px; line-height: 55px; text-align: center; text-transform: uppercase; font-weight: 600;   display: inline-block; font-size: 10px;font-family: 'Montserrat', sans-serif; letter-spacing: 2px;  }
.banner-wrapper .video-bttn {position: absolute; top:50%; left: 1%; z-index: 5; margin-top: -98px; }

.project-preview-arrow {bottom: 30px;left: 50%;-webkit-transform: rotate(-90deg) translateY(50%);transform: rotate(-90deg) translateY(50%);-webkit-transform-origin: left bottom;transform-origin: left bottom;min-width: 150px;/*opacity: 0.5; */position: absolute;                }
.project-preview-arrow svg {display: block;width: 50px;-webkit-animation: project-arrow 2.2s ease-in infinite;animation: project-arrow 2.2s ease-in infinite;       }
.project-previe3-arrow svg {display: block;width: 50px;-webkit-animation: project-arrow 2.2s ease-in infinite;animation: project-arrow 2.2s ease-in infinite;       }
.project-preview-arrow span:nth-child(2) { color: #fff;          letter-spacing: 5px;   font-family: 'Montserrat', sans-serif; text-transform: uppercase;       opacity: 1;    font-size: 11px; font-weight: 600;    }
.project-preview-arrow span:nth-child(1) {-webkit-transform: rotate(180deg);transform: rotate(180deg);overflow: hidden;margin-right: 15px;display: inline-block;    top: 12px;    position: relative;       color: #fff; }

.banner-content-two.style2 h1.text-big {font-size: 120px; letter-spacing: 50px; }
.banner-content-two.style2 h1 {font-size: 90px; font-weight: bold; line-height: 1.1; }
.banner-content-two.style2 h2 {color: #fff; font-size: 64px; font-weight: bold; letter-spacing: 2px; }
.banner-content-two.style2 h2.text-large {font-size: 75px; }
.banner-content-two.style2 span {font-size: 12px; letter-spacing: 3px; }
.banner-content-two.style2 h4 {font-size: 19px; line-height: 34px; width: 70%; }
.banner-content-two.style2 p {font-family: 'Montserrat', sans-serif; color: #eee; font-size: 14px;  margin-top: 20px; margin-bottom: 20px; }
.banner-content-two.style2 a {
    padding: 0 60px;
    font-weight: 500;
    font-size: 13px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #fff;
    line-height: 55px;
    display: inline-block;
    margin-top: 25px;
    margin-bottom: 25px;
   border-radius:5px;
}
.banner-content-two.style2 .bttn {float: left; line-height: 55px; min-width:200px; border-radius: 30px;  }
.banner-content-two.style2 .bttn2 {background-image: url(../images/bg-90.png); width:200px; height: 60px; background-size: contain; background-repeat: no-repeat; line-height: 55px; text-align: center; font-size: 12px; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; background-color: transparent; padding: 0; }
.banner-content-two.style2 .bttn2:hover {background-color: transparent;}
.banner-content-two.style2 .bttn3 {background-color: #fff; font-weight: 600; border-radius: 0 15px 15px 15px; letter-spacing: 1px; line-height: 55px;  }
.banner-content-two.style2 .bttn3:hover {background-color: #fff; }
.banner-content-two.style2 h5 {line-height: 1.6; }
.banner-content-two.style2 h6:after {  height: 2px; width: 35px; left:0; content: ''; position: absolute; background-color: #fff; top:50%;}
.banner-content-two.style2 a.video-bbttn {background-color:transparent !important;}

.banner-content-two.style2 .play { float: left; line-height: 55px;     padding: 0;  margin-left: 30px; background-image: url(../images/icon87.png); background-repeat: no-repeat; background-position: top left; min-width: 55px; height: 55px; background-color: transparent; background-size: contain; padding-left: 75px; }
.banner-content-two.style2 .play2 {background-color: transparent; padding-left: 0;  }
.banner-content-two.style2 .play2:hover {background-color: transparent;}
.banner-content-two.style2 .play2 img {width: 90px; display: inline-block; padding-right: 20px; margin-bottom: 0;}
.banner-content-two.style2 a:hover {background-color: #333; }
.banner-content-two.style2 form {width: 70%; margin: 50px auto 0; overflow: hidden; background-color: rgba(255,255,255,0.5); padding: 5px; }
.banner-content-two.style2 form input {font-family: 'Montserrat', sans-serif;  width: 75%; border: 0; outline: none; color: ##ddd; font-size: 12px; background-color: #fff; float: left; line-height: 47px;  padding: 0 10px; }
.banner-content-two.style2 form button {font-family: 'Montserrat', sans-serif;  width: 25%; float: left; line-height: 45px; font-size: 10px; letter-spacing: 2px; color: #fff; outline: none; border:0; color: #fff; text-transform: uppercase; background-color: #669900; font-weight: 600; }
.banner-wrapper.style4 .parallex-img {width: 870px; position: absolute; top:-75px; right: -75px;}

.content-bottom {background-color: rgba(0,0,0,0.25); padding: 40px 0; position: absolute; bottom: 0; left:0; width: 100%; z-index: 20; }
.content-bottom p {font-size: 13px;font-family: 'Montserrat', sans-serif; color: #eee; }
.content-bottom a {font-size: 25px; font-family: 'Montserrat', sans-serif; color: #fff; font-weight: 500; letter-spacing: 1px; }

.banner-content-two.style3 h1 { position: absolute; top:55%; line-height: 80px;   z-index: 2;  letter-spacing: 25px; display: block; text-align: center; width: 100%; transition-delay: 0.6s;  -webkit-transition: translateY(80px);    transform: translateY(80px); opacity: 0;}
.banner-content-two.style3 h1 b {font-weight: 700; }
.banner-content-two.style3 h2 { color: #fff; font-size: 55px; font-weight: bold; letter-spacing: 1px; margin-top:20px;  transition-delay: 0.2s;}
.banner-content-two.style3 h3 {font-size: 40px; letter-spacing: 2px; }
.banner-content-two.style3 span {font-family: 'Montserrat', sans-serif; color: #eee; font-size: 12px;   font-weight: 500; letter-spacing: 3px; text-transform: uppercase;  }
.banner-content-two.style3 a {background-color: transparent;padding: 0 40px;font-weight: 600;font-size: 13px;letter-spacing: 3px;text-transform: uppercase;color: #fff;line-height: 45px;display: inline-block;margin-top: 25px;margin-bottom: 25px; border: 2px #fff solid; transition-delay: 0.6s;}
.banner-content-two.style3 a:hover {background-color: #fff; color: #333;  }
.banner-content-two.style3 .circle-div {opacity: 0; width: 600px; height: 600px; border-radius: 100%; display: inline-block;  position: absolute; left:50%; margin-left: -300px; top:60%; margin-top: -300px; transition-delay: 0.2s; transform: scale(0.5); }
.banner-content-two.style3 .circle-div {opacity: 0; width: 450px; height: 450px; border-radius: 100%; display: inline-block;  position: absolute; left:50%; margin-left: -225px; top:50%; margin-top: -225px; transition-delay: 0.2s; transform: scale(0.5); }
.banner-content-two.style3 .rect-div {opacity: 0; width: 0px; height: 800px;  display: inline-block;  position: absolute; left:40%;   top:0%; margin-top: -300px; transition-delay: 0.2s;  }
.banner-content-two.style3 .rect-div.style2 {height: 150vh; top:-2px; left:60%; transform: skewX(-20deg);}
.banner-content-two.style3 .bttn {border:0; letter-spacing: 2px; border-bottom: 2px #333 solid; position: absolute; z-index: 3; bottom: 60px; width: auto; line-height: 26px; padding: 0; font-size: 11px; transition-delay: 0.8s; -webkit-transition: translateY(80px);    transform: translateY(80px);opacity: 0;}
.banner-content-two.style3 .bttn:hover {background-color: transparent;}
.banner-content-two.style3 .round-bttn2 {transition-delay: 0.8s; -webkit-transition: translateY(80px);    transform: translateY(80px);opacity: 0;}
.banner-content-two.style3 .bttn2 { letter-spacing: 1px;  width: 150px; line-height: 40px;  font-size: 10px; padding: 0; }
.banner-content-two.style3 .bttn3 {border:0; border-radius: 20px; letter-spacing: 2px; font-size: 12px; }
.shop-slider .owl-item.active h4 {letter-spacing: 5px; }

.banner-content-two.style4 {top:75%; }
.banner-content-two.style4 img:first-child {position: relative; top:30px; z-index: 1; }

.shop-slider-two img,.shop-slider img {width: auto !important; display: inline-block !important; position: relative;z-index: 2;   -webkit-transition: translateY(80px);    transform: translateY(80px);opacity: 0; }
.shop-slider-two .owl-item.active img,.shop-slider .owl-item.active img,
.shop-slider-two .owl-item.active h1,.shop-slider .owl-item.active h1,
.shop-slider-two .owl-item.active .round-bttn2,.shop-slider .owl-item.active .round-bttn2,
.shop-slider-two .owl-item.active .bttn,.shop-slider .owl-item.active .bttn {opacity: 1; -webkit-transition: translateY(0px);transform: translateY(0px); }
.shop-slider-two .owl-item.active .circle-div,.shop-slider .owl-item.active .circle-div {opacity: 1; transform: scale(1.0); }
.shop-slider-two .owl-item.active .rect-div,
.shop-slider .owl-item.active .rect-div {width: 450px; opacity: 1; }
.shop-slider .owl-item.active .rect-div.style2 {width: 85%;}

.shop-slider-two.nav-img .owl-nav,.shop-slider.nav-img .owl-nav {left:auto; right: 200px;  }
.shop-slider-two.nav-img .owl-nav img,.shop-slider.nav-img .owl-nav img {-webkit-transition: translateY(0px);     transform: translateY(0px); opacity: 1; }
.shop-slider-two.dot-bottom.owl-theme .owl-dots,.shop-slider.dot-bottom.owl-theme .owl-dots {bottom: 35px; }

.shop-four .shop-slider.nav-img .owl-nav {right: auto; left:20px; bottom: 150px;}
.shop-four .dot-bottom.owl-theme .owl-dots {bottom: 160px; right: 0; width: auto;}

.banner-content-four h2 {font-size: 58px; }
.banner-content-four h3 {font-size: 45px; line-height: 1.4; color: #263b5e;}
.banner-content-four p {font-size: 14px; line-height: 30px; }



.brand-wrapper .brand-item {    -ms-flex: 0 0 20%;    flex: 0 0 20%;    max-width: 20%; }
.brand-item {background-color: transparent; border-top: 1px #eee solid; border-bottom: 1px #eee solid; border-left: 1px #eee solid; padding: 15px; text-align: center; }
.brand-item img {max-width: 60px; }
.brand-item.w85 {border-top: 1px #ddd solid; border-bottom: 1px #ddd solid; border-left: 1px #ddd solid;}
.brand-item.w-full img {width: 100%; max-width: 100%; }
.brand-item.w85 img {max-width: 85px; }
.brand-item:last-child { border-right: 1px #eee solid; }
.brand-item.w85.style2 {border-top: 1px #eee solid; border-bottom: 1px #eee solid; border-left: 1px #eee solid;}
.brand-item.w85.style2:last-child { border-right: 1px #eee solid; }
.brand-item.w85.style3 {border-top: 1px #666 solid; border-bottom: 1px #666 solid; border-left: 1px #666 solid;}
.brand-item.w85.style3:last-child { border-right: 1px #666 solid; }
.border-no {border: 0 !important;}
.bb-no {border-bottom: 0 !important;}
.bt-no {border-top: 0 !important;}
.brand-item.opa7 {opacity: 0.7; }

.brand-wrapper .full-brand-img.bl { border-left: 1px #f66b30 solid;}
.brand-wrapper .full-brand-img { padding: 30px 0; border-top: 1px #f66b30 solid; border-bottom: 1px #f66b30 solid; border-right: 1px #f66b30 solid;}
.brand-wrapper .full-brand-img.w75 img {width: 75px; }
.brand-wrapper .full-brand-img.w75 {padding: 20px 0;}
.brand-wrapper.style2 .bg-brand {background-color: #f9fafa; border-radius: 10px; padding: 25px 35px 35px 35px;  }
.brand-wrapper.style2 img {opacity: 0.8; }
.brand-wrapper.style2 p {font-size: 14px; line-height: 28px; color: #999; display: inline-block;   position: relative; top:-5px; }
 
.brand-wrapper.style3:after {background-image: url(../images/bg-129.png); position: absolute; top:-120px; content: ''; left:0; display: inline-block; height: 400px; width: 100%; bac}
.brand-wrapper.style4 {padding: 0px 0; border-radius: 10px; position: relative; top:-50px; }

.banner-square-large {height: 696px; background-size: cover;}
.banner-square-small {height: 350px; background-size: cover;}

/*-----------------------------------------------------------
    7. ABOUT WRAPPER
-------------------------------------------------------------*/

.about-wrapper.style0 h2 { margin-top: 0;font-size: 33px;color: #1e1666;font-weight: 600; line-height: 52px;margin-bottom: 30px;}
.about-wrapper.style0 p {font-size: 14px;line-height: 34px;color: #6a7c92; }
.about-wrapper.style0 a {color: #fff;background: linear-gradient(to right, #f97221 0%, #f9be4f 100%);display: inline-block;font-size: 13px;font-weight: 500;padding: 0 50px;min-width: 150px;text-align: center;line-height: 50px;letter-spacing: 0.5px;letter-spacing: 1px;border-radius: 30px; text-transform: uppercase;box-shadow: 0 16px 50px rgba(0,0,0,.07);}
.about-wrapper.style0 .icon-div {width: 100%; position: relative; float: left; margin-top: 20px;}
.about-wrapper.style0 .icon-div-img {  width: 90px; height: 90px; background: linear-gradient(to right, #f97221 0%, #f9be4f 100%); border-radius: 100px; line-height: 90px; text-align: center;  margin-right: 20px; float: left; }
.about-wrapper.style0 h4 {color: #190491;    font-size: 20px;    font-weight: 500;    margin-bottom: 10px;    display: block;    letter-spacing: 0.3px;     }

.about-wrapper.style1.bg-triangle:after {background-image: url(../images/bg37.png);content: ''; height: 900px; width: 100%; z-index: -1;  position: absolute; top:0%; left:0;  background-size: contain; background-repeat: no-repeat;  }
.about-wrapper.style1 h2 {font-size: 34px; line-height: 52px; margin-top: 20px;  font-weight: 600; color: #140080; font-weight: 600; }
.about-wrapper.style1 h4 {color: #290fcd; font-size: 14px; font-weight: 600;  line-height: 32px; margin-top: 15px; margin-bottom: 15px; }
.about-wrapper.style1 p {color: #999; font-size: 13px; line-height: 32px;  }
.about-wrapper.style1 .bttn {text-align: center;letter-spacing: 0.5px;color: #000;font-weight: 600;border: 0;outline: none;background: #00d7f1 !important;margin-top: 0;text-transform: initial;padding: 0;position: relative;left: 1px;line-height: 47px;font-size: 14px;border-radius: 25px;box-shadow: 0 16px 50px rgba(0,0,0,.07);letter-spacing: 1px; font-size: 12px; text-transform: uppercase; display: inline-block;   min-width: 150px; margin-top: 30px; }
.about-wrapper.style1 .bttn2 { text-align: center; background-color: #00d7f1; color: #fff; font-size: 12px; font-weight: 500; padding: 0 50px; letter-spacing: 1px; text-transform: uppercase; border-radius: 30px; line-height: 55px; display: inline-block;}


.about-item.style2.div-pos {position: absolute;    right: 0;    width: 326px;}
.about-item.style2 span {font-size: 45px; position: absolute; top:7px;  left:0; }
.about-item.style2 p { font-size: 15px;    line-height: 34px;}
.about-item.style2 h2 {font-size: 60px; font-weight: bold; color: #3a3a3a; letter-spacing: 1px; line-height: 1.2; }
.about-item.style2 h3 {font-size: 36px; line-height: 1.6; }
.about-item.style2 h4 {font-size: 26px; line-height: 1.6; }
.about-item.style2 h6 {font-size: 10px; letter-spacing: 2px; }
.about-item.style2 .bttn1 {background-color: #fc8157;color: #fff;font-size: 12px;padding: 0 20px;min-width: 180px;text-align: center;line-height: 50px;display: inline-block;border-radius: 30px;font-weight: 500;box-shadow: 12px 12px 20px 7px rgba(20,0,128,0.09);margin-right: 20px; letter-spacing: 1px; }
.about-item.style2 .bttn2 {background-color: #333333;height: 50px;text-align: center;width: 50px;border-radius: 60px;line-height: 47px;display: inline-block;margin-right: 20px;}
.about-item.style2 .bttn2 img {width: 25px;display: inline-block;right: 0;  float: none;}
.about-item.style2 .bttn3 {font-size: 16px;  letter-spacing: 1px; display: inline-block;}
.about-item.style2 .bttn3 img {width: 15px; float: right; margin-left: 5px; position: relative; top:5px; }

.about-wrapper.style3 .about-feature-image img {border-radius: 10px; }
.about-wrapper.style3 .about-feature-image .img-two {position: absolute;right: -95px;top: -95px;}
.about-wrapper.style3 h2 {font-size: 85px; line-height: 1; font-weight: 400; margin-bottom: 0;  }
.about-wrapper.style3 h3 { font-size: 20px; font-weight: 900; color: #444; text-transform: uppercase; line-height: 34px;  font-family: 'Montserrat', sans-serif; letter-spacing: 4px; }
.about-wrapper.style3 p {font-size: 18px; line-height: 36px; color: #666;}

.about-wrapper.style4 .love-div {padding:50px 75px 75px 75px; }
.about-wrapper.style4 .love-div h3 {font-size: 45px; font-weight: 400; color: #444; margin-bottom: 15px; margin-top: 30px; font-family: 'Great Vibes', cursive; }
.about-wrapper.style4 .love-div p {color: #555; font-size: 16px; line-height: 30px; }
.about-wrapper.style4 .social-icons li a {font-size: 14px;display: inline-block;width: 35px;height: 35px;line-height: 35px;border-radius: 100%;color: #e5e5e5;background-color: #333;}
.about-wrapper.style4 .member {width: 200px; }
.about-wrapper.style4 .big-member {width: 300px; }
.about-wrapper.style4 p {color: #555; font-size: 16px; line-height: 30px; padding: 0 10%; }
.about-wrapper.style4 h4 {font-size: 15px;text-transform: uppercase;letter-spacing: 2px;color: #333;font-weight: bold;margin-bottom: 20px;display: block;font-family: 'Montserrat', sans-serif; margin-top: 30px}
.about-wrapper.style5:after {top:40%; height: 60%; width: 100%; content: '';   left:0; position: absolute;  background-color: #faf9f6; }
.about-wrapper.style5 .video-wrap {border-radius: 10px; border:8px #fff solid; display: inline-block; box-shadow: 0 16px 50px rgba(0,0,0,.07); width: 100%; }
.about-wrapper.style5 .video-wrap img {width: 100%; }
.about-wrapper.style6 .about-img .bg-banner {  position: absolute; top:50px; left: 50px;  width: 92%; height: 92%; z-index: 1; opacity: 0.6; }
.about-wrapper.style7:after {background-image: url(../images/bg-57.png); background-size: contain; width: 100%; height: 1000px; content: ''; position: absolute; top:10%; left:0; background-repeat: no-repeat; background-position: center;}
.about-wrapper.style7 span {font-size: 12px; text-transform: uppercase; letter-spacing: 2px; color: #999; font-weight: 600; display: inline-block; margin-top: 20px; }
.about-wrapper.style7 h2 {margin: 20px 0;  font-weight: 700; color: #111; font-size: 42px; line-height: 1.4; }
.about-wrapper.style7 p {color: #999;font-size: 13px;line-height: 30px;font-family: 'Montserrat', sans-serif;font-weight: 500;}
.about-wrapper.style7 .bttn {background-color: #333; font-weight: 600; letter-spacing: 2px; color: #fff; font-size: 11px; line-height: 50px; text-align: center; width: 170px;   display: inline-block; text-transform: uppercase; }

.about-wrapper.style8 span { font-size: 80px; position: relative; font-weight: bold; color: #eee; letter-spacing: 4px; }
.about-wrapper.style8 h2 { position: absolute; text-align: center; width: 100%; bottom: 15px; z-index: 2; font-size: 15px; text-transform: uppercase; font-weight: bold; color: #000; letter-spacing: 3px; }
.about-wrapper.style8 h3 {}
.about-wrapper.style8 p {color: #666;font-size: 14px;line-height: 36px; }

.about-wrapper.style9 .float-image {width:496px; height: 316px; position: absolute; bottom:-0px; max-width: 496px; right:0;}
.about-wrapper.style9 .is-countdown {background-color: transparent; margin-top: 30px; }
.about-wrapper.style9 .countdown-section {text-align: left; width: 22%; }
.about-wrapper.style9 .countdown-amount {font-family: 'Montserrat', sans-serif; font-weight: 600; color: #32ea92; font-size: 60px; }
.about-wrapper.style9 .countdown-period {font-size: 15px; }
.about-wrapper.style9 .parallex-bg {top:15%; right:-7%; position: absolute; width: 317px; height: 417px; background-image: url(../images/h3-slider-img-2.png); z-index: 2; }
.about-wrapper.style9.text-grey .countdown-amount { color: #333; font-size: 45px; font-weight: 700;}
.about-wrapper.style9.text-grey .countdown-period {color: #777; font-size: 11px; }
.zoom-gallery a {display: inline-block;}

.is-countdown.text-grey {background-color: transparent; margin-top: 30px; }
.is-countdown.text-grey .countdown-section {text-align: left; width: 22%; }
.is-countdown.text-grey .countdown-amount {font-family: 'Montserrat', sans-serif; font-weight: 300; color: #333; font-size: 40px; }
.is-countdown.text-grey .countdown-period {font-size: 11px; color: #333; margin-left: 3px;  }

.is-countdown.text-white {background-color: transparent; margin-top: 30px; }
.is-countdown.text-white .countdown-section {text-align: left; width: 22%; }
.is-countdown.text-white .countdown-amount {font-family: 'Montserrat', sans-serif; font-weight: 300 !important; color: #fff !important; font-size: 30px !important; }
.is-countdown.text-white .countdown-period {font-size: 11px; color: #fff !important; margin-left: 3px;  }

.is-countdown.text-small {background-color: transparent; margin-top: 30px; }
.is-countdown.text-small .countdown-section {text-align: left; width: 22%; }
.is-countdown.text-small .countdown-amount {font-family: 'Montserrat', sans-serif; font-weight: 300 !important; color: #333 !important; font-size: 24px !important; }
.is-countdown.text-small .countdown-period {font-size: 8px; color: #333 !important; margin-left: 3px;  }
.is-countdown.text-small .countdown-section {width: 14%; }


.roadmap-line {position: relative;}
.roadmap-line:after {position: absolute; top:0; left:0; width: 100%; content: '' ; background-color: #fff; height: 1px; width: 100%;  opacity: 0.4; z-index: 1; }
.roadmap-line .col-lg-2:after {width: 14px; height: 14px; position: absolute; top:-7px; left:0; background-color: #fff; opacity: 1; content: ''; border-radius: 100%;   }
.roadmap-line .col-lg-2:before {width: 26px; height: 26px; background-color: transparent; left:-6px; top:-13px; content: ''; position: absolute; border-radius: 100%; border:1.2px #fff solid;   }
.roadmap-line .col-lg-2 .top-content {position: absolute; top:-130px; left:0; z-index: 2; padding-right: 40px; }
.roadmap-line .col-lg-2 .top-content b {font-weight: 600 !important; color: #fff; letter-spacing: 1px; display: inline-block; margin-bottom: 15px;  font-family: 'Montserrat', sans-serif;}
.roadmap-line .col-lg-2 .top-content p {font-size: 12px;font-weight: 500;color: #d1d1d1; letter-spacing: 0.1px; line-height: 28px; z-index: 5; position: relative; }
.roadmap-line .col-lg-2 .bottom-content {position: absolute; bottom:-130px; left:0; z-index: 2; padding-right: 40px; }
.roadmap-line .col-lg-2 .bottom-content b {font-weight: 500 !important; color: #fff; letter-spacing: 1px; display: inline-block; margin-bottom: 15px; font-family: 'Montserrat', sans-serif;}
.roadmap-line .col-lg-2 .bottom-content p {font-size: 12px;font-weight: 500;color: #d1d1d1; letter-spacing: 0.1px; line-height: 28px; z-index: 5; position: relative; }
.roadmap-line .col-lg-2.last {position: absolute; top:0; right: 0; }
.roadmap-line .col-lg-2.last:after {right:0; left:auto;}
.roadmap-line .col-lg-2.last:before {right:-6px; left:auto;}
.roadmap-line .col-lg-2.last .top-content {    right: -100px;left: auto;width: 220px;}

.roadmap-line.style2 .top-content {margin-bottom: 50px; padding-left: 30px; }
.roadmap-line.style2 .top-content:after {position: absolute; background-color: #333; height: 150%; left:6px; top:10px; content: ''; width: 1px; }
.roadmap-line.style2 .top-content.last:after { display: none;}
.roadmap-line.style2 .top-content b {font-size: 18px; letter-spacing: 1px; margin-bottom: 15px; display: inline-block; text-transform: uppercase; }
.roadmap-line.style2 .top-content p {color: #444; font-size: 15px; line-height: 30px; padding-right: 20%; }
.roadmap-line.style2 .col-md-12:after {width: 14px; height: 14px; position: absolute; top:-7px; left:0; background-color: #333; opacity: 1; content: ''; border-radius: 100%;   top: 4px;}
.roadmap-line.style2 .col-md-12:before {width: 26px; height: 26px; background-color: transparent; left:-6px; top:-13px; content: ''; position: absolute; border-radius: 100%; border:1.2px #333 solid;   top: -2px;}



/*-----------------------------------------------------------
    8. SERVICE WRAPPER
-------------------------------------------------------------*/
.service-wrapper.style0:after {background-image: url(../images/bg-105.png); content: ''; position: absolute; width: 100%; height: 180%; background-position: top center; z-index: 1; top:-650px;}
.service-item.style0 {padding: 50px; }
.service-item.style0:hover {box-shadow: 0 15px 60px 0 rgba(0,0,0,.1);    background-color: #fff; cursor: pointer;}
.service-item.style0 img {width: 80px; }
.service-item.style0 h4 {color: #190491; font-size: 20px; font-weight: 500; margin-bottom: 20px; display: block;  letter-spacing: 0.3px; margin-top: 30px; }
.service-item.style0 p {    font-size: 14px;    line-height: 32px;    color: #6a7c92;  }

.service-wrapper.style1 .col-sm-12 {background-color: #fff; padding: 80px 20px; position: relative; top:-200px;  }
.service-wrapper.style1 .page-right-box {position: absolute; top:0px;  right: 0; width: 50%; height: 100%; background-color: #fff; display: inline-block; z-index: 1; }
.service-wrapper.style1 .page-left-box {position: absolute; top:0px;  left: 0; width: 50%; height: 100%; background-color: #fff; display: inline-block; z-index: 1; }

.service-item.style1 { padding: 40px; -webkit-box-shadow: 0px 50px 100px 0px rgba(220, 227, 249, 0.6 ), 0px -6px 0px 0px rgba(220,227,249, 1);    box-shadow: 0px 50px 100px 0px rgba(220, 227, 249,0.6 ), 0px -6px 0px 0px rgba(220,227,249, 1);}
.service-item.style1:hover {-webkit-box-shadow: 0px 50px 100px 0px rgba(220, 227, 249, 0.6 ), 0px -6px 0px 0px rgba(6,53,201, 1);    box-shadow: 0px 50px 100px 0px rgba(220, 227, 249,0.6 ), 0px -6px 0px 0px rgba(6,53,201, 1); cursor: pointer;}
.service-item.style1 img { width: 80px; display: inline-block; margin-bottom: 40px;}
.service-item.style1 span {font-size: 60px; color: #190491; }
.service-item.style1 h2 {color: #190491; font-size: 22px; font-weight: 600; margin-bottom: 30px; display: block;  letter-spacing: 0.3px; }
.service-item.style1 p {display: inline-block; color: #999; font-size: 14px; line-height: 32px; }

.service-item.style2 {padding: 40px;   background-image: linear-gradient(to bottom, #fe5303, #fc3c0d); background-color: #d6c9ec;}
.service-item.style2 img {width: 60px; margin-bottom: 25px; display: inline-block;}
.service-item.style2 h4 {font-size: 16px; color: #333; font-weight: 600; margin-bottom: 20px; display: block;  letter-spacing: 1px; }
.service-item.style2 p {display: inline-block; color: #333; font-size: 14px; line-height: 32px; }

.bg-app-service:after {content: ''; position: absolute; z-index: 1; width: 100%; height: 1600px; top:-200px; left:0; display: inline-block; background-image: url(../images/bg-2.png); background-repeat: no-repeat; background-size: contain;}
.style3-bg {background-color: #fff; padding: 35px 80px; border-radius: 15px;  box-shadow: 12px 12px 20px 7px rgba(20,0,128,0.09);}

.service-item.style3 {padding: 30px;     }
.service-item.style3 .icon-div {-webkit-box-sizing: content-box;box-sizing: content-box;width: 55px;height: 60px;position: relative;margin: 0px 0px 25px;font-size: 24px;-webkit-border-radius: 50% / 14%;border-radius: 50% / 14%;color: white;text-align: center;line-height: 64px;-o-text-overflow: clip;text-overflow: clip;z-index: 1;}
.service-item.style3 .icon-div i {font-size: 24px; }
.service-item.style3 .icon-div:before {-webkit-box-sizing: content-box;box-sizing: content-box;position: absolute;content: "";top: 10%;right: -5.5%;bottom: 10%;left: -5%;border: none;-webkit-border-radius: 7% / 50%;border-radius: 7% / 50%;-o-text-overflow: clip;text-overflow: clip;text-shadow: none;z-index: -1;}
.service-item.style3 .icon-div.one-no:before,
.service-item.style3 .icon-div.one-no {background-color: #7142f8; }
.service-item.style3 .icon-div.two-no:before,
.service-item.style3 .icon-div.two-no {background-color: #fa4c9a; }
.service-item.style3 .icon-div.three-no:before,
.service-item.style3 .icon-div.three-no {background-color: #ecbf24; }
.service-item.style3 .icon-div.four-no:before,
.service-item.style3 .icon-div.four-no {background-color: #35bfe7; }
.service-item.style3 .icon-div.five-no:before,
.service-item.style3 .icon-div.five-no {background-color: #f38650; }
.service-item.style3 .icon-div.six-no:before,
.service-item.style3 .icon-div.six-no {background-color: #5cbd2c; }
.service-item.style3 img {width: 60px; margin-bottom: 25px; display: inline-block;}
.service-item.style3 h4 {font-size: 18px; color: #111;   margin-bottom: 20px; display: block;  letter-spacing: 0.6px; }
.service-item.style3 p {display: inline-block; color: #333; font-size: 14px; line-height: 32px; }


.service-item.style4 {padding: 60px; box-shadow: 0 16px 50px rgba(0,0,0,.07); }
.service-item.style4 img {width: 80px; margin-bottom: 25px; display: inline-block;}
.service-item.style4 h4 {font-size: 20px; color: #111; font-weight: bold; margin-bottom: 20px; display: block;    }
.service-item.style4 h5 {font-size: 15px;text-transform: uppercase;letter-spacing: 2px;color: #333;font-weight: bold;margin-bottom: 20px;display: block;font-family: 'Montserrat', sans-serif;margin-top: 10px; }
.service-item.style4 p {display: inline-block; color: #333; font-size: 14px; line-height: 30px; }
.service-item.style4 a {background-color: #333; padding: 0 30px; font-weight: 500; font-size: 11px; letter-spacing: 2px; text-transform: uppercase; color: #fff; line-height: 45px; display: inline-block; margin-top: 35px; }


.service-item.style5 h4 {font-size: 14px; text-transform: uppercase; letter-spacing: 2px;  color: #111; font-weight: bold; margin-bottom: 20px; display: block;    font-family:'Montserrat', sans-serif;}
.service-item.style5 img {width: 70px; margin-bottom: 25px; display: inline-block;}
.service-item.style5 .round-img {width: 100px; height: 100px;  display: inline-block; border-radius: 100%; line-height: 100px; text-align: center; margin-bottom: 30px; }
.service-item.style5 .round-img img {width: 50px; margin-bottom: 0; display: inline-block; }
.service-item.style5 p {display: inline-block; color: #333; font-size: 13px; line-height: 28px; font-family:'Montserrat', sans-serif; padding: 0 8%; color: #ddd;}
.service-item.style5 a {display: inline-block; color: #333; font-size: 11px; line-height: 45px; font-family:'Montserrat', sans-serif; padding: 0 8%; color: #fff; letter-spacing: 2px; text-transform: uppercase; font-weight: 500; margin-top: 30px; }

.service-item.style6 img { min-height: 166px;  margin-bottom: 30px; display: inline-block;}
.service-item.style6 span {font-size: 50px; font-weight: 700; color: #ddd;  font-family:'Montserrat', sans-serif;  display: block;}
.service-item.style6 h2 {font-size: 24px; letter-spacing: 1px; line-height: 36px; }
.service-item.style6 h4 {font-size: 20px; text-transform: uppercase; letter-spacing: 2px;  color: #333; font-weight: bold; margin-bottom: 30px; margin-top: 20px;  display: block;    font-family:'Montserrat', sans-serif;}
.service-item.style6 h6 {text-transform: uppercase; font-size: 11px; letter-spacing: 1px; margin-bottom: 20px;  }
.service-item.style6 p {display: inline-block; color: #999; font-size: 13px; line-height: 30px; font-family:'Montserrat', sans-serif; font-weight: 500;  padding: 0 20px; }
.service-item.style6 b {position: absolute; color: #ff6b08; font-size: 20px; top:0; left:15px; letter-spacing: 3px;  }
.service-item.style6 b:after {width: 30px; background-color:#ff6b08; content: ''; height: 1px; position: absolute; top:14px; right:-40px; }
.service-item.style7 {padding: 80px 70px; background-color: #fff;}
.service-item.style7 .icon-img {width: 40px; margin-right: 15px; margin-bottom: 30px; }
.service-item.style7 span.icon {width: 35px; height: 35px; border-radius: 100%; background-color: #2ca4e5; display: inline-block; position: absolute; top:0; left:0;}
.service-item.style7 span.icon:before {z-index: 2;font-size: 24px;color: #fff;right: -9px;position: relative;top: 4px;}
.service-item.style7 .page-title.style9.style12:after {display: none;}
.service-item.style7 .page-title.style9.style12 span {color: #999 !important;}
.service-item.style7 h4 {font-size: 16px;font-family: 'Montserrat', sans-serif; font-weight: 600; color: #111; margin-bottom: 8px; margin-top: 3px; }
.service-item.style7 p {    color: #666;font-size: 13px;line-height: 28px;font-family: 'Montserrat', sans-serif;font-weight: 400;}

.service-item.style8.active {background-color:#0B1370; cursor: pointer;}
.service-item.style8.active .icon-div  {background-color:#150e92 !important;}
.service-item.style8 {border-radius: 0 45px 45px 45px;}
.service-item.style8:hover {background-color:#0B1370; cursor: pointer;}
.service-item.style8:hover .icon-div {background-color:#150e92 !important;}
.service-item.style8 .icon-div {width: 70px; height: 70px; border-radius: 0 15px 15px 15px; line-height: 70px; text-align: center; background-color: #0B1370; margin:0 auto 30px; }
.service-item.style8 .icon-div img {width: 40px; }
.service-item.style8 h4 {color: #fff; font-size: 20px; font-weight: 600; margin-bottom: 30px; display: block;  letter-spacing: 0.3px; margin-top: 40px; }
.service-item.style8 p {    font-size: 14px;    line-height: 32px;    color: #a5a3cf;  padding: 0 5%; }

.service-item.style9 {padding: 30px 30px 30px 90px; }
.service-item.style9:hover {background-color: #df3d30; border-radius: 15px; cursor: pointer;}
.service-item.style9 img {position: absolute; width: 40px; height: 40px; display: inline-block; top:30px; left:25px; }
.service-item.style9 h4 { font-size: 17px; font-weight: 600; margin-bottom: 15px; margin-top: 0; letter-spacing: 0.5px; }
.service-item.style9 p {color: #f8f2f3; opacity: 0.8;  font-size: 13px; line-height: 30px; margin-bottom: 0; letter-spacing: 0.5px; }

.service-item.style10 h4 {margin-top: 30px; margin-bottom: 30px; display: block; font-size: 20px; }
.service-item.style10 p {font-size: 15px; line-height: 30px; }

.service-item.style11 .icon-div {width: 110px; height: 110px;  border-radius: 10px; background-color: #e9f8ff; text-align: center; line-height: 110px; display: inline-block; margin-right: 30px; float: left;}
.service-item.style11 .icon-div img {width: 50px;}
.service-item.style11 h2 {font-size: 50px; letter-spacing: 2px; }
.service-item.style11 h3 { font-size: 20px;  color: #333;  margin-bottom: 15px; }
.service-item.style11 .num-large {font-size: 40px; letter-spacing: 2px; }
.service-item.style11 h4 { font-size: 24px;   font-weight: 600; color: #333;  margin-bottom: 15px; }
.service-item.style11 p.small-text {font-size: 14px; line-height: 30px; color: #333;}
.service-item.style11 p {font-size: 15px; line-height: 32px; color: #333;}
.service-item.style11 span {font-size: 12px; letter-spacing: 1px;  }

.service-item.style12 h2 { font-size: 20px;  }
.service-item.style12 h4 {margin-top: 30px; margin-bottom: 30px; display: block; font-size: 18px; letter-spacing: 1px;  }
.service-item.style12 p {font-size: 14px; line-height: 30px; padding: 0 10%; }

.service-item.style13 .icon-img {width: 25px; margin-right: 15px; margin-bottom: 30px; position: relative; top:4px;}
.service-item.style14 {padding: 20px 40px 40px; border-radius: 15px;  }
.service-item.style14 i {position: absolute; top:45px; right:50px; font-size: 45px; color: #ddd;}
.service-item.style14 h4 {font-size: 20px; }
.service-item.style14 p {font-size: 14px; line-height: 30px; }
.service-item.style14 span {font-size: 65px; letter-spacing: 3px;   display: inline-block; background: -webkit-linear-gradient(#f571ba , #ca571a);  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;}



 /*-----------------------------------------------------------
    9. PRICE WRAPPER
-------------------------------------------------------------*/

.price-item.style1 { margin: 0 15px;-webkit-box-shadow: 0px 50px 100px 0px rgba(220, 227, 249, 0.6 ), 0px -6px 0px 0px transparent;    box-shadow: 0px 50px 100px 0px rgba(220, 227, 249,0.6 ), 0px -6px 0px 0px transparent; text-align: center; border:1px #fff solid; border-radius: 10px;  }
.price-item.style1 h4 {font-size: 13px; letter-spacing: 1px; margin-bottom: 20px; font-weight: 600; color: #1e1666; }
.price-item.style1 h4 span {font-size: 13px; letter-spacing: 1px; margin-bottom: 20px; font-weight: 600;  color:#fff; }
.price-item.style1 h5 {   font-weight: bold; font-size: 55px; line-height: 1;  letter-spacing: 3px; text-transform: uppercase;  color: #1e1666 ; margin-bottom: 50px; font-family: 'Montserrat', sans-serif; margin-top: 40px; }
.price-item.style1 hr {width: 100%; border-top: 1px #eee solid; margin-top: 30px; margin-bottom: 30px; }
.price-item.style1 h5 span {font-size: 20px;     color: #1e1666 ;vertical-align: middle;position: relative;font-weight: bold;margin-right: 10px;top: 5px;left: -16px;letter-spacing: 0; text-transform: lowercase;}
.price-item.style1 h5 b {font-size: 45px; vertical-align: top; position: relative; top:5px ;}
.price-item.style1 h6 {text-decoration: underline; color: #333; font-weight: 400;  font-size: 20px; text-transform: initial; letter-spacing: 0.4px; }
.price-item.style1 p {color: #6a7c92; line-height: 44px; letter-spacing: 0.2px;  font-size: 14px; font-weight: 400;  font-family: 'Montserrat', sans-serif; }
.price-item.style1 p b {font-weight: 400; color: #6a7c92;}
.price-item.style1 a {margin-top: 50px; text-transform: uppercase;background: #00d7f1 !important; border-radius: 20px;line-height: 45px; padding: 0 40px;  color: #fff;display: inline-block;font-size: 11px;font-weight: bold; letter-spacing: 1px; border:0; color: #fff;}
.price-item.price-inverted {background: linear-gradient(to right, #f97221 0%, #f9be4f 100%); }
.price-item.price-inverted h5 span,
.price-item.price-inverted h5,.price-item.price-inverted p,.price-item.price-inverted p b,
.price-item.price-inverted h4 {color: #fff; }
.price-item.price-inverted a {background-color: #fff !important; color:#f97221; line-height: 50px; height: 50px; border-radius: 25px;   }
.price-item.box {box-shadow: 0 15px 60px 0 rgba(0,0,0,.1); }


.price-item { border-radius: 5px;  padding: 50px 30px; border:1px #111 solid; }
.price-item h4 {font-weight: bold; font-size: 24px; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 40px; color: #111;}
.price-item h5 {position: relative; left:-10px;  font-weight: bold; font-size: 64px;line-height: 1;  letter-spacing: 2px; text-transform: uppercase; margin-bottom: 30px; color: #111; margin-bottom: 40px; }
.price-item h5 span {font-size: 24px; vertical-align: middle; position: relative; top:-3px; font-weight: 600 ;color: #333; margin-right: 10px;  }
.price-item h6 {font-size: 500; font-size: 14px; letter-spacing: 1px; margin-bottom: 20px; margin-top: 0; text-transform: uppercase; }
.price-item a { border-bottom: 2px solid #031e23;     margin-top: 30px; display: inline-block; font-weight: bold; font-size: 12px; color: #111; text-transform: uppercase; letter-spacing: 2px;}
.bg-inverted {background-color: #031e23; color: #fff;}
.price-item.style1 a.bg-white {background-color: #fff !important; color: #0B1370 ;}
.price-item.text-white p b,
.price-item.text-white p,
.price-item.text-white a,.bg-inverted a,
.price-item.text-white h5 span,.bg-inverted h5 span,
.price-item.text-white h5,.bg-inverted h5,
.price-item.text-white h4,.bg-inverted h4 {color: #fff;}

.price-item.style2 { margin: 0 15px;  box-shadow: 12px 12px 20px 7px rgba(20,0,128,0.09); text-align: center; border:0px ; border-radius: 10px; overflow: hidden; background-image: url(../images/bg-6.png); background-size: cover; background-repeat: no-repeat;}
.price-item.style2 h4 {font-size: 13px; letter-spacing: 1px; margin-bottom: 20px; font-weight: 600; color: #333; }
.price-item.style2 h4 span {font-size: 13px; letter-spacing: 1px; margin-bottom: 20px; font-weight: 600;  color:#fff; }
.price-item.style2 h5 {   font-weight: bold; font-size: 55px; line-height: 1;  letter-spacing: 3px; text-transform: uppercase;  color: #fc8157 ; margin-bottom: 50px; font-family: 'Montserrat', sans-serif; margin-top: 40px; }
.price-item.style2 hr {width: 100%; border-top: 1px #eee solid; margin-top: 30px; margin-bottom: 30px; }
.price-item.style2 h5 span {font-size: 20px;     color: #fc8157 ;vertical-align: middle;position: relative;font-weight: bold;margin-right: 10px;top: 5px;left: -16px;letter-spacing: 0; text-transform: lowercase;}
.price-item.style2 h5 b {font-size: 45px; vertical-align: top; position: relative; top:5px ;}
.price-item.style2 h6 {text-decoration: underline; color: #333; font-weight: 400;  font-size: 20px; text-transform: initial; letter-spacing: 0.4px; }
.price-item.style2 p {color: #333; line-height: 45px; letter-spacing: 0.2px;  font-size: 14px; font-weight: 400;  }
.price-item.style2 p b {font-weight: 400; color: #333;}
.price-item.style2 a {margin-top: 30px; text-transform: uppercase;    color: #fc8157;display: inline-block;font-size: 12px;border-bottom: 2px #fc8157 solid;  font-weight: bold; letter-spacing: 1px;  color: #fc8157;}

.price-item.style3 { margin: 0 15px;  text-align: center; border:1px #eee solid;  }
.price-item.style3 h4 {font-size: 14px; letter-spacing: 2px; margin-bottom: 20px; font-weight: 500; color: #333; }
.price-item.style3 h4 span {font-size: 13px; letter-spacing: 1px; margin-bottom: 20px; font-weight: 600;  color:#fff; }
.price-item.style3 h5 {   font-weight: bold; font-size: 40px; line-height: 1;  letter-spacing: 3px; text-transform: uppercase;  color: #fc8157 ; margin-bottom: 30px; font-family: 'Montserrat', sans-serif; margin-top: 40px; }
.price-item.style3 hr {width: 100%; border-top: 1px #eee solid; margin-top: 30px; margin-bottom: 30px; }
.price-item.style3 h5 span {font-size: 20px;     color: #fc8157 ;vertical-align: middle;position: relative;font-weight: bold;margin-right: 10px;top: 5px;left: -16px;letter-spacing: 0; text-transform: lowercase;}
.price-item.style3 h5 b {font-size: 30px; vertical-align: top; position: relative; top:5px ;}
.price-item.style3 h6 {text-decoration: underline; color: #333; font-weight: 400;  font-size: 20px; text-transform: initial; letter-spacing: 0.4px; }
.price-item.style3 p {font-size: 16px;line-height: 40px;    color: #666; font-family: 'Cardo', serif; }
.price-item.style3 a {margin-top: 40px; text-transform: uppercase;    color: #333;display: inline-block;font-size: 12px;border-bottom: 2px #333 solid;  font-weight: bold; letter-spacing: 1px;  color: #333;}

.price-item.style5 {margin: 0;}
.price-item.style5 h5 {font-size: 70px; letter-spacing: 2px;  }
.price-item.style5 h5 b {font-size: 20px; }
.price-item.style5 span {font-size: 13px; color: #ccc; margin-right: 15px; line-height: 25px;  }
.price-item.style5 span img {width: 25px; display: inline-block; margin-right: 10px; position: relative; top:-3px; }
.price-item.style5 p {font-size: 13px; }
.price-item.style3 a {  border-bottom: 0; background-image: url(../images/bg-90.png);width: 200px;height: 60px;background-size: contain;background-repeat: no-repeat;line-height: 55px;text-align: center;font-size: 12px;text-transform: uppercase;font-weight: 600;letter-spacing: 1px;display: inline-block;background-color: transparent;padding: 0; color: #fff;}

.price-item.style4 {padding: 0; border:0;}
.price-item.style4 .col-sm-3 {border-left: 1px #eee solid;}
.price-item.style4 .col-sm-3,
.price-item.style4 .col-sm-5 {padding:40px 45px 35px 45px; background-color: #fff; }
.price-item.style4 h4 {margin-bottom: 20px; }
.price-item.style4 p {    font-size: 14px; margin-bottom: 15px;    line-height: 34px;    font-weight: 400;}
.price-item.style4 span {font-size: 13px; color: #ccc; margin-right: 15px; line-height: 25px;  }
.price-item.style4 span img {width: 25px; display: inline-block; margin-right: 10px; position: relative; top:-3px; }
.price-item.style4 h5 {font-size: 45px; letter-spacing: 1px;  margin-bottom: 0; }
.price-item.style4 a {line-height: 50px; padding: 0 40px ;text-transform: uppercase; font-weight: 600;}


.price-wrap span {font-size: 12px; display: inline-block;}
.price-wrap h6 {font-size: 14px; color: #6a7c92; line-height: 24px; padding-left: 35px;  }
.price-wrap .price-div {border-radius: 5px; padding: 40px 40px 50px 40px; text-align: center;  }
.price-wrap h2 {font-size: 45px; color: #333; }
.price-wrap h2 u {font-size: 28px; font-weight: 400; text-decoration: none; margin-right: 5px; vertical-align: super;  }
.price-wrap p {font-size: 12px; line-height: 26px;  }
.price-wrap .price-inverted a {border:1px #32ea92 solid; color: #32ea92;}
.price-wrap .price-inverted a.bg-deepblue { border:1px #2ca4e5 solid; color: #2ca4e5; background-color: transparent !important;}
.price-wrap .price-inverted span.bg-deepblue {}
.price-wrap .price-inverted.price-div {padding: 25px 40px 35px 40px;}
.price-wrap .price-inverted span {background-color: #ccedcf; padding: 0 10px; line-height: 24px; display: inline-block; color: #32ea92;}
.price-wrap .price-inverted {position: relative; right:-60px; }

.food-menu:before {width: 273px; height: 467px; content: ''; position: absolute; top:100px; right:0; background-image: url(../images/bg-19.jpg); }
.food-menu:after {width: 273px; height: 467px; content: ''; position: absolute; bottom:100px; left:0; background-image: url(../images/bg-20.jpg); }
.menu-list__item-highlight-wrapper:after {width: 49px; height: 28px; right: -40px; top:-30px; content: ''; background-image: url(../images/bg-21.png); position: absolute; }
.food-item {padding: 60px 60px 20px 60px; background-color: #fff; box-shadow: 0 10px 20px rgba(0,0,0,.07); margin: 40px 10px 30px 10px;  }
.food-item-title {width: 181px; height: 33px; background-image: url(../images/bg-22.png); background-size: contain; position: absolute; top:-18px; left: 50%; margin-left: -90px; text-align: center; font-size: 14px; font-family: 'Montserrat', sans-serif;  color: #fff; line-height: 30px; font-weight: bold; letter-spacing: 2px; text-transform: uppercase;  }
.menu-list__item {position: relative;margin-bottom: 30px;list-style-type: none;}
.menu-list__item-title {position: relative;margin-top: 0;margin-bottom: 0;padding-right: 96px;text-align: left;}
.menu-list__item-title .item_title {position: relative;z-index: 5;background-color: #fff;font-family: 'Cardo', serif ;font-weight: bold;font-size: 22px; color: #333;padding-right: 10px; }
.menu-list__item span.dots {position: absolute;top: 17px;left: 0;right: 0;z-index: 1;margin: 0;border: 0;height: 3px;display: block;background-image: radial-gradient(circle closest-side, currentColor 99%, transparent 1%);background-position: bottom;background-size: 6px 3px;background-repeat: repeat-x;color: #515151;}
.menu-list__item p.menu-list__item-desc {position: relative;margin-top: 5px; text-align: left;font-family: 'Montserrat', sans-serif; font-size: 13px; font-weight: 500; color: #666; line-height: 25px; }
.menu-list__item p.menu-list__item-desc + span.dots {display: none;}
.menu-list__item-price {position: absolute;top: 0;right: 0;z-index: 1;max-width: 96px;background-color: #fff;font-size: 19px;font-size: 1.1875rem;line-height: 1.27316;font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: 18px;  }


#accordion a {margin-top: 0;  }
#accordion .card {border-radius: 0; margin-bottom: 25px; border:0; }
#accordion .card .card-header {padding: 18px; border: 0; border-bottom: 2px #ddd solid;}
#accordion .card .card-header span {margin-right: 10px; display: inline-block; color: #000; font-size: 13px;  }
#accordion .card .card-header a {display: block;}
#accordion .card .card-header a:after {   font-family: 'themify'; content: "\e64b"; font-size: 28px;  position: absolute;top: -06px;right: 0px;width: 30px;height: 30px;display: block; }}
#accordion .card .card-header a.collapsed:after {-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
#accordion .card .card-body {padding-bottom: 0; }
#accordion .card .card-body p {margin-top: 0; }

.bitcoin-agency #accordion .card .card-header {border-bottom: 0; background-color: transparent;  }
.bitcoin-agency #accordion .card {margin-bottom: 15px; background-color: transparent; }
#accordion .card .card-header a,
.bitcoin-agency #accordion .card .card-header span {color: #1e1666; font-weight: 500; font-size: 18px; }
.bitcoin-agency #accordion .card .card-header a:after {     font-family: 'themify'; content: "\e64b"; font-size: 28px;  position: absolute;top: -06px;right: 0px;width: 30px;height: 30px;display: block; } 
.bitcoin-agency #accordion .card .card-header a.collapsed:after {-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
.bitcoin-agency #accordion .card .card-body {padding: 24px; background-color: transparent;  }
.bitcoin-agency  #accordion .card .card-body p {font-size: 14px; line-height: 32px; color: #6a7c92; }

.style1.accordion .card .card-header a,
.style1.accordion .card .card-header span {color: #6a7c92 !important;  font-family: 'Montserrat', sans-serif; font-size: 14px !important; }
.style1.accordion .card .card-body p {font-size: 14px; }


/*-----------------------------------------------------------
    10. TESTMONIAL WRAPPER
-------------------------------------------------------------*/
.testmonial-style1 .testmonial-item:after {content: ''; background-image: url(../images/icon11.png);width: 41px;height: 40px;position: absolute;bottom: 22px;right: 22px; background-repeat: no-repeat; background-size: contain;}
.testmonial-style1 .testmonial-item {overflow: hidden; border-radius: 5px;  margin:0 15px;  background-color: #fff; box-shadow: 12px 12px 20px 7px rgba(0,0,0,0.07);  padding: 40px;  position: relative; }
.testmonial-style1 .testmonial-item img {float: left; margin-right: 15px;  width: 50px !important; border-radius: 100%; -webkit-box-shadow: 10px 10px 14px -6px rgba(0,0,0,0.05);-moz-box-shadow: 10px 10px 14px -6px rgba(0,0,0,0.05);box-shadow: 10px 10px 14px -6px rgba(0,0,0,0.05);}
.testmonial-style1 .testmonial-item p{         color: #555;font-size: 14px;    line-height: 30px;margin-bottom: 10px;letter-spacing: 0.3px;line-height: 30px; margin-top: 0;  margin-bottom: 30px; }
.testmonial-style1 .testmonial-item h4 {margin-top: 5px;   display: inline-block;   font-size: 15px;   color: #000; font-weight: 700; text-transform: inherit; letter-spacing: 0.4px; }
.testmonial-style1 .testmonial-item h4 span {display: block; color: #999; font-size: 13px; font-weight: 400;  padding-top: 10px; }

.testmonial-style2 .testmonial-item {background-color: #fff; border-radius: 10px;  padding: 30px; -webkit-box-shadow: 4px 4px 15px 3px rgba(20,0,128,0.09);-moz-box-shadow: 4px 4px 15px 3px rgba(20,0,128,0.09);box-shadow: 4px 4px 15px 3px rgba(20,0,128,0.09); margin:40px 15px 15px 15px; }
.testmonial-style2 .testmonial-item img {position: absolute; top:-30px;  width: 60px !important; border-radius: 100%;   -webkit-box-shadow: 4px 4px 15px 3px rgba(20,0,128,0.09);-moz-box-shadow: 4px 4px 15px 3px rgba(20,0,128,0.09);box-shadow: 4px 4px 15px 3px rgba(20,0,128,0.09);}
.testmonial-style2 .testmonial-item p{ color: #333;font-size: 14px;line-height: 32px;  margin-top: 30px; margin-bottom: 25px; }
.testmonial-style2 .testmonial-item h4 {font-size: 14px;   color: #111; font-weight: 600; text-transform: inherit;}
.testmonial-style2 .testmonial-item h4 span {display: block; color: #999; font-size: 11px; font-weight: 400;  padding-top: 8px; }
.testmonial-style2 .testmonial-item .rating-star {width: 80px; height: auto; background-image: url(../images/icon14.png); background-size: contain; background-repeat: no-repeat; display: inline-block; position: absolute; bottom: 45px; right:20px; padding-top: 15px; }
.testmonial-style2 .testmonial-item .rating-star span {  color: #999; font-size: 11px; font-weight: 400;  padding-top: 8px; }
.testmonial-style2 .rating { font-style: italic;     color: #666;font-size: 12px;font-weight: 400; padding-left: 15px; }


.testmonial-style2.style3 .testmonial-item.pos-left {position: relative; left:50px; }
.testmonial-style2.style3 .testmonial-item {box-shadow: none; background-color: #f5f5f5;border-radius: 0; }
.testmonial-style2.style3 .testmonial-item p {display: inline-block;color: #777;font-size: 13px;line-height: 32px;font-family: 'Montserrat', sans-serif;font-weight: 500;  }
.testmonial-style2.style3 .testmonial-item p.text-hi {    font-size: 14px;    line-height: 36px;    color: #6a7c92;}
.testmonial-style2.style3 .testmonial-item img {width: 65px !important;     top: -40px;}

.testmonial-style3 {overflow: hidden;}
.testmonial-style3 .icon-img {width: 80px; margin-bottom: 50px; }
.testmonial-style3 .icon-img.mb30 {width: 60px; margin-bottom: 30px; }
.testmonial-style3 h4 {font-family: 'Cardo', serif ; color: #fff; font-size: 34px; line-height: 52px; }
.testmonial-style3 h4.text-small {font-size: 20px; line-height: 42px;  }
.testmonial-style3 .user-image {width: 90px !important; padding: 10px; border: 1px #e5951a solid; border-radius: 50px; margin: 30px auto; }
.testmonial-style3 .user-image.bg-green2 {padding: 3px !important; border: 0;}
.testmonial-style3 h5 {font-family: 'Cardo', serif; font-size: 21px;  color: #fff;   margin-bottom: 30px; }
.testmonial-style3 h5.small-text {font-size: 16px; }
.testmonial-style3 h5 span {font-family: 'Montserrat', sans-serif; text-transform: uppercase; margin-top: 10px;  font-size: 10px; font-weight: 600;  display: block; text-align: center; color: #aaa; letter-spacing: 2px; }

.testmonial-style3 .small-font h3 {font-size: 18px; padding: 0 30px; line-height: 36px; }
.testmonial-style3 .small-font h4 {font-size: 28px; padding: 0 5%; }
.testmonial-style3 .small-font h6 {font-size: 16px;  }
.testmonial-style3 .small-font h6 span {color: #ddd; display: block; margin-top: 10px; font-weight: 400; font-size: 10px; letter-spacing: 2px ; text-transform: uppercase; }
.testmonial-style3 .small-font .user-image {padding: 5px;  width: 80px !important; }
.testmonial-style3 .small-font .owl-dots {display: none;}

.testmonial-style3 .small-font-two h4 {font-size: 22px; line-height: 40px; font-weight: 500; color: #000;  padding: 0 10% 0 0; margin-bottom: 40px; }
.testmonial-style3 .small-font-two h5 {font-size: 14px; font-family: 'Montserrat', sans-serif; color: #000 !important; font-weight: bold;}
.testmonial-style3 .small-font-two h5 span {text-align: left; color: #555; font-weight: 600; font-size: 10px;  }
.testmonial-style3 .small-font-two h5.text-grey2 {color: #ddd !important; font-weight: 500; }
.testmonial-style3 .small-font-two h5.text-grey2 span {color: #999 !important;}
.testmonial-style3 .small-font-two .user-image {padding: 5px;  width: 80px !important; }
.testmonial-style3 .small-font-two .owl-dots {text-align: left;}
.testmonial-style3 .small-font-two.text-center .owl-dots {text-align: center;}


.testmonial-style3 .small-font-three h4 {font-size: 15px; line-height: 32px; font-weight: 500; color: #000;  padding: 0 10%; margin-bottom: 40px; font-family: 'Montserrat', sans-serif; }
.testmonial-style3 .small-font-three h5 {font-size: 14px; font-family: 'Montserrat', sans-serif; color: #000 !important; font-weight: bold;}
.testmonial-style3 .small-font-three h5 span {text-align: left; color: #555; font-weight: 600; font-size: 10px;  }
.testmonial-style3 .small-font-three .user-image {padding: 0px;  width: 80px !important; border:0; }
.testmonial-style3 .small-font-three .owl-dots {text-align: center;}



/*-----------------------------------------------------------
    11. SLIDER
-------------------------------------------------------------*/
.slider-03.owl-theme .owl-nav {margin-top: 0;  position: absolute; bottom:-25px;  width: 80px; right: 20%; }
.slider-02.owl-theme .owl-nav,
.slider-01.owl-theme .owl-nav,
.slider-0.owl-theme .owl-nav {margin-top: 0;  position: absolute; bottom:-10px;  width: 80px; right: 10px; }
.right-20 .owl-nav{right: 20px !important; }
.slider-03.owl-theme .owl-nav [class*=owl-]:hover,
.slider-02.owl-theme .owl-nav [class*=owl-]:hover,
.slider-01.owl-theme .owl-nav [class*=owl-]:hover,
.slider-0.owl-theme .owl-nav [class*=owl-]:hover {background-color: transparent;}
.slider-03.owl-theme .owl-next,
.slider-03.owl-theme .owl-prev,
.slider-02.owl-theme .owl-next,
.slider-02.owl-theme .owl-prev,
.slider-01.owl-theme .owl-next,
.slider-01.owl-theme .owl-prev,
.slider-0.owl-theme .owl-next,
.slider-0.owl-theme .owl-prev {position: absolute;  width: 50px; margin:0px !important;      }
.slider-03.owl-theme .owl-nav .owl-next { right:0px; top:1px;  opacity: 0.8;}
.slider-03.owl-theme .owl-nav .owl-prev {left: 0px; width: 25px; opacity: 0.8;}
.slider-02.owl-theme .owl-nav .owl-next { right:0px; top:1px;  opacity: 0.8;}
.slider-02.owl-theme .owl-nav .owl-prev {left: 0px; width: 25px; opacity: 0.8;}
.slider-01.owl-theme .owl-nav .owl-next { right:0px; top:1px;  opacity: 0.8;}
.slider-01.owl-theme .owl-nav .owl-prev {left: 0px; width: 25px; opacity: 0.4;}
.slider-03.owl-theme .owl-nav .owl-next,
.slider-0.owl-theme .owl-nav .owl-next { right:0px; top:1px;  opacity: 0.8;}
.slider-03.owl-theme .owl-nav .owl-prev,
.slider-0.owl-theme .owl-nav .owl-prev {left: 0px; width: 25px; opacity: 0.4;}
.section-full .owl-theme .owl-nav {bottom: 30px; }

.slider-4 .owl-nav button.owl-next {right:-65px; position: absolute; }
.slider-4 .owl-nav button.owl-prev {left: -65px; position: absolute; }
.slider-4 .owl-nav {width: 100%; margin-top: 0 !important; position: absolute; bottom: 60%; }
.slider-4 .owl-nav [class*=owl-]:hover {background-color: transparent !important; }


.slider-carousel .item { width: 85%;  height: 560px; background-size: cover; margin: 0 auto;  z-index: 2; -o-object-fit: cover;    object-fit: cover; }
.slider-carousel .owl-stage-outer {overflow: visible !important;}
.slider-carousel a {width: 220px; line-height: 55px; background-color: #fff; color: #111; display: inline-block;position: absolute;z-index: 4;height: 55px;bottom: 15%;left: 15%; text-transform: uppercase; font-weight: 600; letter-spacing: 2px; font-size: 12px; transition-delay: 0.6s; opacity: 0;}
.slider-carousel a img {width: 20px !important; display: inline-block !important;      object-fit: contain !important; margin-left: 20px; }
.slider-carousel h2 {display: block; font-size: 90px; font-weight: bold;  letter-spacing: 2px; padding-top: 150px; margin-left: -15%; padding-right: 45%; z-index: 1; position: absolute; line-height: 1.2; margin-bottom: 0;  }
.slider-carousel .item img { -o-object-fit: cover;    object-fit: cover; height: 100%; position: relative; z-index: 2; }
.slider-carousel span {display: block; font-size: 90px; font-weight: bold;  letter-spacing: 2px; padding-top: 150px; margin-left: -15%; padding-right: 45%; z-index: 3; position: absolute; line-height: 1.2; color: transparent;    -webkit-text-stroke: 2px #fff; }
.slider-carousel span,
.slider-carousel h2 { transition-delay: 0.3s; opacity: 0;}
.slider-carousel .owl-item.active a,.slider-carousel .owl-item.active span,.slider-carousel .owl-item.active h2 { opacity: 1;     -webkit-transition: translateY(0px);    transform: translateY(0px);}

.nav-center .owl-nav {position: absolute; top:45%; margin-top: 0 ;width: 100%; }
.nav-center .owl-nav [class*=owl-] {position: absolute; width: 40px; }
.nav-center .owl-nav [class*=owl-]:hover {background: transparent !important;}
.nav-center .owl-nav .owl-prev {left:-5%; }
.nav-center .owl-nav .owl-next {right:-5%; }

.dot-bottom.owl-theme .owl-dots {margin-top: 0; position: absolute; bottom: 15px; width: 100%; display: block;}
.dot-bottom.owl-theme .owl-nav.disabled+.owl-dots {margin-top: 0; position: absolute; bottom: 15px; width: 100%; }
.dot-bottom.owl-theme .owl-dots .owl-dot span {background-color: #fff; }
.dot-bottom.owl-theme.dot-black .owl-dot.active span {background-color: #333; }
.nav-none.owl-theme .owl-nav,.dot-none.owl-theme .owl-dots {display: none !important;}

.dot-counter.owl-theme .owl-dots {counter-reset: slides-num;position: absolute; left: 50%;margin-top: 15px; display: block; bottom: 25px;}
.dot-counter.owl-theme .owl-dots:after {content: counter(slides-num);display: inline-block;font-size: 14px;font-weight: 700;vertical-align: middle;padding-left: 20px; color: #fff;}
.dot-counter.owl-theme .owl-dot {display: inline-block;counter-increment: slides-num;margin-right: 5px;}
.dot-counter.owl-theme .owl-dot.active:before {content: counter(slides-num) " /";display: inline-block;vertical-align: middle;font-size: 20px;position: absolute;left: 0;top: 0; color: #fff; padding-right: 10px; font-weight: 300;}
.dot-counter.owl-theme .owl-dot span {display: none !important;}

.ovh-vis .owl-stage-outer {overflow: visible !important;}

.slide-animation {opacity: 0;z-index: 0; -webkit-transition:  transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.15s, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.15s;transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.15s, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.15s; -webkit-transition:translateY(80px);transform: translateY(80px);} 
.slider-animation {opacity: 0;z-index: 0; -webkit-transition:  transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.15s, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.15s;transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.15s, opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.15s; -webkit-transition:translateY(80px);transform: translateY(80px);} 
.slider-animation.delay-06 {    transition-delay: 0.3s}
.slider-animation.delay-06 {    transition-delay: 0.6s}
.slider-animation.delay-06 {    transition-delay: 0.6s}
.owl-item.active .slider-animation {opacity: 1; -webkit-transition: translateY(0px);    transform: translateY(0px);}



/*-----------------------------------------------------------
    12. BLOG SECTION
-------------------------------------------------------------*/
.user {min-width: 150px; float: left; }
.user img {width: 45px; display: inline-block; float: left; padding-right: 10px;  position: relative; top:-3px; }
.user span b {display: block; color: #333; font-size: 12px; }
.user span {font-size: 11px; line-height: 12px; font-weight: 500; color: #999; }

.social-share-sqaure {position: relative; }
.social-share-sqaure li a {display: inline-block; width: 24px; height: 24px; border-radius: 5px; background-color: #fff; text-align: center; line-height: 24px; }
.social-share-sqaure li a i {color: #fff; font-size: 13px; }

.p-style-1 .entry-meta-content { padding: 36px 24px;display: block;background: #f4f7fc;text-align: center;}
.p-style-1 .entry-meta {font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; }
.p-style-1 .entry-title {margin-top: 15px; margin-bottom: 15px;  font-size: 22px; font-weight: 700; color: #111; line-height: 36px;  }
.p-style-1 {margin-bottom: 30px; }
.p-style-1 .entry-read-more {font-size: 11px; letter-spacing: 1px;  text-transform: uppercase; font-weight: bold; border-bottom: 1px #111 solid; }
.p-style-1 span {padding: 0 5px; }
.load-more {padding: 0 25px; display: inline-block; color: #fff; font-size: 12px; line-height: 55px;  letter-spacing: 2px; font-weight: bold; text-transform: uppercase;  margin-bottom: 10px; }
.load-more:hover {color: #fff;}

.blog-style1 {padding: 30px; background-color: azure; font-family: 'Playfair Display', serif; }
.blog-style1 .entry-date {font-size: 80px; font-weight: bold; line-height: 60px;  color: #555;  top:0; }
.blog-style1 .entry-date b { color: #999;display: block; font-family: 'Montserrat', sans-serif; font-size: 11px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; line-height: 10px;  margin-top: 5px; left: 4px; position:relative; font-weight: 600 !important; }
.blog-style1 .entry-title { color: #555;font-size: 24px; line-height: 42px; margin-top: 40px; margin-bottom: 30px; font-weight: bold; font-family: 'Playfair Display', serif; }
.blog-style1 .entry-title a {color: #555;}
.blog-style1 .entry-read-more {font-size: 11px; letter-spacing: 1px;  text-transform: uppercase; font-weight: bold; border-bottom: 1px #111 solid; font-family: 'Montserrat', sans-serif; font-weight: bold; }

.blog-style1.bg-choco2 {border:1px #ddd solid;}
.blog-style1.bg-choco2 .entry-title {font-size: 22px; line-height: 38px; font-weight: 500; }
.blog-style1.bg-choco2:hover {background-color: #4872fa !important; cursor: pointer;  }
.blog-style1.bg-choco2:hover .entry-date,.blog-style1.bg-choco2:hover .entry-date b,
.blog-style1.bg-choco2:hover .entry-title a,
.blog-style1.bg-choco2:hover .entry-title,
.blog-style1.bg-choco2:hover .entry-read-more {color: #fff; }
.blog-style1.bg-choco2:hover .entry-read-more {border-bottom: 1px #fff solid;}

.blog-style2 article { box-shadow: 0 16px 50px rgba(0,0,0,.07); float: left; border-radius: 5px; overflow: hidden; -webkit-transition: all .5s ease;transition: all .5s ease;}
.blog-style2 article:hover {box-shadow: 0 16px 50px rgba(0,0,0,.3); cursor: pointer;}
.blog-style2 article .entry-media {position: relative; width: 100%; float: left;}
.blog-style2 article .entry-content {position: relative; width: 100%; float: left; padding: 25px 25px 15px ; }
.blog-style2 article .entry-content p {font-size: 14px;font-weight: 400;color: #555;margin-bottom: 10px;letter-spacing: 0.1px;line-height: 26px;margin-top: 10px;    }
.blog-style2 article .entry-title {font-size: 18px; font-family: 'Montserrat', sans-serif;  line-height: 30px;  font-weight: 600; color: #111; margin-top: 15px; margin-bottom: 15px; }
.blog-style2 article .entry-title a {color: #111; text-decoration: none;}
.blog-style2 article .entry-meta {background-color: #f97221; padding: 0 10px; line-height: 25px; font-size: 12px; letter-spacing: 0.6px; color: #fff; display: inline-block; border-radius: 4px; text-transform: uppercase; } 
.blog-style2 article .entry-bottom {border-top: 1px #ddd solid; padding: 15px 0 0 0; margin-top: 20px;   }
.blog-style2 article .entry-bottom img {width: 30px; margin-right: 10px; }
.blog-style2 article .entry-bottom span {font-size: 13px;font-weight: 500;color: #f97221; letter-spacing: 0.1px; }
.blog-style2 article .entry-bottom h6 {float: right; font-size: 13px;font-weight: 500;color: #999; line-height: 26px;  letter-spacing: 0.1px; }
.blog-style2 article .icon-area span img {width: 18px; opacity: 0.5;  }
.blog-style10 article .icon-area span {font-size: 12px; font-family: 'Montserrat', sans-serif;  color: #aaa;}
.blog-style10 article .entry-title {font-size:20px;  line-height: 32px;  font-weight:600; color: #333; margin-top: 15px; margin-bottom: 45px; letter-spacing: 1px; }
.blog-style10 article .entry-time {letter-spacing: 1px; font-size: 11px; text-transform: uppercase; color: #aaa; font-weight: bold; }
.blog-wrapper2.blog-style10 article .entry-media {max-height: 230px; overflow: hidden;}
.blog-wrapper2.blog-style10 article .entry-title { font-weight: 500; letter-spacing: 0; margin-top: 10px; }
.blog-wrapper2.blog-style10 article .entry-time {font-size: 10px; font-weight: 500; }
.blog-style12 article {border-radius: 0; }
.blog-style12 article .entry-title {font-size: 24px; line-height: 36px; letter-spacing: 0; margin-top: 0px; }
.blog-style12 article .entry-time {font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; color: #aaa;  }
.blog-style12 article .entry-content p {/*line-height: 32px; */}
.blog-style12 article .entry-bottom span {color: #aaa;}

.blog-style2.alpha article {border-radius: 0; }
.blog-style2.alpha article .entry-time {font-weight: 500;}
.blog-style2.alpha article .entry-title {font-size: 18px; font-weight: 600; color: #333; margin-bottom: 5px; }
.blog-style2.alpha article .entry-title.large-text {font-size: 20px; line-height: 36px; letter-spacing: 0.4px; margin-top: 10px; margin-bottom:0px; }
.blog-style2.alpha article .entry-content p {display: inline-block;color: #777;font-size: 13px;line-height: 30px;font-family: 'Montserrat', sans-serif;font-weight: 400; }
.blog-style2.alpha article .entry-read-more {font-size: 13px; font-weight: bold;letter-spacing: 0.6px;  margin-top: 10px; display: inline-block; margin-bottom: 15px; }


.blog-style2.style3 article {border-radius: 0; }
.blog-style2.style3 article .entry-title {font-size: 18px; font-weight: 600; color: #333; margin-bottom: 5px; line-height: 32px; }
.blog-style2.style3 article .entry-content p {display: inline-block;color: #777;font-size: 13px;line-height: 30px;font-family: 'Montserrat', sans-serif;font-weight: 400; }
.blog-style2.style3 article .entry-bottom {border-top: 0; padding-top: 0; margin-top: 10px; }
.blog-style2.style3 article .time {font-weight: 500; text-transform: uppercase; font-size: 11px; letter-spacing: 2px;  color: #2ca4e5;}

.blog-style11 article .icon-area span {font-size: 12px; font-family: 'Montserrat', sans-serif;  color: #aaa;}
.blog-style11 article .entry-title {font-size:28px;  line-height: 42px;  font-weight:600; color: #333; margin-top: 15px; margin-bottom: 15px; letter-spacing: 0px; font-family: 'Lora', serif; color: #333; }
.blog-style11 article .entry-time {letter-spacing: 1px; font-size: 11px; text-transform: capitalize; color: #aaa; font-weight: 600; font-family: 'Montserrat', sans-serif; }
.blog-style11 article .entry-content p {line-height: 32px; }
.blog-style11 article .entry-content .read-more {background-color: #333;padding: 0 30px;font-weight: 500;font-size: 11px;letter-spacing: 2px;text-transform: uppercase;color: #fff;line-height: 45px;display: inline-block;margin-top: 15px; margin-bottom: 25px; }

.blog-style3 article {float: left;width: 100%; margin-bottom: 30px; } 
.blog-style3 article.top-align .entry-media img {height: 100%; }
.blog-style3 article.top-align .entry-meta-content,.blog-style3 article.top-align .entry-media {width: 100%; }
.blog-style3 article.top-align .entry-media {min-height: 330px; }
.blog-style3 .entry-meta-content {width: 50%; float: left; position: relative; padding: 25px 25px 20px 30px;  background-color: #f4f8fb; min-height: 300px; }
.blog-style3 .entry-media {width: 50%; float: left; position: relative; margin-top: 0; margin-bottom: 0; height: 300px; background-color: #94bfe0; }
.blog-style3 .entry-title {font-size: 20px; line-height: 30px; margin-bottom: 10px; }
.blog-style3 .entry-meta {font-style: italic; font-size: 13px; color: #000;}
.blog-style3 .entry-content-bottom {position: absolute; bottom: 25px; left: 0; width: 100%; padding-left: 30px; padding-right: 25px; padding-top: 15px; }
.blog-style3 .entry-content-bottom h5,.blog-style3 .entry-read-more span {display: none;}
.blog-style3 .entry-read-more {font-weight: 600; font-size: 14px; margin-bottom: 0;}

.blog-style4 article {width: 50%; padding: 0 50px; float: left; } 
.blog-style4 article:nth-child(2n) {margin-top: 70px; margin-bottom: 30px;  }
.blog-style4 .entry-media { border-radius: 5px; overflow: hidden; margin:0 0px 20px 0;  -webkit-box-shadow: 12px 12px 20px 7px rgba(20,0,128,0.09);-moz-box-shadow: 12px 12px 20px 7px rgba(20,0,128,0.09);box-shadow: 12px 12px 20px 7px rgba(20,0,128,0.09);}
.blog-style4 .entry-content-bottom,.blog-style4 .entry-meta-content {padding: 0 5px; text-align: center; }
.blog-style4 .entry-meta-content .entry-title {font-size: 20px; line-height: 32px;  margin-bottom: 10px; font-family: 'Playfair Display', serif; font-weight: 700; letter-spacing: 0.6px; color: #000; }
.blog-style4 .entry-meta-content .entry-meta {font-size: 14px; font-weight: 400; }
.blog-style4 .entry-read-more {font-size: 11px;   letter-spacing: 2px; border-bottom: 2px #555 solid;  text-transform: uppercase;  margin-top: 8px; display: inline-block;  font-weight: bold; color: #555; }

.blog-style5 .entry-media {border-radius: 15px;overflow: hidden;}
.blog-style5 .entry-media img {width: 100%; }
.blog-style5 .entry-meta {font-family: 'Montserrat', sans-serif;color: #eee;letter-spacing: 0.5px;font-weight: 600;font-size: 11px;text-transform: uppercase;}
.blog-style6 .entry-meta i,
.blog-style5 .entry-meta i {margin:0 20px; width: 2px; height: 2px; background-color: #fff; position: relative; top:-4px; border-radius: 5px; display: inline-block;   }
.blog-style6 .entry-meta i:after,
.blog-style5 .entry-meta i:after {content: ''; position: absolute; width: 2px; height: 2px; background-color: #fff;  top:0px; border-radius: 5px; display: inline-block;   left:6px; }
.blog-style6 .entry-meta i:before,
.blog-style5 .entry-meta i:before {content: ''; position: absolute; width: 2px; height: 2px; background-color: #fff;  top:0px; border-radius: 5px; display: inline-block;   right:6px ;}
.blog-style6 .entry-meta i,
.blog-style6 .entry-meta i:after,
.blog-style6 .entry-meta i:before {background-color: #333; }

.blog-style5 .entry-content { border-radius: 15px;overflow: hidden; padding: 20px; background: linear-gradient(to top, #000 ,transparent);     text-align: left;    position: absolute;    bottom: 0;    left: 0;    width: 100%; }
.blog-style5 .entry-title {font-size: 24px; line-height: 36px; margin-top: 10px; font-family: 'Lora', serif;  color: #fff; font-weight: 600; letter-spacing: 1px; }
.blog-style5 .entry-title a {color: #fff;}
.blog-style5 .entry-read-more { margin-top: 10px; font-family: 'Montserrat', sans-serif;padding-left: 0;font-weight: bold;letter-spacing: 2px;font-size: 12px;text-transform: uppercase; display: inline-block;font-size: 11px;letter-spacing: 0.2px; color: #fff;}
.blog-style5 .large-content .entry-title {font-size: 30px; line-height: 42px; padding-right: 10%; }


.blog-style6 article {position: relative; overflow: hidden; margin-bottom: 50px; display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.blog-style6 article .entry-content {width: 60%; float: left; position: relative; padding-left: 30px;  padding-top: 0; background:transparent; } 
.blog-style6 .entry-content p {    line-height: 28px;    font-size: 15px;    color: #000;    font-weight: 400;  font-family: 'Lora', serif;   }
.blog-style6 .entry-content p.small-text {line-height: 28px;    font-size: 13px;}
.blog-style6 article .entry-media {width: 40%; float: left; position: relative; overflow: hidden; border-radius: 15px; }
.blog-style6 article .entry-title {font-size: 28px; line-height: 38px; margin-top: 10px;  font-family: 'Lora', serif; color: #333; font-weight: 600; }
.blog-style6 article .entry-title a {color: #333;}
.blog-style6 article .entry-meta {font-size: 12px; color: #333; letter-spacing: 0.5px; font-weight: 600; font-family: 'Montserrat', sans-serif; text-transform: uppercase; }
.blog-style6 article .entry-read-more {margin-top: 15px; letter-spacing: 0.5px; font-size: 12px ; display: inline-block;  color: #333;       letter-spacing: 0.5px;  font-weight: bold; font-family: 'Montserrat', sans-serif; text-transform: uppercase; border-bottom: #333 2px solid;}
.blog-style6 .load-more {margin-top: 0; line-height: 55px; padding: 0 50px; font-family: 'Montserrat', sans-serif;  font-size: 14px; font-weight: 600; background-color: #333;  }
.blog-style6 .load-more.fs11 {font-size: 11px;}
.about-wrapper .bttn {font-family: 'Montserrat', sans-serif;background-color: #111;color: #fff;display: inline-block;line-height: 50px;font-size: 12px;font-weight: 600;padding: 0 30px;margin-top: 10px;}
.about-wrapper .bttn img {width: 25px;margin-left: 20px;}
.blog-style6 article .entry-media.large {width: 44%; border-radius: 0; }
.blog-style6 .entry-media a:hover img {transform: scale(1.1); }



.blog-style7 article {float: left; width: 100%; position: relative; box-shadow: 20px 20px 24px -6px rgba(0,0,0,0.07); font-family: 'Montserrat', sans-serif; margin-bottom: 30px; }
.blog-style7 article .entry-media img {height: 100%; }
.blog-style7 article.hor-fold2 .entry-media {width: 48%; float: left; position: relative; }
.blog-style7 article.hor-fold2 .entry-meta-content {width: 52%; float: left; position: relative; padding: 25px 25px 20px 30px;  background-color: #f4f8fb; min-height: 300px; padding: 25px 25px 20px 30px;    background-color: #f4f8fb;     }
.blog-style7 article.hor-fold1 .entry-media {width:100%; float: left; position: relative; -o-object-fit: cover;    object-fit: cover; }
.blog-style7 article.hor-fold1 .entry-media img {-o-object-fit: cover;    object-fit: cover;}
.blog-style7 article.hor-fold1 .entry-meta-content {width: 100%; float: left; position: absolute; top:0; left:0; padding: 25px 25px 20px 30px;  background-color: #f4f8fb; min-height: 300px; padding: 25px 25px 20px 30px;    background-color: rgba(0,0,0,0.3);     }
.blog-style7 article.hor-fold4 .text-grey,.blog-style7 article.hor-fold1 .text-grey {color: #ddd; }
.blog-style7 article.hor-fold4 .social-share li a i,.blog-style7 article.hor-fold1 .social-share li a i {color: #ddd; }

.blog-style7 article.hor-fold3 .entry-media,
.blog-style7 article.hor-fold3 .entry-meta-content {width: 100%; float: left; position: relative; min-height: 300px;  }
.blog-style7 article.hor-fold3 .entry-meta-content {min-height: 330px;}

.blog-style7 article.hor-fold4 .entry-meta-content {width: 100%; float: left; position: relative; min-height: 630px; padding: 160px 60px; background-color: chocolate; text-align: center;}
.blog-style7 article.hor-fold4 .entry-title { font-family: 'Lora', serif; font-size: 25px; color: #fff; letter-spacing: 0.5px; font-weight: 400; line-height: 42px; margin-bottom: 20px; }
.blog-style7 article.hor-fold4 .entry-title a {color: #fff; }
.blog-style7 article.hor-fold4 .social-share {float: none;}
.blog-style7 article.hor-fold4 .entry-meta-image {width: 70px; position: absolute; top:60px; right: 41%; display: inline-block; opacity: 0.7; }
.blog-style7 article.hor-fold4 .entry-content-bottom {bottom: 50px; }
.blog-style7 article.hor-fold1.hor-twitter .entry-meta-content {position: relative; float: left; }
.blog-style7 article.hor-fold1.hor-twitter .entry-meta-image {width: 25px; }

.blog-style7 article .entry-meta-image {width: 35px; position: absolute; top:15px; right: 20px; display: inline-block;}
.blog-style7 article .entry-title {font-size: 20px;line-height: 32px;    margin-bottom: 5px;  font-weight: 600; color: #555;  letter-spacing: -0.2px; }
.blog-style7 article .entry-title a {color: #333;}
.blog-style7 article .entry-time {font-style: italic;font-size: 11px;color: #666; font-weight: 600;  }
.blog-style7 article .entry-meta { font-size: 11px;text-transform: uppercase; color: #888; font-weight: bold; letter-spacing: 1.5px; margin-bottom: 30px; display: block;}
.blog-style7 article .entry-content-bottom {position: absolute;bottom: 25px;left: 0;width: 100%;padding-left: 30px;padding-right: 25px;padding-top: 15px;}


.blog-style8 article.full .entry-title,
.blog-style8 article .entry-title {margin-bottom: 20px; margin-top: 15px; font-size: 22px; line-height: 32px; }
.blog-style8 article .entry-media {border-radius: 10px; overflow: hidden; }
.blog-style8 article .entry-media img {width: 100%;   }
.blog-style8 article .entry-meta { display: inline-block; background:red; border-radius: 15px; line-height: 27px; padding: 0 10px; font-size: 9px; font-weight: bold; color: #fff; letter-spacing: 1px;   }
.blog-style8 article .user span b {font-weight: 500 !important; color: #fff; font-size: 11px; }
.blog-style8 article.full .entry-title { padding-right: 15%; }
.blog-style8 article .social-share-sqaure {position: absolute; bottom: 26px; right:0px; }

.blog-style5.blog-style13 .entry-content,
.blog-style8.blog-style13 article .entry-media {overflow: hidden; border-radius: 0;}
.blog-style8.blog-style13 article .entry-title {    margin-bottom: 17px;    margin-top: 12px; font-size: 20px; line-height: 30px; }

.blog-style9 article.mar15 {margin:0 15px ; }
.blog-style9 article .entry-media img {width: 100%; }
.blog-style9 article .entry-media:after {content: ''; background-color: rgba(0,0,0,0.2); position: absolute; z-index: 1; top:0; left:0; width: 100%; height: 100%; }
.blog-style9 article .entry-content {border-radius: 0px;overflow: hidden;padding: 20px;text-align: left;position: absolute;bottom: 0;left: 0;width: 100%;z-index: 2; background: linear-gradient(to top, #000 ,transparent);}
.blog-style9 article .entry-content.pad30 {padding: 30px; }
.blog-style9 article .entry-meta {display: inline-block;background: black;line-height: 25px;padding: 0 10px;font-size: 9px;font-weight: 500;color: #fff;letter-spacing: 1px; text-transform: uppercase; }
.blog-style9 article .entry-title {font-size: 24px;line-height: 38px;margin-top: 10px;font-family: 'Lora', serif;color: #fff;color: #fff; letter-spacing: 0.4px; font-weight: 600; }
.blog-style9 article .entry-title a {color: #fff; }
.blog-style9 article .entry-time {color: #ddd; font-size: 11px; letter-spacing: 0.4px; font-weight: 500; margin-top: 5px; display: inline-block;  font-family: 'Montserrat', sans-serif; }

.blog-style13 article .entry-title {font-size: 40px; line-height: 1.3; padding-right: 10%; }
.blog-style13 article .entry-title.text-small {font-size: 24px; line-height: 1.6; padding-right: 10%; }
.blog-style13 article .entry-read-more {font-size: 16px; }
.blog-style13 article .entry-read-more.text-small {font-size: 12px; }
.blog-style13 article .entry-read-more img {width: 15px; display: inline-block; margin-left: 10px; }

.blog-style14 .entry-title {font-size: 40px; line-height: 1.3; padding-right: 10%; }
.blog-style14 .entry-author {float: left; font-family: 'Montserrat', sans-serif; margin-bottom: 40px; vertical-align: top; padding-left: 70px; position: relative; width: 100%;}
.blog-style14 .entry-author img {width: 50px; margin-right: 10px; position: absolute; top:0; left:0; height: 50px; border-radius: 100%; }
.blog-style14 .entry-author h5 {display: block; vertical-align: top; margin-top: 7px; margin-bottom: 5px;  font-family: 'Montserrat', sans-serif;  font-size: 12px; text-transform: uppercase; color: #111; letter-spacing: 1px ;float: left; width: 100%; font-weight: bold;}
.blog-style14 .entry-author span {display: block;  float: left; color: #333; font-size: 11px; text-transform: uppercase; letter-spacing: 0.5px; }
.blog-style14 .slider-image-slide:after {content: ''; position: absolute; top:0; left:0; height: 100%; width: 100%; background-color: rgba(0,0,0,0.3); }
.blog-style14 .slider-image-slide {width: 100%;   position: relative;  }
.blog-style14 .slider-image-slide img {width: 100%; display: inline-block; }
.blog-style14 .slider-image .entry-meta-content {width: 400px; position: absolute; left: 50%; top:20%; margin-left:-200px;  }
.blog-style14 .slider-image .entry-meta-content h2 {display: inline-block; position: relative; transition-delay: 0.3s;}
.blog-style14 .slider-image .entry-meta-content h2 a {font-weight: bold; font-size: 40px; font-weight: bold;  display: inline; padding: 0px;  line-height: 65px; background-color: #fff; position: relative; z-index: 2; -webkit-box-shadow: 10px 0 0 #fff, -10px 0 0 #fff;    -moz-box-shadow: 10px 0 0 #fff, -10px 0 0 #fff;    -ms-box-shadow: 10px 0 0 #fff, -10px 0 0 #fff;    -o-box-shadow: 10px 0 0 #fff, -10px 0 0 #fff;    /* box-shadow: 10px 0 0 #fff, -10px 0 0 #fff; */} 
.blog-style14 .slider-image .entry-meta-content .entry-meta { transition-delay: 0s; font-size: 14px; letter-spacing: 2px;  color: #fff; font-weight: 600; margin-bottom: 32px; line-height: 22px; text-transform: uppercase;    display: inline-block;}
.blog-style14 .slider-image .entry-meta-content .entry-meta:after {clear: both; content: ''; }
.blog-style14 .slider-image .entry-meta-content .entry-meta span {margin: 0 15px; display: inline-block; width: 4px; height: 4px; background-color: #f2f2f2; border-radius: 100%;     top: -3px;    position: relative;}
.blog-style14 .slider-image .entry-meta-content a.entry-read-more {font-size: 14px; transition-delay: 0.6s; font-weight: bold; color: #fff; margin-top: 25px; display: inline-block; text-transform: uppercase; letter-spacing: 2px; border-bottom: 2px #fff solid; }
.blog-style14 .slider-image .entry-meta-content .entry-content {transition-delay: 0.5s;}


.blog-style15 .entry-meta i {margin:0 20px; width: 2px; height: 2px; background-color: #111; position: relative; top:-4px; border-radius: 5px; display: inline-block;   }
.blog-style15 .entry-meta i:after {content: ''; position: absolute; width: 2px; height: 2px; background-color: #111;  top:0px; border-radius: 5px; display: inline-block;   left:6px; }
.blog-style15 .entry-meta i:before {content: ''; position: absolute; width: 2px; height: 2px; background-color: #111;  top:0px; border-radius: 5px; display: inline-block;   right:6px ;}
.blog-style15 .entry-content p {line-height: 30px; font-size: 13px; color: #000; font-weight: 400; padding-right: 5%; }
.blog-style15 .entry-title {font-size: 22px;  margin-top: 5px;   margin-bottom: 10px;   line-height: 32px;  font-weight: bold; color: #4d4f54; font-weight: 600; letter-spacing: 0.2px; display: inline-block; }
.blog-style15 .entry-meta { color: #333; letter-spacing: 0.5px;  font-weight: 500;   font-size: 11px; text-transform: uppercase;}
.blog-style15 .entry-read-more {color: #333;   padding-left: 0;  font-weight: bold; letter-spacing: 2px; font-size: 12px; text-transform: uppercase;  margin-top: 0px; display: inline-block;   font-size: 11px; letter-spacing: 0.2px; }

.blog-style15 .large-content .entry-meta { font-size: 12px; }
.blog-style15 .large-content .entry-title {font-size: 32px; line-height: 42px; margin-top: 10px; }
.blog-style15 .large-content .entry-read-more { margin-top: 20px;   }
.blog-style15 .entry-media {overflow: hidden; width: 100%;}
.blog-style15 .entry-media a:hover img {transform: scale(1.1); }
.blog-style15 .entry-media a img {width: 100%;}

.blog-section-widget .col-sm-8 {    -ms-flex: 0 0 70%;flex: 0 0 70%;max-width: 70%;}
.blog-section-widget .col-sm-4 {  padding-left: 5%;  -ms-flex: 0 0 30%;flex: 0 0 30%;max-width: 30%;}

.loadmore-post {padding: 0 0px; display: inline-block; color: #333; font-size: 12px;    letter-spacing: 2px; font-weight: bold; text-transform: uppercase;  margin-bottom: 10px; border-bottom: 2px #333 solid; }
.loadmore-post-one { width: 85px; height: 85px; border-radius: 100%; display: inline-block; color: #fff; font-size: 11px;    letter-spacing: 1px; font-weight: bold; text-transform: uppercase;  margin-bottom: 10px; border: 2px #333 solid; line-height: 80px; text-align: center;  background-color: #333;}
.loadmore-post-two { width: 200px; height: 50px; border-radius: 30px; display: inline-block; color: #fff; font-size: 12px;    letter-spacing: 1px; font-weight: bold; text-transform: uppercase;     line-height: 50px; text-align: center;  background-color: orangered;}

.single-post .entry-title {font-weight: bold; line-height: 56px; margin-bottom: 15px; font-family: 'Playfair Display', serif; font-size: 42px; padding: 0 2%; color: #333; }
.single-post .entry-meta {color: #000; font-weight: 500; font-size: 14px;  margin-bottom: 0; } 
.single-post .entry-meta a { text-decoration: underline; color: #333;}
.single-post .entry-meta span {padding: 0 3px; }
.single-post .entry-meta.style2 {}
.single-post .entry-meta.style2 {text-transform: uppercase; font-weight: bold; font-size: 12px; letter-spacing: 2px;  color: #999; margin-bottom: 15px; }
.single-post .entry-meta.style2 span {margin: 0 5px !important; display: inline-block; width: 6px; height: 6px; border-radius: 10px; background-color: #ccc; }
.single-post .entry-media {margin-top: 40px; margin-bottom: 40px; }
.single-post .entry-media img {width: 100%; display: inline-block; }
.single-post .entry-header h5 { font-weight: 600; color: #333; font-size: 16px; }
.single-post h2 { line-height: 48px;   font-weight: bold;    color: #111;    margin-bottom: 0px;  font-family: 'Playfair Display', serif;}
.single-post h3 { font-weight: bold;    color: #111;    margin-bottom: 25px;  }
.single-post h4 { color: #333; font-weight: bold; display: inline-block;  }
.single-post h5 { color: #333; font-weight: bold; display: inline-block;   }
.single-post ul {padding-left: 20px; margin-bottom: 30px; }
.single-post ul li {line-height: 34px;font-size: 14px;color: #111;font-weight: 400; margin-bottom: 10px; }
.single-post p { line-height: 32px;font-size: 16px;color: #111;font-weight: 400;margin-bottom: 30px; } 
.single-post p a { font-weight: 600; }
.single-post img {margin-bottom: 5px; }
.next-article {padding:30px 150px 40px; margin-top: 30px;  }
.next-article p {text-transform: uppercase; letter-spacing: 1px; margin-bottom: 10px; }
.comments-section {padding:30px 0; }
.comment-block.reply {margin-left: 100px; }
.comment-block {margin: 30px 0 18px;padding: 12px 0;}
.comment-block .userpic {width: 75px;height: 75px;border-radius: 50%;overflow: hidden;float: left;margin-right: 32px;}
.comment-block .content {overflow: hidden;}
.comment-block .content .author-name {font-size: 16px; font-weight: 600; color: #111; margin-bottom: 5px;  }
.comment-block .content .time {font-size: 12px;  font-style: italic;}
.comment-block .content .comment-text {margin-top: 10px; margin-bottom: 10px;  }
.comment-block .content .reply-link { text-decoration: underline; font-weight: 600; }
.comment-leave button {border: 0;color: #fff;letter-spacing: 1px;margin-top: 0;line-height: 50px;padding: 0 50px;font-family: 'Montserrat', sans-serif;font-size: 12px;font-weight: 600;background-color: #333; letter-spacing: 1px; }
.form-field {border: 1px solid #eaeaee;padding: 0 20px 20px;margin:0 0 44px 0;transition: 200ms border-color ease-in-out; width: 100%; }
.form-field.focused {border-color: #000;}
.form-field.false {border-color: red;}
.form-field.focused label {color: #000;}
.form-field label {display: inline-block;  font-size: 16px;font-weight: 600;letter-spacing: -0.2px;color: #555;padding: 0 8px;background-color: #fff;margin-left: -8px;-webkit-transform: translateY(-50%);        transform: translateY(-50%);transition: 200ms color ease-in-out;margin-bottom: 0; }
.form-field textarea {height: 154px; }
.form-field input[type="text"], .form-field textarea {margin-top: 0; display: block;width: 100%;border: none;margin-top: 0px;  font-family: 'Poppins', sans-serif;font-size: 14px;color: #999;outline: none;}
.form-field.default-form {padding: 20px ; margin:0 0 40px 0; }

.single-post .social-text.style1 li span {font-size: 18px; font-weight: 600; color: #111; margin-right: 20px; }
.single-post .social-text.style1 li a {font-family: 'Montserrat', sans-serif; font-size: 10px; text-transform: uppercase; font-weight: 600; padding: 14px 20px; letter-spacing: 1.5px;   }
.single-post .social-text.style1 li a i {font-size: 12px; margin-right: 10px; }
.single-post .social-text.style1 li a.text-facebook {background-color: #3b5998; color: #fff; }
.single-post .social-text.style1 li a.text-twiiter {background-color: #1da1f2; color: #fff; }
.single-post .social-text.style1 li a.text-linkedin {background-color: #0077b5; color: #fff; }
.single-post .social-text.style1 li a.text-instagram {background-color: #fb3958; color: #fff; }
 

.single-post.style2 .entry-media:before {display: block;content: "";padding-top: 28%;}
.single-post.style2 .top-div {padding: 70px; }
.single-post.style2 .entry-meta,
.single-post.style2 .entry-meta a {font-size: 13px; font-family: 'Montserrat', sans-serif; color: #111; font-style: italic; font-weight: 400; text-decoration: none; }
.single-post.style2 .entry-meta span {padding: 0 5px;width: 20px;background-color: #aaa;height: 1px;margin: 0 10px;display: inline-block;top: -4px;position: relative;}
.single-post.style2 .entry-title {font-size: 36px;  font-family: 'Noto Serif', serif; }
.single-post.style2 p { font-size: 14px;    line-height: 34px;    color: #333;}
.single-post.style2 {font-family: 'Montserrat', sans-serif;}

.single-post.style2.style3 .top-div {padding:0 15px; top:0;}
.single-post.style2.style3 .entry-author.style1 img {width: 90px; height: 90px; position: relative; margin-bottom: 20px; }
.single-post.style2.style3 .share h5,
.single-post.style2.style3 .entry-author.style1 h5 {text-transform: capitalize; font-size: 14px; }

.entry-author.style1 {   vertical-align: top; padding-left: 70px; position: relative; width: 100%;}
.entry-author.style1 img {width: 50px; margin-right: 10px; position: absolute; top:0; left:0; height: 50px; border-radius: 100%; }
.entry-author.style1 h5 {display: block; vertical-align: top; margin-top: 7px; margin-bottom: 5px;     font-size: 12px;  float: left; width: 100%;  }
.entry-author.style1 span {display: block;  float: left; color: #333; font-size: 11px; text-transform: uppercase; letter-spacing: 0.5px; }


/*-----------------------------------------------------------
    13. PORTFOLIO  WRAPPER*/
/*----------------------------------------------------*/

.image-wrap {margin-bottom: 0; -webkit-transition: translateY(0px);    transform: translateY(0px); overflow: hidden;}
.image-wrap:after {background-color: #eee; content: ''; position: absolute;  left:0; height: 150%;  width: 100%; -webkit-transition: all 1s ease; transition: all 1s ease; }
.image-wrap img {opacity: 0; transition-delay: 0.3s; }
.image-wrap.has-animation {opacity: 1; }
.image-wrap.has-animation.animate-in img {opacity: 1; }
.wrap-top.image-wrap:after {top:-150%;}
.wrap-top.image-wrap.has-animation.animate-in:after {top:100%;}

.wrap-left.image-wrap:after {left:-150%; top:0; height: 100%; width: 150%; }
.wrap-left.image-wrap.has-animation.animate-in:after {left:100%; }

.project-work {position: relative; }
.project-work:hover {cursor: pointer;}

.project-work:after {-webkit-transition: all 0.4s ease;transition: all 0.4s ease; background-color: rgba(0,0,0,0.5); position: absolute; top:0;left: 0; content: ''; width: 100%; height: 100%; z-index: 2; opacity: 0; }
.project-work:hover:after {opacity: 1; }
.project-work-detail {padding: 100px 30px 30px 30px;background: linear-gradient(to top, #000 ,transparent);text-align: left;position: absolute;bottom: 0;left: 0;width: 100%; z-index: 3;  }
.project-work-detail h2 {color: #fff; line-height: 1.3; font-weight: 600; letter-spacing: 2px;  font-size: 28px;}
.project-work-detail a {color: #fff; display: inline-block; margin-top: 20px; font-size: 13px; font-weight: 500;   letter-spacing: 0.4px;   }

.project-work-style2 img {border-radius: 10px; overflow: hidden; cursor: pointer;}
.project-work-style2 .item {padding: 15px;}

.project-item2 { padding: 15px; margin-top: 0px; margin-bottom: 50px;  }
.project-item2 img {box-shadow: 0 20px 50px 0 rgba(46,65,90,.1);}

.project-item3 { padding: 20px; margin-top: 0px; margin-bottom: 50px;  background-color: #e77c8e; display: inline-block; margin-bottom: 30px; }
.project-item3 img {box-shadow: 0 5px 15px 0 rgba(46,65,90,.1);}
.project-item4 {width: 100%; float: left; position: relative; margin-bottom: 30px; display: inline-block;}
.project-item4 a {display: block; width: 100%; }
.project-item4 a img {width: 100%;}
 
.project-item.style3 a span.project-title { font-size: 80px;font-weight: bold;     color: transparent;    -webkit-text-stroke: 2px #000;position: absolute;top: 50%;display: block;width: 150%;left: -25%;text-align: center;line-height: 100px;margin-top: -50px; opacity: 0; }
.project-item.style3.small-text b {font-size: 10px; letter-spacing: 4px; margin-bottom: 50px; display: inline-block;}
.project-item.style3.small-text a {width: 60%; }
.project-item.style3.small-text a span {  font-size:50px; letter-spacing: 0px;  font-weight: 100; border-bottom: 1px #fff solid; }
.project-item.style3.small-text:after {content: ''; width: 80px; height: 80px; position: absolute; right:0; bottom: 0; background-image: url(../images/icon143.png); background-size: contain; }
.project-item.style3.small-text.video-bttn:after {display: none;}
.project-item.style3.small-text.video-bttn:before {content: ''; width: 80px; height: 80px; position: absolute; right:0; bottom: 0; background-image: url(../images/icon144.png); background-size: contain; }

.project-item.style3 a:hover span.project-title {  opacity: 1; }
.project-item.style3 a {display: block;  margin: 70px; }
.project-item.style3.small {margin-top:100px; margin-bottom: 100px; }

.project-item.style4 {margin-bottom: 200px; }
.project-item.style4 a {height:600px; display: block;   width: 100%; }
.project-item.style4.vertical a {height: 400px; }
.project-item.style4 a span { font-size: 110px;letter-spacing: 3px;  font-weight: 500; color: #fff; position: absolute;top: 20%;display: block;width: 120%;left: 0%;text-align: center;line-height: 100px;margin-top: -50px;  }
.project-item.style4.vertical a span {right:0; left: auto; top:auto; bottom: 20%; }

.project-item.style5 a {display: inline-block;}
.project-item.style5 a h4 {font-size: 50px; color: #111; line-height: 61px; font-weight: 500; position: relative; display: inline-block; }
.project-item.style5 a img {position: absolute;   z-index: 1; display: inline-block;      max-width: fit-content; opacity: 0; }
.project-item.style5 a:hover img {opacity: 1; }
.project-item.style5 a img:hover {opacity: 0; }
.project-item.style5.bottom-item a img {top:auto; bottom: 0; }
.project-item.style5.middle-item a img {top:-300px;  }
.project-item.style5.left-item a img{left:-100%; -webkit-transform-origin: bottom right;transform-origin: bottom right;-webkit-transform: rotate(-15deg);transform: rotate(-15deg);}
.project-item.style5.left-item a:hover img {  -webkit-transform: rotate(0deg) translate3d(0, 0, 0) !important;      transform: rotate(0deg) translate3d(0, 0, 0) !important; }
.project-item.style5.right-item a img{-webkit-transform-origin: bottom left;transform-origin: bottom left;-webkit-transform: rotate(15deg);transform: rotate(15deg);}
.project-item.style5.right-item a:hover img {  -webkit-transform: rotate(0deg) translate3d(0, 0, 0) !important;transform: rotate(0deg) translate3d(0, 0, 0) !important; }

.project-item.style6 {display: inline-block;}
.project-item.style6 a {font-size: 48px; color: #fff; line-height: 61px; font-weight: 500; position: relative; display: inline-block; padding: 0 10px; }
.project-item.style6 .project-item-image {width: 100%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: -5;opacity: 0;-webkit-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s; }
.project-item.style6 .project-item-image img {width: 100%;    height: 100%;    -o-object-fit: cover;    object-fit: cover; mix-blend-mode: multiply;-webkit-filter: grayscale(100%) contrast(1);filter: grayscale(100%) contrast(1);}
.project-item.style6 .project-item-image .effect-img1 {background-color: darkgoldenrod; }
.project-item.style6 .project-item-image .effect-img2 {background-color: burlywood; }
.project-item.style6 .project-item-image .effect-img:after {background: linear-gradient(135deg, hsl(0.3, 98.2%, 42.9%) 0%, hsla(0.22, 97.74%, 43.06%, 0) 70%), linear-gradient(25deg, hsl(187.2, 92.3%, 40.6%) 10%, hsla(187.38, 91.98%, 40.68%, 0) 80%), linear-gradient(315deg, hsl(244, 90.3%, 48.4%) 15%, hsla(243.89, 90.03%, 48.43%, 0) 80%), linear-gradient(245deg, hsl(84.2, 96.5%, 44.9%) 100%, hsla(83.99, 96.81%, 44.76%, 0) 70%);    mix-blend-mode: overlay; content: '';position: absolute;width: 100%;height: 100%;top: 0;left: 0;-webkit-transition: all ease-in-out .5s;-o-transition: all ease-in-out .5s;transition: all ease-in-out .5s;}
.project-item.style6:hover .project-item-image {opacity: 1; }
.project-item.style6:hover a {opacity: 0; }

.project-item.style9 {display:block;}
.project-item.style9 a {font-size: 56px; color: #fff; line-height: 61px; font-weight: 500; position: relative; display: inline-block; padding: 0 10px;  text-stroke: 1px #fff; -webkit-text-stroke: 1px #fff; -webkit-text-fill-color: transparent; font-weight: bold; letter-spacing: 1px;  margin-bottom: 30px; }
.project-item.style9 a span {color: #ddd; text-transform: capitalize; font-size: 14px; display: block;  text-stroke: 1px transparent; -webkit-text-stroke: 1px transparent; -webkit-text-fill-color: #fff; font-weight: 500; line-height: 20px; }
.project-item.style9 a:hover {color: #fff; -webkit-text-fill-color: #fff; font-size: 65px;  }
.project-style9-image {position: fixed;top: 0;right: 20%;width: 30%; height: 100%; }
.project-style9-image .effect-img {height: 100vh;  background-color: darkgoldenrod; }
.project-style9-image .effect-img img {width: 100%;    height: 100%;    -o-object-fit: cover;    object-fit: cover; mix-blend-mode: multiply;-webkit-filter: grayscale(100%) contrast(1);filter: grayscale(100%) contrast(1);}
.project-style9-image .effect-img:after {background: linear-gradient(135deg, hsl(0.3, 98.2%, 42.9%) 0%, hsla(0.22, 97.74%, 43.06%, 0) 70%), linear-gradient(25deg, hsl(187.2, 92.3%, 40.6%) 10%, hsla(187.38, 91.98%, 40.68%, 0) 80%), linear-gradient(315deg, hsl(244, 90.3%, 48.4%) 15%, hsla(243.89, 90.03%, 48.43%, 0) 80%), linear-gradient(245deg, hsl(84.2, 96.5%, 44.9%) 100%, hsla(83.99, 96.81%, 44.76%, 0) 70%);    mix-blend-mode: overlay; content: '';position: absolute;width: 100%;height: 100%;top: 0;left: 0;-webkit-transition: all ease-in-out .5s;-o-transition: all ease-in-out .5s;transition: all ease-in-out .5s;}

.project-style9-image .effect-img1 {height: 50vh;  background-color: darkgoldenrod; position: absolute; width: 50%; right:-55%;  overflow: hidden;}
.project-style9-image .effect-img1 img {width: 200%;    height: 200%;    -o-object-fit: cover;    object-fit: cover; mix-blend-mode: multiply;-webkit-filter: grayscale(100%) contrast(1);filter: grayscale(100%) contrast(1);}
.project-style9-image .effect-img1:after {background: linear-gradient(135deg, hsl(0.3, 98.2%, 42.9%) 0%, hsla(0.22, 97.74%, 43.06%, 0) 70%), linear-gradient(25deg, hsl(187.2, 92.3%, 40.6%) 10%, hsla(187.38, 91.98%, 40.68%, 0) 80%), linear-gradient(315deg, hsl(244, 90.3%, 48.4%) 15%, hsla(243.89, 90.03%, 48.43%, 0) 80%), linear-gradient(245deg, hsl(84.2, 96.5%, 44.9%) 100%, hsla(83.99, 96.81%, 44.76%, 0) 70%);    mix-blend-mode: overlay; content: '';position: absolute;width: 100%;height: 100%;top: 0;left: 0;-webkit-transition: all ease-in-out .5s;-o-transition: all ease-in-out .5s;transition: all ease-in-out .5s;}

.project-style9-image .effect-img2 {height: 50vh;  background-color: darkgoldenrod; position: absolute; width: 50%; left:-55%;  bottom: 0; overflow: hidden;}
.project-style9-image .effect-img2 img {width: 500px;    height: 1000px;    -o-object-fit: cover;    object-fit: cover; mix-blend-mode: multiply;-webkit-filter: grayscale(100%) contrast(1);filter: grayscale(100%) contrast(1);     position: absolute;    left: 0;    bottom: 0;}
.project-style9-image .effect-img2:after {background: linear-gradient(135deg, hsl(0.3, 98.2%, 42.9%) 0%, hsla(0.22, 97.74%, 43.06%, 0) 70%), linear-gradient(25deg, hsl(187.2, 92.3%, 40.6%) 10%, hsla(187.38, 91.98%, 40.68%, 0) 80%), linear-gradient(315deg, hsl(244, 90.3%, 48.4%) 15%, hsla(243.89, 90.03%, 48.43%, 0) 80%), linear-gradient(245deg, hsl(84.2, 96.5%, 44.9%) 100%, hsla(83.99, 96.81%, 44.76%, 0) 70%);    mix-blend-mode: overlay; content: '';position: absolute;width: 100%;height: 100%;top: 0;left: 0;-webkit-transition: all ease-in-out .5s;-o-transition: all ease-in-out .5s;transition: all ease-in-out .5s;}


.project-item.style7 a {display: block; }
.project-item.style7 a img {width: 100%; }
.project-item.style7 a span {z-index: 5;  opacity: 0; position: absolute; top:50%; left: 0; text-align: center; width: 100%; margin-top: -20px; color: #fff; font-size: 15px; }
.project-item.style7 a span b {color: #fff; text-transform: uppercase; font-weight: 600; font-size: 25px; display: block; letter-spacing: 2px; z-index: 2; position: relative; }
.project-item.style7 a:after {width: 0%; height: 45%; content: ''; position: absolute; background-color: #05297f; left:0; top:6%; -webkit-transition: width .3s ease-out;    -moz-transition: width .3s ease-out;    transition: width .3s ease-out;}
.project-item.style7 a:before {width: 0%; height: 45%; content: ''; position: absolute; background-color: #05297f; right:0; bottom: 6%;   -webkit-transition: width .3s ease-out;    -moz-transition: width .3s ease-out;    transition: width .3s ease-out; z-index: 1;}
.project-item.style7 a:hover:after,
.project-item.style7 a:hover:before {width: 100%; }
.project-item.style7 a:hover span {opacity: 1; }

.project-item.style8 a {display: block; width: 100%; }
.project-item.style8 a img {width: 100%;}
.project-item.style8 a span {width: 100%; position: absolute; top:0; left:0; text-align: center; font-size: 14px; color: #fff; opacity: 0; z-index: 2; }
.project-item.style8 a span b {display: block; font-size: 30px; text-transform: uppercase; color: #fff; letter-spacing: 5px; }
.project-item.style8 a:hover span  {opacity: 1; top:40px;}
.project-item.style8 a span.bg-white {background-color: #fff; width: 90%; left:5%; color: #333; padding: 30px; }
.project-item.style8 a span.bg-white b {color: #111; font-size: 26px; font-weight: bold; letter-spacing: 3px;  }


.project-item.style10 a {display: inline-block; padding: 0; margin-bottom: 0; }
.project-item.style10 a span {width: auto; position: absolute; bottom:0; left:80px; text-align: left; font-size: 14px;  opacity: 0; z-index: 2; }
.project-item.style10 a span b {display: block; font-size: 30px;  letter-spacing: 0.4px; font-weight: 600 !important; margin-top: 4px; }
.project-item.style10 a:hover span  {opacity: 1; bottom: 70px;}

.project-item.style11 a {width: 100%; }
.project-item.style11 a img {width: 100%; display: block;}
.project-item.style11 .w50 {width: 50%; float: left; }
.project-item.style11 .video-wrap {height: 100%; overflow: visible; float: right; }
.project-item.style11 a span {width: 80%; position: absolute; bottom:0; left:10%; text-align: center; font-size: 14px; color: #333; opacity: 0; z-index: 2; padding: 20px; }
.project-item.style11 a span b {display: block; font-size: 20px;  color: #111; letter-spacing: 1px; }
.project-item.style11 a:hover span  {opacity: 1; bottom:40px;}

.project-item.style12 {display: block;}
.project-item.style12 span {position: absolute; bottom:50px; left:50px; z-index: 2;   font-size: 20px; display: inline-block; padding: 0 40px; line-height: 50px; }  

.project-item.style14 {position: absolute;bottom: 00px;left: 0px;padding: 50px;font-size: 45px;color: #fff;font-weight: 600;z-index: 1;padding-right: 20%;letter-spacing: 1px;background: -webkit-linear-gradient(to top, #000 ,transparent);background: linear-gradient(to top, #000 ,transparent);width: 100%; line-height: 1.3; }
.project-item.style14 span {font-size: 14px; font-weight: 600; display: block; margin-bottom: 30px; }
.project-item.style14:after {content: ''; width: 60px; height: 60px; position: absolute; right:50px; bottom: 50px; background-image: url(../images/icon143.png); background-size: contain; transition: all 0.3s;}
.project-item.style14:hover {padding-bottom: 100px;  }
.project-item.style14:hover:after {bottom: 100px; }


.project-item.style15 .overlay {position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 2;background: rgba(255, 255, 255, 0.9);opacity: 0;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.project-item.style15 .overlay .overlay__caption {display: table;width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.project-item.style15 .overlay .overlay__caption .text {display: table-cell;vertical-align: middle;padding: 0 50px;}
.project-item.style15 .overlay .overlay__caption .text span.title {display: block;font-size: 22px;font-weight: 600;color: #111111;}
.project-item.style15 .overlay .overlay__caption .text span.cat {font-size: 13px;font-style: italic;color: #111111;}
.project-item.style15:hover .overlay {opacity: 1;visibility: visible;}
 

.project-list {display: block; width: 100%; }
.project-list li {padding: 0 25px; }
.project-list li:hover,.project-list li.active-item {border-radius: 20px; line-height: 40px;  font-size: 11px;  background-color: #ed145b;}
.project-list li:hover a,.project-list li.active-item a {color: #fff; }

.project-list.style2 li {padding: 0 25px; }
.project-list.style2 li:hover,
.project-list.style2 li.active-item {   font-size: 11px;  color: #0120f5; background-color: #0120f5;}
.project-list.style2 li:hover a,
.project-list.style2 li.active-item a {color: #fff;   }


.project-list.style3 li {padding: 0 25px; }
.project-list.style3 li:hover,
.project-list.style3 li.active-item {   font-size: 11px;  color: #0120f5; background: linear-gradient(to left, #f571ba ,#ca571a);}
.project-list.style3 li:hover a,
.project-list.style3 li.active-item a {color: #fff;   }

.portfolio-link {text-transform: uppercase;font-size: 12px;line-height: 22px;border-bottom: 2px #333 solid;padding: 0;letter-spacing: 1px;font-weight: bold;color: #333;}


.tour-div {display: inline-block; border-radius: 8px; overflow: hidden; position: relative; cursor: pointer;  }
.tour-div-detail {padding: 150px 30px 30px 30px;background: linear-gradient(to top, #000 ,transparent);text-align: left;position: absolute;bottom: 0;left: 0;width: 100%; z-index: 3;  }
.tour-div-detail h2 {color: #fff; line-height: 1.2; font-weight: 500; letter-spacing: 1px;  font-size: 26px; margin-bottom: 0;}
.tour-div-detail h4 {color: #aaa; display: inline-block; margin-top: 10px; font-size: 11px; font-weight: 500;   letter-spacing: 0.4px;   }
.tour-div-detail .rating-star {    width: 80px;height: 15px;background-image: url(../images/icon14.png);background-size: contain;background-repeat: no-repeat;display: inline-block;position: relative;left: 0;margin-top: 10px; margin-right: 10px; }
.tour-div-detail .rating-text {color: #ddd; font-size: 11px;letter-spacing: 0.4px; position: relative; top: -3px; }
.tour-div-detail h5 {margin-top: 7px; font-size: 15px; color: #aaa;}
.tour-div-detail h5 span {margin-left: 10px; color: rgb(255, 122, 75);  }
.tour-slider-item {margin: 0 5px; width: auto !important;}

/*-----------------------------------------------------------
    14. COUNT  WRAPPER*/
/*----------------------------------------------------*/

.count-wrapper.style1 {border-radius: 10px; overflow: hidden; background-repeat: no-repeat; background-size: cover;}
.count-wrapper.style1 img {margin-bottom: 25px;width: 35px; display: inline-block; }
.count-wrapper.style1 h2 {font-size: 65px; font-weight: 600; letter-spacing: 2px; margin-bottom: 0; }
.count-wrapper.style1 h4 {font-size: 40px; font-weight: 600; letter-spacing: 2px; margin-bottom: 0; }
.count-wrapper.style1 p {font-size: 13px; letter-spacing: 0.4px; margin-top: 0; margin-bottom: 0; line-height: 18px; }
.count-wrapper.style1 span {font-size: 11px; letter-spacing: 2px; margin-top: 0; margin-bottom: 0; line-height: 18px; text-transform: uppercase; font-weight: 500; color: #ddd;}

.count-wrapper.style2 img {width: 60px; }
.count-wrapper.style2 h3 {font-size: 65px; margin-top: 20px; margin-bottom: 5px;  }
.count-wrapper.style2 h4 {font-size: 56px; color: #4872fa ;}
.count-wrapper.style2 .icon-large2 {color: #4872fa;}
.count-wrapper.style2 h6 {font-size: 12px; letter-spacing: 2px; }
.count-wrapper.style2 p {font-size: 16px; letter-spacing: 0.4px; color: #4872fa ;}

.count-num {padding-left: 80px;padding-right: 15px; }
.count-num span {color: #cdd8de;font-size: 50px;    font-weight: bold; -webkit-transform: rotate(-90deg);    transform: rotate(-90deg); position: absolute; left:0; top:-5px; }
.count-num h4 {font-size: 20px;font-weight: bold;color: #222;line-height: 36px; letter-spacing: 1px; }
.count-num p {font-size: 14px !important; }

.count-num.style2 {padding-left: 15px;padding-right: 15px; text-align: left; }
.count-num.style2 span {  -webkit-transform: rotate(0deg);    transform: rotate(0deg); position: relative;     font-size: 13px;font-weight: 500;letter-spacing: 2px;text-transform: uppercase;line-height: 10px; margin-top: 5px;left: 10px;position: relative;  display: inline-block;}
.count-num.style2 h4 {  display: inline-block; font-size: 80px;font-weight: bold;line-height: 60px;color: #fc3c0d; }

.countdown-section {font-family:'Montserrat', sans-serif; font-size: 36px; font-weight: 400;   letter-spacing: 2px; }
.countdown-section .countdown-period {font-size: 10px; text-transform: uppercase; font-weight: bold; letter-spacing: 1px;  }

.bitcoin-agency .is-countdown {background-color: #fff;}
.bitcoin-agency .count-num {padding-left: 80px;padding-right: 15px; }
.bitcoin-agency .count-num span {color: #cdd8de;font-size: 50px;    font-weight: bold; -webkit-transform: rotate(-90deg);    transform: rotate(-90deg); position: absolute; left:0; top:-5px; }
.bitcoin-agency .count-num h4 {font-family:'Montserrat', sans-serif; font-size: 22px;font-weight: bold !important;color: #333 !important;line-height: 36px; }
.bitcoin-agency .countdown-section {font-family:'Montserrat', sans-serif; font-size: 36px; font-weight: bold;   letter-spacing: 3px; color: #140080 !important;}
.bitcoin-agency .countdown-section .countdown-period {font-size: 10px; text-transform: uppercase; font-weight: bold; letter-spacing: 3px;  color: #140080 !important;}


.subscribe-style1 .email-subscribe form {  margin-right: 20%; }
.subscribe-style1 .email-subscribe form input {width: 65%; float: left; outline: none; padding: 0 15px;       box-shadow: none; font-size: 13px; margin-right: 10px; background-color: transparent; border:0; border-radius: 10px; background-color: transparent; line-height: 50px; border: 1px #999 solid;  border-radius: 0; }
.subscribe-style1 .email-subscribe form button { width: 31%; text-align: center; letter-spacing: 0.5px; color: #000; font-weight: 500; border:0; outline: none;    margin-top: 0;   text-transform: initial; padding: 0; position: relative; left:1px; line-height: 52px; font-size: 10px; text-transform: uppercase;   letter-spacing: 1px; background-color: #333; color: #fff; }

.subscribe-style2 .email-subscribe {background-image: url(../images/bg-3.png); background-repeat: no-repeat; background-size: contain; height: 400px; background-position: center center;  padding-top: 140px; }
.subscribe-style2 .email-subscribe h4 {color: #333; font-size: 20px; font-weight: 500; line-height: 40px;  padding: 0 4%; }
.subscribe-style2 .email-subscribe h2 { font-size: 45px;  line-height: 1.3;  letter-spacing: 1px; }
.subscribe-style2 .email-subscribe .bttn1 {background-color: #fff;color: #333;font-size: 14px;padding: 0 20px;min-width: 180px;text-align: center;line-height: 50px;display: inline-block;border-radius: 30px;font-weight: 500;box-shadow: 12px 12px 20px 7px rgba(20,0,128,0.09); margin-top: 20px; }
.subscribe-style2 .email-subscribe form {  overflow: hidden;  width: 100%;  background-color: #140080; padding: 4px; border-radius: 12px; }
.subscribe-style2 .email-subscribe form input {width: 74%; float: left; outline: none; padding: 0 15px;  background-color: transparent; height: 46px; line-height: 46px;  box-shadow: none; font-size: 13px; margin-right: 10px; background-color: transparent; border:0; border-radius: 10px; }
.subscribe-style2 .email-subscribe form button { width: 24%; text-align: center; letter-spacing: 0.5px; color: #000; font-weight: 600; border:0; outline: none; background: #00d7f1 !important;  margin-top: 0;   text-transform: initial; padding: 0; position: relative; left:1px; line-height: 47px; font-size: 14px; border-radius: 10px; box-shadow: 0 16px 50px rgba(0,0,0,.07); letter-spacing: 0; }


.subscribe-style3 .email-subscribe {border-bottom: 1px #aaa solid; overflow: hidden; }
.subscribe-style3 .email-subscribe input {padding-left: 50px; background-image: url(../images/icon20.png); background-repeat: no-repeat; background-size: 20px; background-position: top 14px left 0; background-color: transparent; border:0; width: 75%; float: left;  line-height: 50px; height: 50px; display: inline-block; font-size: 15px; }
.subscribe-style3 .email-subscribe button {font-size: 18px;  width: 25%; float: right; text-align: right; border:0; outline: none; background-color: transparent; line-height: 50px; height: 50px; display: inline-block; font-family: 'Montserrat', sans-serif; text-transform: uppercase; font-weight: 600; font-size:14px; letter-spacing: 1px; color: #555; padding-right: 0px;  }
.subscribe-style3 .widget-categories a {display: inline-block; overflow: hidden; border-radius: 5px;}

.subscribe-style4 .email-subscribe h3 {font-size: 52px; margin-bottom: 20px; }
.subscribe-style4 .email-subscribe form {overflow: hidden; }
.subscribe-style4 .email-subscribe input {padding-left: 20px;  border:0; width: 75%; float: left;  line-height: 50px; height: 50px; display: inline-block; font-size: 15px; }
.subscribe-style4 .email-subscribe button {font-size: 13px;  width: 25%; float: right; text-align: right; border:0; outline: none; line-height: 50px; height: 50px; display: inline-block; font-family: 'Montserrat', sans-serif; text-transform: uppercase; font-weight: 600;   letter-spacing: 2px;  padding-right: 0px;  }

.search-form.style1 .search-form-widget { padding: 5px 10px; border:1px #eee solid; width: 90%; margin: 0 auto;  overflow: hidden; }
.search-form.style1 .search-form-widget input[type="text"] {float: left; border:0; font-size: 18px; color: #111;  width: 80%; line-height: 35px; font-family: 'Lora', serif; } 
.search-form.style1 .search-form-widget button {    background-image: url(../images/icon27.png);width: 20%;background-size: 22px;background-position: top 10px right 0;height: 35px;background-color: transparent;border: 0;background-repeat: no-repeat;}

.food-categories a {display: block; overflow: hidden; border-radius: 10px; background-color: #f5f5f5; padding: 25px 15px;   text-align: center; margin:15px 0;}
.food-categories a img {  display: inline-block; width: 50px; margin-bottom: 25px; }
.food-categories span {font-size: 12px; color: #666; }
.food-categories span b {display: block; font-size: 14px; letter-spacing: 0.5px; font-weight: 600 !important; margin-bottom: 5px; color: #111; font-family: 'Montserrat', sans-serif; }


.about-me.style1 img {width: 180px; }
.about-me.style1 h4 { margin-top: 25px; font-size: 28px; font-weight: 600; margin-bottom: 20px; font-family: 'Lora', serif; }
.about-me.style1 p {font-size: 16px; line-height: 26px; padding: 0 12px; font-family: 'Lora', serif; }

.widget .rpost,
.widget {float: left; width: 100%; position: relative;}
.widget .rpost img {width: 85px;   float: left; margin-right: 20px;  padding-right: 0px; display: inline-block; border-radius: 100%; }
.widget .rpost h4 {color: #111; font-family: 'Lora', serif; font-size: 16px; font-weight: 600; line-height: 1.3; }
.widget .rpost span {font-size: 11px; font-weight: 600;  font-family: 'Montserrat', sans-serif; color: #999;}

.widget .email-subscribe {border:15px #fcf0e3 solid; padding:30px 25px;  border-radius: 10px; max-width: 300px; }
.widget .email-subscribe h4 {font-family: 'Lora', serif; font-size: 23px; font-weight: 600;  line-height: 34px; color: #444; margin-bottom: 30px; }
.widget .email-subscribe form {  overflow: hidden;  width: 100%;     }
.widget .email-subscribe form input {width: 100%; float: left; outline: none; padding: 0 15px;  background-color: transparent; height: 46px; line-height: 46px;  box-shadow: none; font-size: 13px; margin-right: 10px; background-color: transparent; border:1px #ddd solid; border-radius: 30px;  margin-bottom: 10px; }
.widget .email-subscribe form button { width: 100%; text-align: center; letter-spacing: 0.5px; color: #fff; font-weight: 600; border:0; outline: none; background: orangered;   text-transform: initial; padding: 0; position: relative; left:1px; line-height: 47px; font-size: 14px; border-radius: 30px; box-shadow: 0 16px 50px rgba(0,0,0,.07); letter-spacing: 0; }


/*-----------------------------------------------------------
    15. FORM  WRAPPER*/
/*---------------------------------------------*/
.form-one {width: 100%; overflow: hidden; float: left; }
.form-one input {line-height: 55px; height: 55px; margin-bottom: 25px; width: 100%; outline: none; font-size: 12px; color: #999; text-transform: uppercase; letter-spacing: 2px; }
.form-one textarea {line-height: 50px; height: 130px; margin-bottom: 15px; width: 100%; outline: none; font-size: 12px; color: #999; text-transform: uppercase; letter-spacing: 2px; }
.form-one button {  text-transform: uppercase; letter-spacing: 2px; font-size: 12px; background-color: transparent; outline: none; border:0; font-weight: 600; cursor: pointer;}

.form-two {width: 100%; overflow: hidden; float: left; }
.form-two input {line-height: 55px; height: 55px; width: 75%; outline: none; font-size: 13px; color: #999;  letter-spacing: 1px; border-radius: 10px; border:0; padding:0 15px;  }
.form-two button {line-height: 55px; height: 55px; width: 22%; outline: none; font-size: 13px; color: #999;  letter-spacing: 2px; border-radius: 10px; border:0; padding:0 15px;  float: right;}

.form-three .form-field {margin: 0;border: 0;padding: 0;}
.form-three .send_message { background-color: transparent; color: #111; border-bottom: 2px #333 solid; display: inline-block; padding: 0; line-height: 20px; margin-top: 30px;   }
.form-three .form-field input[type="text"], .form-two .form-field textarea {line-height: 50px; border-bottom:1px #cdd8de solid ;}
.form-three .form-field textarea {line-height: 50px;border-bottom: 1px #cdd8de solid;}

.form-four {width: 90%; overflow: hidden; float: left; padding: 15px; background-color: #36312d; border-radius: 10px;}
.form-four input {line-height: 55px; height: 55px; width: 70%; outline: none; font-size: 13px; color: #999;  letter-spacing: 1px; border-radius: 10px; border:0; padding:0 15px;  background-color: transparent;}
.form-four button {line-height: 55px; height: 55px; width: 28%; outline: none; font-size: 13px;  letter-spacing: 1px; border-radius: 10px; border:0; padding:0 35px;  float: right; background: linear-gradient(to left, #f571ba ,#ca571a);}


.footer-wrapper.style2 .form-one textarea {height: 100px; }

.trsprnt-input {background-color: transparent; border:0; border-bottom: 1px #ddd solid;   }
.trsprnt-textarea {background-color: transparent; border:0; border-bottom: 1px #ddd solid;    }
.reservation-form { box-shadow: 0 16px 50px rgba(0,0,0,.07); position: absolute; top:150px;  width: 97%; z-index: 2; padding: 75px; }
.reservation-form form input {background-color: #fbf9f6; border:0; outline: none; line-height: 60px; height: 60px; padding: 0 15px;  width: 100%; color: #aaa; font-size: 16px; }
.reservation-form textarea {line-height: 50px; height: 140px; margin-bottom: 15px; width: 100%; outline: none; background-color: #fbf9f6; border: 0; padding: 0 15px; }
.reservation-form button {background-color: #e5951a; line-height: 55px; height: 55px; min-width: 200px; text-align: center; border-radius: 30px; outline: none; font-size: 14px; font-weight: 600; letter-spacing: 1px;   text-transform: uppercase;  color: #fff; border:0;}

.reservation-form-style2 { box-shadow: 0 16px 50px rgba(0,0,0,.07);  padding: 75px; position: relative; z-index: 2; }
.reservation-form-style2 form input {background-color: #eaf1f4; border:0; outline: none; line-height: 60px; height: 60px; padding: 0 15px;  width: 100%; color: #aaa; font-size: 16px; }
.reservation-form-style2 textarea {line-height: 50px; height: 140px; margin-bottom: 15px; width: 100%; outline: none; background-color: #eaf1f4; border: 0; padding: 0 15px; }
.reservation-form-style2 button {background-color: #333; line-height: 55px; height: 55px; min-width: 200px; text-align: center; border-radius: 30px; outline: none; font-size: 14px; font-weight: 600; letter-spacing: 1px;   text-transform: uppercase;  color: #fff; border:0;}

.reservation-form-style3 {  padding:0 75px 0 30px; position: relative; z-index: 2; }
.reservation-form-style3 form input {background-color: #eaf1f4; border:0; outline: none; line-height: 60px; height: 60px; padding: 0 15px;  width: 100%; color: #aaa; font-size: 16px; }
.reservation-form-style3 textarea {line-height: 50px; height: 140px; margin-bottom: 15px; width: 100%; outline: none; background-color: #eaf1f4; border: 0; padding: 0 15px; }
.reservation-form-style3 button {background-image: url(../images/bg-90.png);  background-size: cover; line-height: 55px; height: 55px; min-width: 200px; text-align: center; border-radius: 30px; outline: none; font-size: 14px; font-weight: 600; letter-spacing: 1px;   text-transform: uppercase;  color: #fff; border:0;}

.reservation-bg:before {content: ''; background-image: url(../images/bg-27.png); position: absolute; top:-150px; left:-130px; z-index: 1; width: 440px; height: 440px; background-size: contain; }
.reservation-bg:after {content: ''; background-image: url(../images/bg-27.png); position: absolute; bottom:-150px; right:-130px; z-index: 1; width: 440px; height: 440px; background-size: contain; }


/*-----------------------------------------------------------
    16. TEAM AND FAQ WRAPPER   */
/*----------------------------------------------------*/

.team-wrapper.style1:after {background-color: #011040; width: 100%; position: absolute; top:0; height: 35%; content: ''; left:0; }
.team-wrapper.style1 .team-item span {position: absolute; bottom: 00px; left:0px; padding: 50px;  font-size: 30px; color: #fff; font-weight: 600; z-index: 1; letter-spacing: 1px;  background: -webkit-linear-gradient(to top, #000 ,transparent);  background: linear-gradient(to top, #000 ,transparent); width: 100%; }
.team-wrapper.style2:after { background-image: url(../images/bg-116.png); content: ''; display: inline-block;  width: 100%; height: 100%; position: absolute; top:0; left:0; background-position: top 80px left; background-repeat: no-repeat; }
.team-wrapper.style2 .team-item .item-content {position: absolute; bottom: 00px; left:0px; padding: 110px;   z-index: 1; letter-spacing: 1px;  background: -webkit-linear-gradient(to top, #000 ,transparent);  background: linear-gradient(to top, #000 ,transparent); width: 100%; margin-bottom: 0; opacity: 1; }
.team-wrapper.style2 .team-item .item-content h4 {font-size: 32px; color: #fff; font-weight: 600; position: absolute; z-index: 2; letter-spacing: 1px; right: -12%; bottom:70px;}
.team-wrapper.style2 .team-item .item-content h4 span {text-transform: uppercase; font-size: 11px; font-weight: 500; letter-spacing: 2px; color: #fff; padding-left: 50px; line-height: 20px; margin-bottom: 0; margin-top: 15px; max-width: 50px; opacity: 1; }
.team-wrapper.style2 .team-item .item-content h4 span:after {width: 30px; height: 1px; background-color: #fff; content: ''; display: inline-block; position: absolute; left:0;bottom: 30px;  }
.team-wrapper.style2 .team-item .item-content.left-content h4 {left:-12%; right: auto;  max-width: 120px; }

.team-item.style2 h4 {font-size: 20px; font-weight: 600; margin-top: 30px; }
.team-item.style2 span {font-size: 13px; }

.team-item.style3 img {margin-bottom: 20px;  }
.team-item.style3 span {font-family: 'Montserrat', sans-serif;  font-size: 16px; }
.team-item.style3 b {display: block; margin-top: 5px; }

.team-item.style4 span {color: #fff;   position: absolute; bottom: 0; z-index: 2; left:0; padding: 30px;   font-family: 'Montserrat', sans-serif;  font-size: 16px; background: -webkit-linear-gradient(to top, #000 ,transparent);    background: linear-gradient(to top, #000 ,transparent);    width: 100%; font-size: 13px;}
.team-item.style4 b {display: block; margin-top: 5px; font-size: 20px; }

.case-studie.style1 h4 { font-size: 17px; line-height: 30px;   }
.case-studie.style1 p { font-size: 14px; line-height: 30px; }


.bg-faq {background-repeat: no-repeat; background-position: right top; background-size: 20%; }
.faq-item.style1 {padding-left: 30px; padding-right: 30px; margin-bottom: 75px; }
.faq-item.style1 img {width: 38px; display: inline-block; float: left; position: relative; left: -10px; }
.faq-item.style1 h4 {padding-left: 40px;  font-size: 15px; color: #111; font-weight: bold; margin-bottom: 20px; display: block;  letter-spacing: 0.6px; line-height: 40px;}
.faq-item.style1 p {display: inline-block; color: #333; font-size: 14px; line-height: 32px; }


/*-----------------------------------------------------------
    17. PRODUCT WRAPPER   */
/*----------------------------------------------------*/

.product-item.style1 {background-image: url(../images/bg-50.png); background-position: center center; background-repeat: no-repeat; background-size: 230px; padding: 20px; }
.product-item.style1 a img {width: 85px; }

.action-btn {opacity: 0; -webkit-transform: translate(50px, 0);-moz-transform: translate(50px, 0);-ms-transform: translate(50px, 0);-o-transform: translate(50px, 0);transform: translate(50px, 0); z-index: 4; width: 45px; height: 45px; text-align: center; line-height: 45px; vertical-align: middle; display: inline-block; border-radius: 100%; background-color: #fff;  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2); border-radius: 50%; margin-bottom: 10px; }
.cabe-product-action span {font-size: 20px;margin-top: 0;position: relative;display: inline-block;line-height: 46px;}
.cabe-product-action {position: absolute; right:20px; bottom: 20px; width: 50px; }
.cabe-product-action a:nth-child(1) {transition-delay: 50ms; }
.cabe-product-action a:nth-child(2) {transition-delay: 100ms; }
.cabe-product-action a:nth-child(3) {transition-delay: 150ms; }
.product-item:hover .cabe-product-action a {-webkit-transform: translate(0, 0);-moz-transform: translate(0, 0);-ms-transform: translate(0, 0);-o-transform: translate(0, 0);transform: translate(0, 0);opacity: 1; }

.product-ordering-list {position: absolute; right: 15px;background-color: #fff;padding: 7px;z-index: 11;margin-top: 3rem;box-shadow: 0 0 32px 0 rgba(0, 0, 0, 0.05);visibility: hidden; opacity: 0; -webkit-transition: all 250ms ease-out;    -moz-transition: all 250ms ease-out;    -ms-transition: all 250ms ease-out;    -o-transition: all 250ms ease-out;   transition: all 250ms ease-out; margin-top: 10px;}
.product-ordering:hover .product-ordering-list {visibility: visible;opacity: 1;}
.product-ordering-list li {text-align: left; list-style-type: none;  padding: 5px 10px;    white-space: pre;    display: block;    border-radius: 4px; }
.product-ordering-list li a {color: #282828;font-size: 14px; line-height: 28px; }
.product-ordering-btn,.product-bar p {font-size: 14px; line-height: 32px;  font-weight: 500; letter-spacing: 2px; }
.product-ordering-btn { display: inline-block; }
.product-ordering-btn:after {content: '';  display: inline-block;width: 0;height: 0;margin-left: 10px;vertical-align: 0.255em;content: "";border-top: 0.3em solid;border-right: 0.3em solid transparent;border-bottom: 0;border-left: 0.3em solid transparent; }


.product-item.style2 {overflow: hidden;}
.product-item.style2 a {display: block; }
.product-item.style2 a img {-o-object-fit: cover;    object-fit: cover;  width: 100%;}
.product-item.style2 a img figure {-webkit-transition: all .5s ease;transition: all .5s ease;}
.product-item.style2 a:hover figure {transform: scale(1.1); }
.product-item.style2 h2 {position: absolute; bottom: 100px; left:100px; letter-spacing: 1px; font-size: 45px; }
.product-item.style2 h2 span {letter-spacing: 2px; border-bottom: 2px #333 solid; font-size: 13px; display: inline-block; }
.product-item.style2 .item-detail {padding: 25px; }
.product-item.style2 .item-detail h3 {font-size: 16px;  }
.product-item.style2 .item-detail h4 {font-size: 14px; color: #555; }
.product-item.style2 .item-detail h4 del {color: #999; margin-left: 10px;  }
.product-item.style2 .item-detail .bttn-cart {font-size: 12px; letter-spacing: 1px;  margin-top: 25px; display: inline-block;}
.product-item.style2 .item-detail .quick-view {float: right; margin-top: 22px; padding-left: 20px; }
.product-item.style2 .item-detail .quick-view img {width: 25px; }
.product-item.style2 .w200 {width: 180px; display: inline-block;}
.product-item.style2 a {text-align: center;}

.product-item.style3.text-right hr {float: right;}
.product-item.style3 hr {width: 30px; float: left; display: block;  border-top: 1px solid rgba(0,0,0,.4); margin-bottom: 30px; }
.product-item.style3 a {display: block;}
.product-item.style3 span {font-size: 60px; letter-spacing: 3px; color: #666; padding-right: 20px; position: relative; line-height: 50px; }
.product-item.style3 span:after {content: ''; position: absolute; right:0; top:20px; height: 55%; background-color: #666; width: 1px; }
.product-item.style3 .bttn {    letter-spacing: 2px;    border-bottom: 2px #333 solid; display: inline-block; font-size: 12px; }

.product-item.style4 a {display: block;}
.product-item.style4 a img {display: block; width: 100%;}
.product-item.style4 a span {position: absolute; bottom: 30px; left:30px; font-size: 22px; display: block;}
.product-item.style4 a:hover span {bottom:50px; }

.product-item.style5 {margin: 5px; }
.product-item.style5 h3 {font-size: 18px; }
.product-item.style5 h4 {font-size: 16px; }
.product-item.style5 h4 del {color: #999; margin-left: 10px; }

.product-item.style6 .item-detail {position: absolute; bottom:0; padding: 50px; }
.product-item.style6 .item-detail .bttn-cart {border-bottom: 2px #fff solid; }
.product-item.style6 a img {width: 100%; }
.product-item.style6 a:hover img {transform: scale(1.1); }

.product-image-holder,.product-image {position: relative;}
.product-image-holder a {display: block;}
.product-image img {-webkit-transition: opacity 0.5s ease, transform 2s cubic-bezier(0, 0, 0.44, 1.18);-moz-transition: opacity 0.5s ease, transform 2s cubic-bezier(0, 0, 0.44, 1.18);-ms-transition: opacity 0.5s ease, transform 2s cubic-bezier(0, 0, 0.44, 1.18);-o-transition: opacity 0.5s ease, transform 2s cubic-bezier(0, 0, 0.44, 1.18);transition: opacity 0.5s ease, transform 2s cubic-bezier(0, 0, 0.44, 1.18);width: 100%;height: 100%;display: block; }
.product-image .primary-image {opacity: 1; }
.product-image .secondary-image {position: absolute;left: 0;top: 0;z-index: 2;transition: opacity 0.5s ease, transform 2s cubic-bezier(0, 0, 0.44, 1.18);opacity: 0;width: 100%;height: 100%;pointer-events: none; }
.cabe-product {margin-bottom: 30px; }
.cabe-product:hover .primary-image {opacity: 0; }
.cabe-product:hover .secondary-image {opacity: 1;pointer-events: visible; }
.product-info a {font-size: 18px; font-weight: 600; font-family: 'Montserrat', sans-serif; margin-top: 10px; display: inline-block;  margin-bottom: 0px; }
.product-info .money {display: block; font-size: 16px; color: #ff9000; font-weight: 700; }

.shop-four .product-info a {font-weight: 300; margin-bottom: 5px; }
.shop-four .product-info .money {color: #111; font-size: 14px; letter-spacing: 2px;  }

.product-rating i.rated {color: #999;}
.product-rating i {font-size: 12px; }
.review-link {margin-left: 15px; }
.product-name {font-size: 52px;line-height: 1.2;margin-bottom: 15px;font-weight: 600;color: #111;display: inline-block;}
.product-price {font-size: 30px; display: block; font-weight: 600; color: #111; margin-top: 20px;   margin-bottom: 20px; letter-spacing: 1px; }
.product-action {margin-top: 30px; margin-bottom: 75px; }
.quantity {  height: 60px;   float: left; width: 100px; position: relative;border: 1px solid #DEDEDE }
.quantity-input {border:0;  background: none;  padding: 0;width: 100%;height: 100%;; font-size: 18px; padding-left: 17px;  line-height: 60px; color: inherit; text-align: center;-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none; }
.quantity .qtybutton {background-color: #fff; z-index: 1;  position: absolute;height: 58px;cursor: pointer;width: 2rem;font-size: 18px; font-weight: 300;  line-height: 60px;top: 0;text-align: center;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in; }
.quantity .qtybutton.inc {right: 0; }
.quantity .qtybutton.dec {left: 0; }
.btn-add-to-cart {width: auto; display: inline-block; font-size: 14px; letter-spacing: 1px; text-transform: uppercase;  height: 60px; line-height: 60px; padding: 0 30px; color: #fff; font-weight: 400; background-color: #111; border:0; margin-left: 20px; }
.product-feature-list {}
.product-feature-list li {float: left;  width: 50%; list-style-type: disc; font-size: 14px; font-weight: 500; color: #111; line-height: 28px; margin-bottom: 10px;  }
.product-view p,.product-info p {margin-bottom: 20px; font-size: 14px; }
.product-view.style1 {padding: 100px 0 0 100px; }
.product-view.style1 p {padding-right: 90px; }
.nav-pills  {margin-left: 0; }
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {background-color: #fff; color: #000; border-radius: 0; border-bottom: 2px #000 solid; }
.nav-pills .nav-link {border-radius: 0; color: #999; padding:0 0px 0 0; margin-right: 50px;  font-size: 14px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; line-height: 50px;  padding-bottom: 5px; }
#pills-tab {border-bottom: 1px #eee solid; margin-bottom: 35px !important; }
.tab-content ul {margin-left: 20px; margin-bottom: 20px;}
.tab-content ul li {color: #111;font-size: 16px;font-weight: 400;line-height: 32px;  }


.cart-wrapper .table thead th {border-top: 0; border-bottom: 1px #eee solid; font-size: 13px; line-height: 32px;  font-weight: 500; letter-spacing: 1px; text-transform: uppercase; padding-bottom: 15px;    }
.cart-wrapper .table tbody td {border-top: 0; vertical-align: middle; padding-top: 30px;  }
.product-thumbnail img {width: 80px; }
.product-remove img {width: 30px; }
.product-headline h3 {font-size: 16px; font-weight: 500; color: #111; margin-bottom: 0; }

.quantity {  height: 60px;   float: left; width: 100px; position: relative;border: 1px solid #DEDEDE }
.quantity-input {border:0;  background: none;  padding: 0;width: 100%;height: 100%;; font-size: 18px; padding-left: 17px;  line-height: 60px; color: inherit; text-align: center;-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none; }
.quantity .qtybutton {background-color: transparent; z-index: 1;  position: absolute;height: 58px;cursor: pointer;width: 2rem;font-size: 18px; font-weight: 300;  line-height: 60px;top: 0;text-align: center;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in; }
.quantity .qtybutton.inc {right: 0; }
.quantity .qtybutton.dec {left: 0; }
.money {display: block; font-size: 18px; font-weight: 400; color: #111; margin-top: 5px; }
.cart-wrapper .table .product-price {display: inline-block; }
.cart-wrapper .quantity {height: 45px; }
.cart-wrapper .quantity-input {line-height: 45px; font-size: 15px; }
.cart-wrapper .quantity .qtybutton {height: 43px; line-height: 43px; }
.cart-wrapper .table-content {border-bottom: 1px #eee solid; margin-bottom: 50px; }
.cart-totals {    padding: 35px 40px ;    margin-bottom: 0rem;}
.cart-collaterals {    background: #f9f9f9; margin-left: 20px; }
.cart-totals h4 {margin-bottom: 25px; font-weight: 600; }
.cart-totals .table-content {margin-bottom: 0; border-bottom: 0; }
.table.order-table {margin-bottom: 0; }
.table.order-table tbody td,.table.order-table th {border-top: 0 !important; line-height: 35px; padding: 0; }
.table.order-table .order-total td,.table.order-table .order-total th {padding-top: 20px; font-size: 18px; }
.table.order-table .order-total .money {margin-top: 0; font-weight: 600;}
.proceed-cheakout-btn {width: 100%; border:0; line-height: 60px; text-align: center; display: block; background-color: #111; color: #fff; text-transform: uppercase; font-size: 14px; letter-spacing: 2px;  font-weight: 400;   }
.coupon input {width: 200px; padding:0 15px; line-height: 50px;  float: left;font-size: 12px; color: #111; margin-right: 20px; }
button.lar {cursor: pointer; background-color: #111; color: #fff; font-size: 14px; letter-spacing: 2px; text-transform: uppercase; border-radius: 0; line-height: 52px; float: left;  padding: 0 20px; border:0;}
.message-box {background: #eeeff2;padding: 15px 20px;position: relative;width: auto;    word-wrap: break-word; }
.message-box p {font-weight: 400; font-size: 14px; }
.message-box p i {margin-right: 10px; }
.cart-wrapper .form-row {margin-left: 0; margin-right: 0; }
.cart-wrapper input[type=checkbox],.cart-wrapper  input[type=radio] {margin-top: 4px; margin-right: 10px; }
.order-details {padding: 40px 50px;border: 2px solid #C5C5C5; margin-left: 40px; }
.order-details .order-table {margin-top: 50px; margin-bottom: 30px; }
.order-details .table td,.order-details .table th {padding-bottom: 10px; padding-top: 10px; }
.order-details .table-content {border-bottom: 0; }
.order-details .cart-subtotal th {border-top: 1px #dee2e6 solid !important; border-bottom: 1px #dee2e6 solid;}
.order-details .shipping th { border-bottom: 1px #dee2e6 solid;}

.order-table-2 .order-total td {font-weight: bold;}
.order-table-2 .order-total td,.order-table-2 .shipping td,.order-table-2 .cart-subtotal td {padding-right: 0; line-height: 35px; }

.payment-info p {font-size: 14px; line-height: 26px; color: #999;}
.payment-radio {margin-bottom: 10px; }
.payment-radio label {font-size: 14px; font-weight: 500; color: #111; text-transform: uppercase; letter-spacing: 2px; position: relative;    top: -2px;}


/*-----------------------------------------------------------
    18. FOOTER  WRAPPER*/
/*------------------------------------------------------------*/
.social-icons-two li {display: inline-block; list-style-image: none; list-style-type: none; }
.social-icons-two li:not(:last-child) {margin-right: 20px; }
.social-icons-two li a {font-size: 20px; }
.social-icons-two.text-white li a {color: #fff; } 
.copyright-text {color: #000; font-size: 12px; line-height: 24px; }
.back-top {font-size: 11px; letter-spacing: 1px; }
.bg-facebook {background-color: #3b5998 !important;}
.bg-twitter {background-color: #55acee !important;}
.bg-pin {background-color: #cb2027 !important;}
.bg-dribbble {background-color: #f26798 !important;}

.social-text i {font-size: 26px; margin-right: 10px; position: relative; top:4px;}
.social-text.style2 li a {font-size: 14px; font-weight: 600; }

.banner-content-three {position: relative; -webkit-transform: translateY(0%);-moz-transform: translateY(0%);-ms-transform: translateY(0%);-o-transform: translateY(0%);transform: translateY(0%); top:0; }


.footer-wrapper-two {}
.footer-wrapper-two .social-icons-two {margin-bottom: 0;}
.social-icons-two li:not(:last-child) {margin-right: 30px;}
.footer-wrapper-two .social-icons-two li a {font-size: 18px; }
.footer-wrapper-two p {font-size: 14px; }

.top-border:before {display: block !important;content: "";width: 100%;height: 2px;top: 0px;left: 0;position: absolute;z-index: 1;background: linear-gradient(to right,#FFF 0,#eeeeee 35%,#eeeeee 65%,#FFF 100%);background: -ms-linear-gradient(left,#fff 0,#eeeeee 35%,#eeeeee 65%,#fff 100%);background: -o-linear-gradient(left,#fff 0,#eeeeee 35%,#eeeeee 65%,#fff 100%);background: -webkit-linear-gradient(left,#FFF 0,#eeeeee 35%,#eeeeee 65%,#FFF 100%);background: -moz-linear-gradient(left,#fff 0,#eeeeee 35%,#eeeeee 65%,#fff 100%);background: -webkit-gradient(linear,left top,right top,color-stop(0%,#FFF),color-stop(35%,#eeeeee),color-stop(65%,#eeeeee),color-stop(100%,#FFF));}
.bottom-border:after {display: block !important;content: "";width: 100%;height: 2px;bottom: 0px;left: 0;position: absolute;z-index: 1;background: linear-gradient(to right,#FFF 0,#eeeeee 35%,#eeeeee 65%,#FFF 100%);background: -ms-linear-gradient(left,#fff 0,#eeeeee 35%,#eeeeee 65%,#fff 100%);background: -o-linear-gradient(left,#fff 0,#eeeeee 35%,#eeeeee 65%,#fff 100%);background: -webkit-linear-gradient(left,#FFF 0,#eeeeee 35%,#eeeeee 65%,#FFF 100%);background: -moz-linear-gradient(left,#fff 0,#eeeeee 35%,#eeeeee 65%,#fff 100%);background: -webkit-gradient(linear,left top,right top,color-stop(0%,#FFF),color-stop(35%,#eeeeee),color-stop(65%,#eeeeee),color-stop(100%,#FFF));}
.fixed-footer {position: fixed; bottom: 30px; width: 100%;}
.fixed-bottom-footer {position: fixed; bottom: 0; width: 100%; z-index: 1;}


.footer-wrapper ul.footer-link li {display: block; margin-bottom: 15px; }
.footer-wrapper.style0 a,
.footer-wrapper.style0 p,
.footer-wrapper.style0 ul.footer-link li a {color: #eee; font-family: 'Montserrat', sans-serif; line-height: 32px; display: inline-block; font-size: 14px; font-weight: 400; }
.footer-wrapper.style0 ul li a:hover {color: #fff; }
.footer-wrapper.style0 .social-icons-two a {border:1px #bab5df solid; border-radius: 30px; display: inline-block; width: 40px; height: 40px; text-align: center; line-height: 40px;  }
.footer-wrapper.style0 .social-icons-two li:not(:last-child) {margin-right: 15px;}

.footer-wrapper.style1 {}
.footer-wrapper.style1 .logo img {width: 90px; opacity: 0.9;  margin-bottom: 25px; }
.footer-wrapper.style1 p {  font-weight: 500;  color: #aaa;letter-spacing: 0.4px;  font-size: 14px;line-height: 32px; margin-right: 30%; }
.footer-wrapper.style1 .social-icons-two {margin-top: 25px; margin-bottom: 20px; }
.footer-wrapper.style1 .social-icons-two li:not(:last-child) {margin-right: 15px; }
.footer-wrapper.style1 .social-icons-two li a {font-size: 18px; color: #290ecb; background-color: #00d7f1 ; height: 38px; width: 38px; border-radius: 100%; text-align: center; line-height: 38px !important; display: inline-block;  }
.footer-wrapper.style1 p.copyright {font-size: 12px; color: #999; font-weight: 500; line-height: 26px; }
.footer-wrapper.style1 a {font-size: 13px; color: #999; font-weight: 500; }
.footer-wrapper.style1 h4 {font-size: 16px; font-weight: 500; color: #ddd; margin-bottom: 35px; letter-spacing: 1px; }
.footer-wrapper.style1 h6 {font-size: 13px;  color: #ddd; margin-bottom: 35px; letter-spacing: 1px; margin-bottom: 25px; }
.footer-wrapper.style1 ul li {list-style-type: none; list-style-image: none; }
.footer-wrapper.style1 ul li a {color: #999; font-size: 13px; line-height:32px; display: inline-block;font-weight: 500; }

.onepage-screen .footer-wrapper {position: fixed; bottom: 30px; width: 100%; z-index: 5; }
.onepage-screen .copyrigght-text {font-size: 13px; font-weight: 500; color: #fff; letter-spacing: 0.5px; }

.address {padding-right: 30px; }
.address h4 {font-size: 13px;  font-weight: bold; color: #ddd;   letter-spacing: 2px; text-transform: uppercase;  margin-bottom: 40px; }
.address p {font-size: 14px; line-height: 30px; color: #fff; opacity: 0.6;  margin-bottom: 10px; display: inline-block; font-weight: 400; }

.address.style3 h4 {margin-bottom: 20px; }
.address.style3 p {font-size: 13px; opacity: 0.85; margin-bottom: 0; }

.address.style2 {padding-left: 50px; }
.address.style2 h3 {display: block;color: #a9acb5;text-transform: uppercase;margin-bottom: 40px;font-size: .75rem;letter-spacing: 1.97px;font-weight: bold;}
.address.style2 h5 {color: #222; font-size: 15px; font-weight: bold; margin-top: 10px; }
.address.style2 p {font-size: 11px !important; font-weight: 500 !important; line-height: 22px !important; color: #a9acb5 !important; opacity: 1;  text-transform: uppercase; }

.address-bar {padding: 30px 35px; background-color: #fff; -webkit-box-shadow: 0 15px 60px 0 rgba(0,0,0,.1);box-shadow: 0 15px 60px 0 rgba(0,0,0,); margin-left: 15px; }
.address-bar img {width: 40px; display: inline-block;  margin-bottom: 15px; opacity: 0.6; }
.address-bar p {font-size: 13px !important; line-height: 28px !important;  color: #666; margin-bottom: 0; }

.bg-app-footer:after {content: ''; position: absolute; top: -270px; left:0; width: 100%; height: 750px; background-repeat: no-repeat; background-position: top center; background-image: url(../images/footer-bg2.png);}
.bg-app-footer.style1 h4 {color: #111; letter-spacing: 0; font-size: 600;  }
.bg-app-footer.style1 p {  font-weight: 400;  color: #444446;letter-spacing: 0px;  font-size: 14px;line-height: 30px; margin-right: 30%; }
.bg-app-footer.style1 ul li a {color: #555; line-height: 38px; }
.footer-wrapper.style1 p.copyright {font-size: 13px; color: #555; font-weight: 500; }
.footer-wrapper.style1 a {color: #555; }
.footer-wrapper.style1 .social-icons-two li a {color: #fff; }

.footer-wrapper.style2 p {color: #aaa; font-size: 15px; line-height: 28px;  font-weight: 400; font-family: 'Lora', serif; }
.footer-wrapper.style2 .back-top {margin-top: 25px; display: inline-block; font-weight: 600; color: #111; font-family: 'Montserrat', sans-serif; text-transform: uppercase; margin-bottom: 0; font-weight: bold; letter-spacing: 2px; }
.footer-wrapper.style2 .social-icons {  margin-bottom: 30px; }
.footer-wrapper.style2 .social-icons li a {background-color: transparent; width: auto; }
.footer-wrapper.style2 .social-icons li:not(:last-child) {margin-right: 25px;}
.footer-wrapper.style2 .social-icons li {float: none; display: inline-block; text-align: center; line-height: 20px; }
.footer-wrapper.style2 .social-icons li:not(:last-child) {margin-right: 10px;}
.footer-wrapper.style2 .social-icons li a {font-size: 16px ; display: inline-block; width: 40px;  height: 40px;  line-height: 40px;  border-radius: 100%; background-color: #e5e5e5}
.footer-wrapper.style2 .social-icons.black-icon li a {background-color: #333; color: #fff; }
.footer-wrapper.style2.large-size .social-icons li a {background-color: #fa8964; line-height: 60px; width: 60px; height: 60px; color: #fff; font-size: 22px; }
.footer-wrapper.style2 h2 {font-size: 46px; font-weight: 500; line-height: 1.4; }
.footer-wrapper.style2 h4 {font-size: 36px; font-weight: 500; letter-spacing: 1px; }
.footer-wrapper.style2 p.copyrigght-text {font-size: 13px; }
.footer-wrapper.style2.bbottom {border-bottom: 30px #f5f5f5 solid; }
.footer-wrapper.style2.ball {border: 30px #f5f5f5 solid; }


.footer-wrapper.style3 .bttn {padding:0 20px; line-height:40px;  border:1px #aaa solid; display: inline-block; color: #aaa; letter-spacing: 1px; font-weight: 600; text-transform: uppercase;   font-size: 12px; position: relative; top:-4px;}
.footer-wrapper.style3 .divider {margin-top: 40px;  padding-top: 40px; border-top: 1px #2b2b2b solid;}
.footer-wrapper.style3 p {color: #676767; font-size: 14px; line-height: 26px;  }
.footer-wrapper.style3 p.text-small {  font-size: 11px; line-height: 26px;  letter-spacing: 0.5px; }
.footer-wrapper.style3 .social-icons li a {font-size: 16px ; display: inline-block; width: 40px;  height: 40px;  line-height: 40px;  border-radius: 100%; background-color: #e5e5e5;}
.footer-wrapper.style3 .menu-nav li a {font-size: 14px;text-transform: uppercase;font-weight: 500;padding: 0 5px; letter-spacing: 0.4px; }

.footer-wrapper.style3.text-white .menu-nav li a {font-size: 12px; letter-spacing: 2px; }
.footer-wrapper.style3.text-white .social-icons li a {background-color: transparent; color: #eee; height: 20px; line-height: 20px;  }
.footer-wrapper.style3.text-white input {font-size: 12px; letter-spacing: 1px; color: #222; }
.footer-wrapper.style3.text-white button,.footer-wrapper.style3.text-white .back-top {font-size: 10px; letter-spacing: 2px; }
.footer-wrapper.style3.text-white hr {border-top: 1px solid rgba(255,255,255,.2); }

.footer-wrapper.style3.style4 {background-position: center bottom; }

.footer-wrapper.style5 {padding-top: 50px; min-height: 760px; background-position: center bottom; background-repeat: no-repeat; padding-bottom: 30px; }
.footer-wrapper.style5 h4 {color: #111; font-size: 14px; font-weight: 600; letter-spacing: 0.3px;}
.footer-wrapper.style5 ul li a {line-height: 40px; color: #555; }
.footer-wrapper.style1 p {color: #555;  font-size: 13px; }
.footer-wrapper.style5 .col-sm-3 {padding-left: 80px; }
.footer-wrapper.style5 .mt50 {margin-top: 470px;}
.footer-wrapper.style5 .mt50 a {color: #fff; }

.footer-wrapper.style6 .logo img {width: 75px; } 
.footer-wrapper.style6 p {font-size: 11px; line-height: 24px; color: #888; padding-right: 18%; }
.footer-wrapper.style6 ul li a {font-family: 'Montserrat', sans-serif; font-weight: 300; color: #fff; font-size: 11px; letter-spacing: 0.4px; line-height: 35px;  }
.footer-wrapper.style6 hr { border-top: 1px solid rgba(255,255,255,.2); }
.footer-wrapper.style6 ul.social-icons-two li a {font-size: 15px; }

.footer-wrapper.style7 .copyright {font-size: 12px; line-height: 75px; border-top: 1px #e7e7e7 solid; color: #697990; letter-spacing: 0.4px; }
.footer-wrapper.style7 h6 {color: #0a0a0a; font-size: 17px; letter-spacing: 0.4px;  font-weight: 400; margin-bottom: 30px; }
.footer-wrapper.style7 p {font-family: 'Montserrat', sans-serif;  color: #999; font-size: 13px; line-height: 28px; font-weight: 400;  }
.footer-wrapper.style7 ul li a {font-family: 'Montserrat', sans-serif;  color: #999; font-size: 13px; line-height: 36px; font-weight: 400;  }
.footer-wrapper.style7 ul li a:hover {color: #333;}
.footer-wrapper.style7 ul li {margin-bottom: 5px; }
.footer-wrapper.style7 .social-icons-two li {margin-right: 20px; }
.footer-wrapper.style7 .social-icons-two li a {font-size: 18px; }

.bg-cross:after {content: ''; width: 100%; height: 150%; top:-100px; left:0; background-image: url(../images/bg-14.png);background-position: top -200px center; position: absolute; }

.social-share {float: right; padding-left: 0px; padding-top: 5px; }
.social-share li {line-height: 21px; }
.social-share li a {display: inline-block;}
.social-share li a i {width: 25px;  height: 20px; font-size: 20px;   display: inline-block; color: #555;     transition: all 0.3s;}
.social-share li a:hover i{color: #000;}


.footer-menu-nav li {padding: 0 15px;}
.footer-menu-nav li a {font-size: 13px; font-weight: 600; color: #aaa; letter-spacing: 1px; text-transform: uppercase;}
.footer-menu-nav li.active a {color:#eaf1f4; }
.full-height-footer-mb {margin-bottom: 900px; }

#sidebarWrap { float: right;position: relative;}
#footer_wrap {clear: both;margin: 10px 0;}
#sidebar { width: 315px;position: absolute;}
#sidebar.fixed {position: fixed;top: 0;}

/*-----------------------------------------------------------
    19. RESPONSIVE  STYLE*/
/*------------------------------------------------------------*/

@media (min-width: 200px) {

    .fmont {
        font-size: 18px !important;
    }
    .logo-small {
        width: 38%;
        margin-left: auto;
        margin-right: 34px;
        margin-top: -15px;
    }
    .control-small {
        position: absolute !important;
        margin-top: -95px;
    }

    .backg-small {
    display:block;
    }

    .backg-long {
        display: none;
    }

    .iconCenter {
        width: 320px;
        margin-left: auto;
        margin-right: auto;
    }

    .text-small {
        font-size: 18px !important;
    }

    .hero-full {
        height: 90vh;
    }

    .iconDemos {
        z-index: 50;
        margin-top: 11vh;
    }

    label {
        font-size: 19px !important;
    }

    .copyright-imge {
        height: 50px;
        margin-top: 210%;
        position: fixed;
        z-index: 100;
        background-image: url(../images/bg-90.png);
    }

}

@media (min-width: 300px) {
    logo-small {
        width: 158px;
        margin-left: auto;
        margin-right: 47px;
        margin-top: -15px;
    }
    }
    @media (min-width: 768px) {
        .header-wrapper.style9 .container-fluid {padding: 0 70px; }
    .section-full.container-fluid {padding: 0 50px; }
    .pad-top-sm-250 {padding-top: 250px; }
    .pad-top_md-50 {padding-top: 50px; }
        .iconCenter {
            width: 320px;
            margin-left: auto;
            margin-right: auto;
        }

        .text-small {
            font-size: 18px !important;
        }
   
}

@media (min-width: 1200px){
    .pad-lg-250 {padding: 250px; }
    .pad-lg-300 {padding: 300px 0; }
    .pad-lg-350 {padding: 350px; }
    .pad-right-lg-90 {padding-right: 90px; }
    .pad-left-lg-90 {padding-left: 90px; }
    .pad-right-lg-50 {padding-right: 50px; }
    .pad-left-lg-50 {padding-left: 50px; }
    .pad-lg-200 {padding-top: 200px; padding-bottom: 200px; }
    .pad-lg-150 {padding-top: 150px; padding-bottom: 150px; }
    .pad-lg-125 {padding-top: 125px; padding-bottom: 125px; }
    .pad-bottom-lg-100 {padding-bottom: 100px;}
    .pad-bottom-lg-150 {padding-bottom: 150px; }
    .pad-top-lg-50 {padding-top: 50px; }
    .pad-top-lg-100 {padding-top: 100px; }
    .pad-top-lg-125 {padding-top: 125px; }
    .pad-top-lg-150 {padding-top: 40px; }
    .pad-top-lg-200 {padding-top: 200px; }
    .pad-lg-v50 {padding-left: 50px; padding-right: 50px; }



    .fmont {
        font-size: 18px !important;
    }

    .logo-small {
        width: 250px;
        margin-left: auto;
        margin-right: 65px;
        margin-top: -15px;
    }

    .control-small {
        position: absolute !important;
        margin-top: -95px;
        margin-left: -93px;
    }

    .backg-small {
        display: none;
    }

    .backg-long {
        display: block;
    }

    .iconCenter {
        width: 408px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: -20px !important;
        margin-top: -128px;
    }

    .text-small {
        font-size: 35px !important;
    }

    .text-small2 {
        font-size: 24px !important;
    }




    .hero-full {
        height: 90vh !important;
    }

    .iconDemos {
        z-index: 50;
        margin-top: 11vh !important;
    }


    label {
        font-size: 16px !important;
    }

    .copyright-imge {
        height: 50px;
        margin-top: 49%;
        position: fixed;
        z-index: 100;
        background-image: url(../images/bg-90.png);
    }

}

@media (min-width: 750px) {

    .logo-small {
        width: 195px;
        margin-left: auto;
        margin-right: 57px;
        margin-top: -15px;
    }


    .iconDemos {
        z-index: 50;
        margin-top: 15vh !important;
    }
}


@media (min-width: 1400px){


    .fmont {
        font-size: 18px !important;
    }

    .logo-small {
        width: 250px;
        margin-left: auto;
        margin-right: 65px;
        margin-top: -15px;
    }

    .control-small {
        position: absolute !important;
        margin-top: -95px;
        margin-left: -93px;
    }

    .backg-small {
        display: none;
    }

    .backg-long {
        display: block;
    }

    .iconCenter {
        width: 650px;
        margin-left: auto;
        margin-right: auto;
    }

    .text-small {
        font-size: 30px !important;
    }

    .text-small2 {
        font-size: 24px !important;
    }

    .hero-full {
        height: 90vh !important;
    }

    .iconDemos {
        z-index: 50;
        margin-top: 8vh !important;
    }


    label {
        font-size: 19px !important;
    }

    .copyright-imge {
        height: 50px;
        margin-top: 49%;
        position: fixed;
        z-index: 100;
        background-image: url(../images/bg-90.png);
    }

}


@media (min-width: 1800px){
    
    .project-wrapper.style2 .container-fluid {padding: 0 150px; }
    .project-wrapper .container-fluid {padding: 0 70px; }
    .photography-fullscrn .container-fluid {padding: 0 200px; }
    .onepage-screen .container-fluid {padding: 0 100px;}
    .bitcoin-agency .container-fluid {padding: 0 280px;}
    .max-container .container-fluid {padding: 0 250px;}
    .container-fluid {padding: 0 200px; }
    .container-fluid.full-stretch {padding: 0 30px; }
    

} 
@media (max-width: 1600px){
    .project-item.style3 a span.project-title {font-size: 60px;     }
    .project-item.style3.small {margin-top: 50px; margin-bottom: 50px;  }
    .tab-padtop-300 {padding-top: 150px; padding-bottom: 150px; }
    .full-height-footer {padding: 50px; }

    .product-item.style2.large-div,
    .product-item.style2.small-div,
    .product-item.style2.medium-div {height: auto;}

    .banner-content-three h1 {font-size: 70px; }
    .banner-content-three span,
    .banner-content-three p.text-white {font-size: 13px; line-height: 28px; }
    .banner-content-three .mb100,
    .banner-content-three .mb50,.banner-content-three .mb75 {margin-bottom: 30px; }
    .banner-content-three .page-title.style1 h2 {font-size: 30px; line-height: 30px; }
    .banner-content-three .count-num.style2 h4 {font-size: 55px; }
    .banner-content-three .count-num.style2 span {font-size: 11px; }
    .banner-content-three .service-item.style2 {padding: 25px; }
    .banner-content-three .blog-style1 .entry-title {margin-top: 20px; margin-bottom: 20px; }
    .banner-content-three h3 {font-size: 30px; margin-bottom: 20px; } 
    .banner-content-three .address h4 {margin-bottom:  20px; }

    .onepage-screen .footer-wrapper {bottom: 15px; }
    .onepage-screen .header-wrapper.pos-header {top:15px; }

    .banner-content-two.style2 h2 {font-size: 50px;}
    .banner-content-two.style2 h2.text-large {font-size: 60px; }
    .banner-content-two.style2 h4 {font-size: 15px;line-height: 30px;width: 62%; }
    .banner-content-two.style2 p {margin-top: 0; }

    .pad-dynamicv100 {padding: 100px 0 0 70px; }
    .product-view.style1 {padding: 70px 0 0 70px; }
    .product-view.style1 p {padding-right: 0px; }

    .pad-right30 {padding-right: 20%; padding-top: 50px; }



}
@media (max-width: 1400px){
    .container-pad-left {padding-left: 70px;  }
    .blog-style9 article .entry-title {font-size: 20px;line-height: 28px; margin-top: 5px; margin-bottom: 5px; }
    .blog-style4 article,
    .blog-style4.pad-top-75.pad-left-50.pad-right-50 {padding-left: 15px;padding-right: 15px;}
    .fullpage-wrapper .hover-blog-content .entry-title {font-size: 44px; line-height: 60px;  }
    .fullpage-wrapper .hover-blog-content {padding: 100px 50px 80px 130px;}

    .project-item.style3 a {display: block;  margin: 30px; } 
    .project-item.style4 {margin-bottom: 100px; }

    .slider-carousel .item {width: 70%; height: 450px; }
    .slider-carousel h2,.slider-carousel span {font-size: 60px; }
    .slider-carousel a {width: 180px; line-height: 45px; height: 45px;  font-size: 11px; left:10%; }
    .tab-padtop-300 {padding-top: 150px; padding-bottom: 150px; }

    .product-item.style2 h2 {left: 50px; bottom: 50px; font-size: 30px; }
    .product-item.style2 h2 span {font-size: 11px; letter-spacing: 1px; }

    .content-bottom {padding: 20px 0; }
    .onescreen-portfolio .wrap {padding-right: 0px; }
    .onescreen-portfolio h3 {font-size: 28px;}
    .onescreen-portfolio h2,
    .onescreen-portfolio h1 {font-size: 50px; line-height: 1.3; }
    .banner-content-one h2 {font-size:45px;  }

    .parallex-image-slider{padding-bottom: 430px; }
    .parallex-image11 {width: 1700px; height: 480px; }

    .parallex-image12 {max-width: 40%; padding-top: 100px; }
    .app-image {max-width: 70%; padding-top: 100px; }
    .about-item.style2 h2 {font-size: 60px;}
    .banner-wrapper.style2 h2 {font-size: 60px; margin-top: 50px; padding-right: 50px; }
    .blog-style13 article .entry-title {font-size: 30px; padding-bottom: 30px; }
    .subscribe-style2 .email-subscribe h2 {}
    .about-item.style2 p.pad-top-150 {padding-top: 100px;}

    .parallex-image1,.parallex-image2 {width: 200px; }
    .banner-content-two.style2 h1 {font-size: 70px; }
    .banner-content-two.style2 h1.text-big {font-size: 80px; }
    .text-banner {max-width: 40%; }
    .video-wrapper.style1 {padding: 50px 20px 0 50px; }
    .page-title.style2 h3 {font-size: 26px; }

    .banner-wrapper.style3 img{width: 250px; }
    .banner-wrapper.style3 h2 {padding-top: 10%; }

    .banner-wrapper.style4 .video-bbttn img {width: 90px; }
    .bg-left-to-right.animate-in {width: 95%;}

    .menu-slide {padding: 70px; }
    .menu-slide .menu-nav li{margin-bottom: 30px; }
    .menu-slide .menu-nav li a {font-size: 45px; }
    .menu-slide .copyrigght-text {right: 70px; font-size: 14px; }

    .page-title.style0 h2.very-large,
    .page-title.style0 h2.most-large {font-size: 85px; }
    .pad-dynamicv100 {padding: 100px 0 0 50px; }

    .single-post.style2 .entry-media:before {    padding-top: 45%;}
    .single-post.style2 .entry-title {font-size: 32px; line-height: 45px;}
    .product-name {    font-size: 44px;}
    .product-view.style1 .product-feature-list {display: none;}
    .left-wrapper.style2 .menu-nav {padding-top: 50px; }

    .pad-right30 {padding-right: 18%; padding-top: 0px; }


}
@media (max-width: 1200px){
    .lg-w50 {width: 50%;}
    .menu-nav.pad25 li {padding: 25px 15px;}
    .header-wrapper .menu-nav li {padding: 0 10px; }
    .header-wrapper.style10 h1 {font-size: 50px; line-height: 65px; }
    .header-wrapper.style10 .col-sm-4.text-right.pad-top-150 {padding-top: 100px; }
    .container-pad-left .page-box-right {display: none;}
    .left-wrapper.style2,   
    .left-wrapper {width: 250px; }  
    .left-wrapper.style1 {width: 80px;} 
    .fullpage-wrapper .center-side {padding-left: 250px; }
    .fullpage-wrapper .social-text .list-inline-item:not(:last-child) {margin-right: 10px; }
    
    .blog-style8 article .social-share-sqaure {display: none;}

    .project-item.style3 a span.project-title {font-size: 40px;  }
    .project-item.style3 a {display: block;  margin: 20px; } 
    .project-item.style4 a span {font-size: 80px; }
    .project-item.style5 a h4 {    font-size: 36px;    line-height: 40px;} 
    .project-item.style14 {font-size: 30px;}    
    .project-item.style14:after {width: 40px; height: 40px; right: 10px;   }


    .footer-wrapper.style2 h2 {font-size: 40px; }
    .address.style2 {padding-right: 0; }
    .full-height-footer {position: relative; }
    .full-height-footer-mb {margin-bottom: 0;}
    .full-height-footer.ball {border-color: #fff !important;}
    .scroll-bottom img {width: 75px; }
    .owl-carousel.flipInX .owl-item img {width: 70% !important; }
    
    .service-item.style11 h4 {font-size: 20px; }
    .service-item.style11 p {line-height: 30px; font-size: 14px; }
    .service-item.style11 h2 {font-size: 40px; }
    .service-item.style11 h4 {font-size: 18px; }

    .banner-content-two.style2 h1 {font-size: 70px; }
    .onescreen-portfolio h2 {font-size: 40px; }
    .onescreen-portfolio h1 {font-size: 50px; }
    .roadmap-line.style2 h3 {font-size: 30px;}
    .roadmap-line.style2 .top-content b {font-size: 16px;}
    .roadmap-line.style2 .top-content p {font-size: 14px; }
    .page-title.style0 h2.text-big span,
    .page-title.style0 h2.text-big {font-size: 36px; line-height: 48px; }
    .shop-slider img {width: 320px !important; }
    .banner-content-two.style3 .circle-div {width: 300px; height: 300px; margin-left: -150px; margin-top: -150px; }
    .shop-three h1 {font-size: 50px;}
    .shop-slider.nav-img .owl-nav {right: 30px; bottom: 30px; }
    .shop-slider .owl-item .bttn {bottom: 50px; }

    .product-item.style3.col-lg-4.col-md-5.pad-top-50 {padding-top: 0; }

    .vertical-slide h2 {font-size: 24px; line-height: 36px; }
    .vertical-slide h2 b {font-size: 11px; }
    .vertical-slide a {bottom: 200px; }
    .footer-wrapper.style2.fixed-footer {bottom: 20px; }

    .onepage-screen .banner-content-two h1 {font-size: 60px; }
    .onepage-screen .banner-content-two h2 {font-size: 45px; }
    .onepage-screen .banner-content-two p {font-size: 16px; line-height: 28px; }
    .onepage-screen .banner-content-three .pad-right-80 {padding-right: 30px;}

    
    .page-title.style14 h2 {font-size: 32px; line-height: 42px; }
    .service-item.style6.pad-right-30 {padding-right: 0; }

    .banner-content-two.style3 h2,
    .banner-content-two.style2 h2 {font-size: 50px; }
    


    .price-item.style1 {margin:0; }

    .about-item.style2 h2 {font-size: 50px; }
    .banner-wrapper.style2 h2 {font-size: 50px; margin-top: 50px; padding-right: 50px; }
    .blog-style13 article .entry-title {font-size: 30px; padding-bottom: 30px; }
    .banner-wrapper.style2 p {font-size: 14px; }
    .about-item.style2 p.pad-top-150 {padding-top: 50px; }
    .bg-app-service:after {top:0;}
    .subscribe-style2 .email-subscribe {height: 375px; }
    .subscribe-style2 .email-subscribe h2 {font-size: 35px; line-height: 1.3; }

    .banner-wrapper.style5:before,
    .banner-wrapper.style5:after {width: 0px; }

    .project-work-detail a {margin-top: 0; }
    .project-work-detail h2 {font-size: 20px; }

    .banner-content-two.style2 h1.text-big {font-size: 70px; letter-spacing: 20px;  } 
    .checkout-box .date-col input {font-size: 50px; line-height: 60px; height: 60px; }
    .checkout-box .date-col input::-webkit-input-placeholder {font-size: 50px; }
    .checkout-box .date-col input:-ms-input-placeholder {font-size: 50px; }
    .checkout-box .date-col input::-ms-input-placeholder {font-size: 50px; }
    .checkout-box .date-col input::placeholder {font-size: 50px; }
    .checkout-box .date-col .date_div_right {position: absolute;line-height: 18px;font-size: 11px; top: 47%; }
    .checkout-box .date-col label,.checkout-box .bttn-book {font-size: 12px; margin-bottom: 0; }
    .checkout-box h4 {font-size: 16px; }


    #sidebar {width: 254px; }
    .project-item.style3.small-text b {margin-bottom: 30px; position: relative; left:5px; }
    .project-item.style3.small-text a {width: 80%;}

    .count-wrapper.style2 img {width: 50px; }
    .count-wrapper.style2 h3 {font-size: 55px; }

    .service-item.style14 {padding: 20px 30px 30px 30px;}
    .service-item.style14 h4 {font-size: 20px; }
    .service-item.style14 p {font-size: 13px; line-height: 28px; }
    .video-icon4 img {width: 65px;}

    
    .default-page h1 {font-size: 45px; }
    .product-name {font-size: 40px; padding-top: 50px; }
    .product-view.style1 {padding: 50px 0 0 50px;}
    .btn-add-to-cart {line-height: 50px; height: 50px; font-size: 12px; margin-left: 10px;  }
    .quantity .qtybutton,.quantity-input,.quantity {height: 50px; line-height: 50px; }

    .pad-right30 {padding-right: 8%; padding-top: 0px; } 
    .top-header p {font-size: 8px; }    
    .shop-six .detail-div-small .bttn {display: none;}
    


}
@media (max-width: 1024px) {
    .seo-agency .banner-wrapper {background-size: cover;}
    .parallex-image-slider{padding-bottom: 390px; padding-top: 60px;  }
    .parallex-image11 {width: 1500px; height: 400px; }
    .page-title.style10 h2,
    .about-wrapper.style7 h2 {font-size: 32px; }
    .checkout-box-section {position: absolute; width: 100%; margin-top:-170px;  }
    .checkout-box {position: relative; top: 0; overflow: hidden; }
    .checkout-box-section .container {max-width: 100%;}
    .mobile-top-banner {top: 36%;}

    .parallex-image18 {width: 50%; }
    .menu-slide .copyrigght-text { display: none;} 

    .roadmap-line .col-lg-2 .top-content {top:-150px; }
    .roadmap-line .col-lg-2 .bottom-content {bottom: -150px; }

    .page-title.style5 h2.text-large {font-size: 40px; }
    .page-title.style5 span {font-size: 13px; }
    .lg-full-display .right-banner,.lg-full-display .left-banner {position: relative !important; width: 100% !important; }
    .lg-full-display {overflow: visible !important; height: auto !important;}
    .product-item.style2 .item-detail .bttn-cart {font-size: 10px; }    
    .product-item.style2 .item-detail .quick-view img {width: 22px; }
    

}
@media (max-width: 991px) {
    .mobile-view,
    .menu-click {display: inline-block;}
    .menu-nav {display: none;}
    .md-mb-30 {margin-bottom: 30px; }
    .pad-left-50.widget-section {padding-left: 15px;}
    .pad-bottom-tab-50 {padding-bottom:50px;  }
    .pad-bottom-tab-100 {padding-bottom:100px;  }
    .md-bg-white {background-color: #fff;}
    .bg-top-left {background-size: contain;}    
    .side-click.style2.text-white-md span {background-color: #fff;}



    .fixed-bottom-footer {position: relative; }
    .pad-bottom-562 {margin-bottom: 0; }
    .tab-none{display: none; }
    .fixed-footer {bottom: 20px; }
    .fixed-header.mt50 {margin-top: 20px !important;  }
    .fullpage-wrapper .center-side {padding-left: 15px; padding-right: 15px; }

    .menu-wrap-mobile {display: block;}

    .header-wrapper.fixed-top {position: absolute; }
    .header-wrapper.style10 .d-none.col-sm-12 {display: block !important; position: relative;    top: -300px; }
    .header-wrapper.style10.btop {border-top: 0;}
    .container-pad-left {padding-left: 0px;  } 
    .container-pad-left .left-wrapper {display: none; }
    .container-pad-left .page-box.style2 {display: none;}
    .header-wrapper.style10 h1 {font-size: 40px; line-height: 55px; }
    .header-wrapper.style10 .col-sm-4.text-right.pad-top-150 {padding-top: 80px; }
    
    .header-wrapper.style11 .logo.w150 img {width: 70px !important; float: left; }
    .header-wrapper.style11 {padding-bottom: 0; }
    .header-wrapper.style8 .icon-img {margin-top: 35px; }
    
    .blog-style7 article.hor-fold4 .entry-meta-content {min-height: auto;}
    .blog-style7 article.hor-fold4 .entry-meta-image {opacity: 1; top:30px; right: 50%; margin-right: -35px; }
    .blog-style7 article.hor-fold2 .entry-meta-content,
    .blog-style7 article.hor-fold2 .entry-media,
    .blog-style7 article.hor-fold1 .entry-media {width: 100%;  overflow: hidden; height: 300px; }
    .blog-style7 article.hor-fold2 .entry-media img,
    .blog-style7 article.hor-fold1 .entry-media img {height: auto; width: 100%; }
    
    .fullpage-wrapper .center-side {padding-top: 15px !important;}
    .left-side-wrapper,
    .right-side-wrapper,
    .fullpage-wrapper .left-side,
    .fullpage-wrapper .right-side {width: 100%;position: relative;top: auto;padding: 0;left: auto;right: auto;}
    .fullpage-wrapper .hover-blog-content {    padding: 50px;}
    .header-wrapper.style4 {width: 100%; height: 70px; -webkit-box-shadow: 12px 12px 20px 7px rgba(20,0,128,0.09);-moz-box-shadow: 12px 12px 20px 7px rgba(20,0,128,0.09);    box-shadow: 12px 12px 20px 7px rgba(20,0,128,0.09);}
    .header-wrapper.style4 .logo-div {text-align: left; padding-top: 20px; padding-left: 15px;}
    .header-wrapper.style4 #toggle-menu {width: 102%; margin-left: -16px;  }   
    .header-wrapper.style4 #toggle-menu li {line-height: 46px; }

    .fullpage-wrapper .close-single-blog {top: -20px;right: auto;margin-right: 0; position: relative; left:50%; margin-left: -22px; }
    .fullpage-wrapper .single-post .entry-header h5,
    .fullpage-wrapper .single-post .entry-meta.style2 {line-height: 26px; }
    
    .blog-style6 article .entry-title,
    .blog-style5 .entry-title,
    .blog-style5 .large-content .entry-title {font-size: 18px; line-height: 26px; }
    .blog-style6 .entry-title.fcardo {font-size: 22px; line-height: 32px;}
    .blog-style6 article .entry-meta,
    .blog-style6 article .entry-read-more {font-size: 10px; }
    .blog-style6 .load-more {font-size: 12px; }

    .project-item.style4 {margin-bottom: 0px; }
    .project-item.style5 a h4 {font-size: 40px; line-height: 50px;  }
    .tab-padtop-300 {padding-top: 250px; padding-bottom: 250px; }
    .project-item.style6 a{font-size: 30px; line-height: 40px; }
    .project-item.style3 a span.project-title {width: 100%; left:0; }
    .project-item.style8 a span.bg-white b {font-size:18px; letter-spacing: 2px;  }

    .footer-wrapper.pad-150 {padding: 100px 0; }
    .footer-wrapper .address.style2 {padding-left: 15px; padding-right: 15px;  }
    .footer-wrapper.style2.bbottom {border-bottom: 0; } 
    .address.style2.col-xs-6:not(:last-child) {margin-bottom: 30px; }
    .address.style2.col-xs-6 {margin-bottom: 30px; }
    .full-height-footer.ball {border:0 !important; }

    .service-wrapper.style1 .col-xs-12 {-ms-flex: 0 0 100%;    flex: 0 0 100%;    max-width: 100%; margin-bottom: 50px; }
    .banner-content-two.style2 h1 {font-size: 60px; }

    .row.pad-top-150 {padding-top: 100px; }
    .product-item.style3.pad-top-150 {padding-top: 50px;}
    .product-item.style3 img {  width: 100%;    }
    .shop-three h1 {font-size: 40px; letter-spacing: 5px !important; }

    .footer-wrapper.style2 h4 {font-size:  20px;  }
    .blog-style8.blog-style13 article .entry-title {    font-size: 16px;    line-height: 24px;}
    
    .banner-content-four h2,
    .banner-content-four h3,
    .banner-content-two.style2 h1 {font-size: 50px;    }
    .banner-content-two.style2 .play2 {padding: 0; font-size: 11px;  }
    .banner-content-two.style2 .play2 img {width: 70px; }
    .banner-content-two.style2 .parallex-image12 {top:100px; }
    .parallex-image3 {width: 40%;}
    
    .banner-content-one h1 {font-size: 50px; }
    .banner-content-two.style3 h2,
    .banner-content-two.style2 h2 {font-size: 40px; } 

    .bitcoin-agency .roadmap-line .col-lg-2 .top-content {padding-right: 15px; top:-150px;}
    .bitcoin-agency .roadmap-line .col-lg-2 .bottom-content {bottom: -150px; padding-right: 15px; }

    .price-wrapper .pad-no.col-lg-4 {padding-right: 15px !important; padding-left: 15px !important; }
    .blog-style2 article .entry-media img {width: 100%;}
    .seo-agency .banner-wrapper {background-image: none !important; background:linear-gradient(to right, #f97221 0%, #f9be4f 100%) !important; }
    .form-two input {width: 68%; }
    .form-two button {width: 30%;}
    .brand-wrapper.box-shadow2 .brand-item {-ms-flex: 0 0 20%;flex: 0 0 20%;max-width: 20%;}
    .brand-wrapper.box-shadow2 .brand-item.w85 img {width: 50px; }

    .about-item.style2 p {padding-right: 0; }
    .about-item.style2 h2.text-mid,
    .about-item.style2 h2 {font-size: 45px ;}
    .banner-wrapper.style2 h2 {margin-top: 0; font-size: 45px; }
    .subscribe-style2 .email-subscribe h2 {font-size: 30px; }

    .page-title.style0 h2.text-large {font-size: 30px; line-height: 46px; }

    .tour-div img,.tour-div {width: 100%; }
    .footer-wrapper.style5 .col-sm-3{padding-left: 15px; }

    #sidebar { position: relative !important; top:0 !important; width: 350px !important;}
    #sidebar .widget.pad-top-150 {padding-top: 20px;}
    #sidebar .widget.mt75 {margin-top: 10px; }

    .video-wrapper.style1 {padding: 100px; }
    .service-item.style14 {background-color: #fbf0eb !important; border-radius: 10px; overflow: hidden;}
    .lg-pad-top-200 {padding-top: 200px; }
    .bg-left-to-right.animate-in {width: 100%;}

    .banner-wrapper.style3 h2 b {font-size: 50px; }
    .banner-wrapper.style3 h2 {font-size: 24px; }
    .banner-wrapper.style3 p {font-size: 14px; line-height: 30px; }
    .page-title.style0 h2.very-large,
    .page-title.style0 h2.most-large {font-size: 60px; }
    

    .top-div,
    .single-post.style2 .top-div {padding: 45px; }
    .single-post.style2 .entry-title {font-size: 26px;line-height: 40px;}
    .product-name,.default-page h1 {font-size: 36px; line-height: 1.3;  }
    .product-name {padding-top: 0;}
    .default-page p {font-size: 13px; line-height: 30px; }
     .shop-six .detail-div-small h3 {font-size: 20px; }

    
     
}
@media (max-width: 768px) {
    .comment-block.reply {margin-left: 0;    position: relative;}
    .display-1 {font-size: 3rem;}
    .sm-pad-50 {padding-top: 50px; }
    .sm-pb-50 {padding-bottom: 50px; }
    .col-xs-4 {width: 33%; position: relative; float: left; padding-left:15px; padding-right: 15px;  }
    .col-xs-8 {width: 75%; position: relative; float: left; padding-left:15px; padding-right: 15px;  }
    .col-xs-6 {width: 50%; position: relative; float: left; padding-left:15px; padding-right: 15px;  }
    .col-xs-3 {width: 25%; position: relative; float: left; padding-left:15px; padding-right: 15px;  }
    .col-xs-9 {width: 75%; position: relative; float: left; padding-left:15px; padding-right: 15px;  }
    .col-xs-10 {width: 80%; position: relative; float: left; padding-left:15px; padding-right: 15px;  }
    .col-xs-2 {width: 20%; position: relative; float: left; padding-left:15px; padding-right: 15px;  }
    .tab-text-center {text-align: center !important;}
    .tab-text-left {text-align: left !important;}
    .maxwidth450 {width: 100%; }
    .pad-bottom-mobile-25 {padding-bottom:25px;  }

    .header-wrapper.style10 h2 {font-size: 30px; line-height: 40px;  padding: 0; }
    .header-wrapper.style11 {margin-top: 0; }
    

    .fullpage-wrapper .hover-blog-content .entry-title {font-size: 40px; line-height: 50px; }
    .blog-style5 article.medium-content .entry-media {margin-bottom: 30px; }
        
    .blog-style6 article {display: inline-block;}
    .blog-style6 article .entry-media.large,
    .blog-style6 article .entry-content,
    .blog-style6 article .entry-media {width: 100%; }
    .blog-style6 article .entry-content {margin-top: 30px; }
    .blog-style6 article .entry-media img {width: 100%; }

    .blog-style8 article.full .entry-title, .blog-style8 article .entry-title {font-size: 18px; line-height: 26px; }

    .project-item.style3.small {margin-top: 75px; margin-bottom: 75px;  }
    .project-item.style4 {margin-bottom: 50px; }
    .project-item.style5 a h4 {font-size: 30px; line-height: 40px;  }
    

    .slider-carousel .item {width: 100%; height: auto; }
    .slider-carousel h2,.slider-carousel span {font-size: 32px; padding-top: 15%; margin-left: 20px; }
    .slider-carousel span {-webkit-text-stroke: 1px #fff; }
    .slider-carousel a {width: 180px; line-height: 45px; height: 45px;  font-size: 11px; left:10%; }
    
    .page-title.style0 h2.text-big span,
    .page-title.style0 h2.text-big {font-size: 30px; line-height: 42px; }
    .banner-content-four h3,
    .banner-content-four h3,
    .banner-content-four h2,
    .banner-content-two.style2 h1 {font-size: 45px; line-height: 1.3; }

    .product-item.style2.medium-div {margin-top: 30px; margin-bottom: 30px; }

    .brand-wrapper .brand-item {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
    .banner-content-three .brand-wrapper .brand-item {-ms-flex: 0 0 33.3%;    flex: 0 0 33.3%;    max-width: 33.3%;}
    .banner-content-three .blog-style1 .entry-title {font-size: 20px; line-height: 34px; } 

    .banner-content-three .page-title.style1 h2 {font-size: 30px;    line-height: 44px;}
    .onepage-screen .fp-section {padding: 50px 0; }
    .onepage-screen .footer-wrapper {position: relative; background-color: rgb(45, 26, 107); bottom: auto; padding-bottom: 20px; }
    .banner-content-three h1 {font-size: 50px; }

    .about-wrapper.style9.text-grey .countdown-amount {font-size: 30px; }

    .cart-collaterals,.order-details {margin-left: 0; }

    .team-wrapper.style2 .team-item .item-content h4 {bottom: 30px; right: 50px; left:auto !important; }
    .team-wrapper.style2 .team-item img {width: 100%; }
    .parallex-image3 {width: 50%;}

    .banner-content-two.style2 form {width: 100%; }
    .content-bottom p{font-size: 12px; }
    .content-bottom a {font-size: 15px; }

    .page-title.style0 h2 {}
    .page-title.style0 h2 i,.page-title.style0 h2 {font-size: 30px; line-height: 1.4; display: inline; }
    .faq-wrapper .pad-right-90.pad-left-90.pad-75 {padding: 30px; }
    .bitcoin-agency #accordion .card .card-header a:after {width: 20px; height: 20px; top:4px; right: -15px;  }

    .bitcoin-agency .roadmap-line .col-lg-2.last .top-content {right:auto !important; width: 100% !important; padding-left: 0 !important; left:15px; margin-bottom: 0;}
    .bitcoin-agency .roadmap-line .col-lg-2.last {margin-bottom: 0; }
    .bitcoin-agency .roadmap-line .col-lg-2 .top-content,
    .bitcoin-agency .roadmap-line .col-lg-2.last,.bitcoin-agency .roadmap-line .col-lg-2 .bottom-content {position: relative; top:auto; bottom: auto; margin-bottom: 50px; text-align: left; padding-left: 30px;  }
    .bitcoin-agency .roadmap-line .col-lg-2:after {top:4px; }
    .bitcoin-agency .roadmap-line .col-lg-2:before {top:-2px; }
    .bitcoin-agency .roadmap-line .col-lg-2.last:after {right: auto; left: 0; }
    .bitcoin-agency .roadmap-line .col-lg-2.last:before {right: auto; left: -6px; }
    .bitcoin-agency .roadmap-line {margin-top: 0; margin-bottom: 0; padding-left: 15px; }
    .bitcoin-agency .roadmap-line:after {display: none;}
    .bitcoin-agency .pad-top-150 {padding-top: 100px; }
    .bitcoin-agency .pad-bottom-150 {padding-bottom: 100px; }
    .brand-wrapper.style4 {padding: 0 15px; position: relative; top:0; }
    .row.pad-sm-no {margin-left: 0; margin-right: 0;}

    .parallex-image-slider{padding-bottom: 290px; padding-top: 100px;  }
    .parallex-image11 {width: 1100px; height: 300px; }

    

    .footer-wrapper .col-sm-4.pad-left-50 {padding-left: 15px; }
    .subscribe-style2 .email-subscribe h2 {font-size: 20px; }
    .bg-app-footer:after { top:0; height: 100%;  background-color:  #fcdb72;}

    .banner-content-two.style2 h1.text-big {font-size: 50px; letter-spacing: 10px;}
    .about-wrapper.style8 span {font-size: 50px; }
    .page-title.style9.style12 h2 {font-size: 24px;}
    .service-item.style7{padding: 45px 25px; }
    .text-banner {    max-width: 70%;}

    .footer-wrapper.style5 {background-image: none !important; padding-bottom: 50px; padding-top: 0px ; min-height: auto; }
    .footer-wrapper.style1 p {margin-right: 0; }
    
    
    .onescreen-portfolio .wrap {padding:0 15px; }
    .count-wrapper.style2 h4,
    .page-title.style2 h1 {font-size: 36px; }
    .slider-3.owl-carousel .owl-item img {width: 75%; padding: 15px; }
    .slider-3.owl-carousel .owl-item span b,
    .slider-3.owl-carousel .owl-item span {margin-left: 15px; }

    .bg-top-center {background-position: top 0px center; }

    .footer-wrapper.style2 h2,
    .project-item.style3.small-text a span {font-size: 32px; }
    .project-item.style3.small-text.video-bttn:before,
    .project-item.style3.small-text:after {width: 50px; height: 50px; }
    
    .testmonial-style2.style3 .testmonial-item.pos-left {left:0;}
    .price-wrap .price-inverted {right: 0; margin-bottom: 20px;  }
    .banner-wrapper.style3 .bttn1 {font-size: 12px; min-width: 170px; margin-right: 10px;  }
    
    .menu-slide .menu-nav li{margin-bottom: 20px; }
    .menu-slide .menu-nav li a {font-size: 35px; }
    
    .single-post.style2 .entry-media:before {padding-top: 70%; }
    .product-price {font-size: 24px; }

    .product-detail-image {max-width: 400px; }

}


@media (max-width: 575px) {
    .display-1 {font-size: 2rem;}
    .d-xs-block {display: block !important;}
    .d-xs-none {display: none !important;    }
    .xs-center {text-align: center !important; margin-bottom: 20px;     }
    .xs-left {text-align: left !important;      }
    .mt-sm-100 {margin-top: 100px; }
    .mob-w100 {width: 100%;}
    .bitcoin-agency #accordion .card .card-header a:after { font-size: 24px; }
    .bitcoin-agency #accordion .card .card-header a.collapsed:after { top:10px;}

    .page-margin-content {margin:15px; }
    .page-margin-top,
    .page-margin-bottom {height: 15px; }
    .page-margin-left,
    .page-margin-right {width: 15px; }

    .header-wrapper.style3 .bg-header {margin:0 15px;}

    .fullpage-wrapper .hover-blog-content {padding: 30px; }
    .fullpage-wrapper .single-post .entry-title,
    .fullpage-wrapper .hover-blog-content .entry-title {font-size: 32px; line-height: 46px; }
    .blog-style4 article {width: 100%; }
    .fullpage-wrapper .next-article {padding: 30px 10px; }
    .single-post.pad-50.pad-left-50.pad-right-50 {padding-right: 15px; padding-left: 15px; }

    .project-item.style3 a img {width: 100%; }
    .project-item.style6 {display:  block;}
    .tab-padtop-300 {padding-top: 120px; padding-bottom: 0px; }
    .product-item.style2.large-div,
    .product-item.style2.medium-div,
    .product-item.style2.small-div {margin-top: 0px; margin-bottom: 30px; }

    .cabe-product-action {left: 30px;bottom: 40px; }

    .product-ordering-btn {font-size:12px;  }
    
    .banner-wrapper.style6 .right-banner {display: none;}
    .banner-wrapper.style6 .left-banner {width: 100%; }
    .vertical-slide.nav-img .owl-nav {right: 50%; margin-right: -50px; }
    .vertical-slide h2 {right:auto; left:20%;    }
    .vertical-slide .right-align h2 {left:0;     }
    .shop-four .shop-slider h1 {font-size: 36px; line-height: 1.4; margin-top: 20px;  } 
    .slider-carousel h2, .slider-carousel span {font-size: 32px;padding-top: 8%;margin-left: 20px;padding-right: 0; }
    
    .hero-auto-sm {height: auto; }
    .hero-auto-sm .banner-content-two { position: relative;top: 0;left: 0;margin-left: 0px;width: 100%;    -moz-transform: translateY(0%);-ms-transform: translateY(0%);-o-transform: translateY(0%); transform: translateY(0%);    }
    .hero-auto-sm .banner-content-two .parallex-image12 {position: relative !important; top:50px;  }
    .banner-content-two.style2 .play {max-width: 60px; overflow: hidden; }
    .sm-pad-100 {padding-top: 200px; padding-bottom: 100px;   }
    /*.banner-content-two.style2 h2 {    font-size: 32px;}*/
        .banner-content-two.style2 form input {width: 60%; }
    .banner-content-two.style2 form button {width: 40%; }

    .faq-wrapper .pad-right-90.pad-left-90.pad-75 {padding: 10px; } 
    .banner-content-one form {width: 100%; }
    .banner-content-four h3,
    .banner-content-four h2 {font-size: 36px; }
    .banner-content-four p{padding-left: 0; padding-right: 0; }
    .form-two input,
    .form-two button {width: 100%; margin-bottom: 15px;  }

    
    .service-item.style11 .icon-div {margin:0 auto 30px;  float: none;}
    .service-item.style11 {margin-bottom: 50px; }
    .service-item.style11 h2 {font-size: 30px; }
    .service-item.style11 h4 {font-size: 15px; }
    .header-wrapper.style2 {top: 25px; }
    .style3-bg {padding: 35px; }

    .subscribe-style2 .email-subscribe {height: auto; padding: 100px 0; background-size: cover;}
    
    .banner-content-two.style2 h1.text-big {font-size: 40px; letter-spacing: 10px;}
    .banner-content-two.style2 a {line-height: 45px; font-size: 10px; padding: 0 20px; }
    .page-title.style5.style11 h2 {font-size: 45px; }

    .service-item.style7 .icon-img {margin-bottom: 50px;}

    .checkout-box-section {position: absolute; width: 100%; margin-top:-258px;  }    
    .checkout-box .div-content{position: relative; padding: 20px}
    .checkout-box .bttn-book {width: 100%; height: auto; padding: 20px 0; }
    .checkout-box h4 {text-align: center; padding-left: 0; top: 10px;  position: relative; font-size: 16px; }
    .checkout-box .date-col .date_div_right {right: -20px;}

    .header-wrapper.posa {top: 15px; }

    .onescreen-portfolio h2 {font-size: 30px; }
    .onescreen-portfolio h3 {font-size: 20px; }
    .onescreen-portfolio .social-text li {margin-right: 0 !important; }
    .onescreen-portfolio .social-text li a {font-size: 0; }
    .roadmap-line.style2 .top-content:after {height: 120%;}
    .roadmap-line.style2 .top-content.last {margin-bottom: 0; }

    .video-wrapper.style1 {padding: 50px 25px; }
    .project-item.style14 {font-size: 30px; padding-bottom: 70px; } 
    .project-item.style14 span {margin-bottom: 15px; }  
    .project-item.style14:after {right: 50px; bottom: 70px; }

    .project-item.style3.small-text a span {    font-size: 24px;}

    .banner-content-two.style2 h2.text-large {font-size: 40px; }
    .banner-content-two.style2 h4 {width: 100%;}
    .form-four {width: 100%; margin-left: 0 !important; }
    .form-four button {width: 100%; }
    .pad-v50 {padding: 25px; }

    .project-list.style3 li {padding: 0 10px; margin-right: 0; }
    .project-list.style3 li a {font-size: 12px; }
    
    .menu-slide {padding: 30px; width: 90%; right:-105%;}
    .menu-slide.active {}
    .menu-slide.left-slide {right: auto; left:-105%;}
    .menu-slide.active.left-slide {left:0;}
    .menu-slide .menu-nav li{margin-bottom: 15px; }
    .menu-slide .menu-nav li a {font-size: 25px; }
    .menu-slide .social-icons {bottom: 50px; }
    .menu-slide-close {margin-top: 10px; }

    .case-studie.style1 .item {padding: 15px; }
    .page-title.style0 h2.very-large,
    .page-title.style0 h2.most-large {font-size: 45px; line-height: 1.2; } 
    
    .single-post.style2 .top-div {padding: 35px; }
    .single-post.style2 .entry-media:before {padding-top: 90%; }
    .single-post.style2 .entry-title {font-size: 22px;line-height: 38px;}

    .page-title.style5 h2.text-large {    font-size: 32px;}
    .lg-full-display .right-banner {display: block !important;   padding: 30px !important;  }


     
}