.tagline { font-family: 'Poppins', sans-serif; color: #2b2b2b; font-size: 15px; font-weight: 500; font-style: italic; line-height: 26px; margin: 15px 0;}
.about-director{ margin-bottom: 30px; }
ul.tabs{ margin: 0px 0px; padding: 0px; list-style: none; border-bottom: 1px solid #65bcef;}
ul.tabs li{	background: none; color: #636262; display: inline-block; padding: 6px 15px; cursor: pointer;font-size: 13px;}
ul.tabs li:nth-child(2) { border-right: 1px solid #fac08f;}
ul.tabs li.current{ background: #65bcef; color: #fff;}
.tab-content{ display: none; background: #fff; padding: 15px 0;}
.tab-content.current{ display: inherit;}

.about-director .tab-content p{ color: #6a6969; font-size: 14px; margin: 0px; }

/* You can remove this page div in your website */
#page{ width:100%; height:100%; position:absolute;}


/* Our wrapper *//*
.wrapper{ width: 750px; height: 725px; position: absolute; left:50%; top:50%; transform:translate3d(-50%,-50%,0); overflow:hidden;}*/
.wrapper { width: 100%; height: 100vh; position: absolute; left: 0; top: 0; overflow: hidden;}

/* Our image information */
.before,
.after { width:100%; height:100%; background-repeat:no-repeat; background-color: white; background-size: cover; background-position: center; position: absolute; top:0; left:0; pointer-events:none; overflow: hidden;}
.content-image{ height:100%; max-width: inherit;}
.after{ width:125px;}
.scroller{ width: 50px; height:50px; position: absolute; left:100px; top:50%; transform:translateY(-50%);  border-radius:50%; background-color: transparent; opacity:0.9; pointer-events:auto; cursor: pointer;}
.scroller:hover{ opacity:1;}
.scrolling{ pointer-events:none; opacity:1;}
.scroller__thumb{ width:100%; height:100%; padding:5px;}

.scroller:before,
.scroller:after{ content:" "; display: block; width: 7px; height: 9999px; position: absolute; left: 50%;margin-left: -3.5px; z-index: 30; transition:0.1s;}
.scroller:before{ top:100%;}
.scroller:after{ bottom:100%;}
.scroller{ border: 5px solid #fff;}
.scroller:before,
.scroller:after{ background: #fff;}

.latestdesign{ padding: 50px 80px 40px 40px; }
.latestdesign .sec-title{ padding-bottom: 10px; }
.latestdesign .sec-title .title{ color: #cccccc; font-size: 18px; font-weight: 300; }
.latestdesign .sec-title h2 { color: #fff; font-size: 35px; font-weight: 700; letter-spacing: 1px;  display: block; margin: 15px 0 10px; text-transform: uppercase;}
.latestdesign .text{ color: #cccccc; font-size: 15px; line-height: 32px; font-weight: 400;}
.learnmorebutton{ margin-top: 20px; }
.learnmorebutton a{ display: inline-block; padding: 8px 20px; color: #fff; border: 1px solid #fff; letter-spacing: 1px; font-size: 14px;}
.learnmorebutton a:hover{ background-color: #65bcef; border-color: #65bcef; }

.liststyle{ padding:0px; margin: 0px; }
.liststyle li{ position: relative; padding: 0px 0px 5px 15px;}
.liststyle li:before{ content: "\f101"; font-size: 15px; font:normal normal normal 14px/1 FontAwesome; position: absolute; top: 6px; left: 0px;}

.servicesection{ padding:80px 0px;}