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

 *  Designed by Dreamscape Media Pvt. Ltd.

 *  ------------------------------------------------------------------------------ *

 *  Author - Amit Verma

 *  ------------------------------------------------------------------------------

 *  Email: amit@dreamscape.co.in

 *  Work: UI Designer and Front-end Developer @ Dreamscape Media - http://dreamscape.co.in

 *  Latest update: Mar 01, 2018

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



@font-face {font-family: 'hugs_and_kisses_xoxo_demoRg';src: url('hugs__kisses_xoxo_demo-webfont.woff2') format('woff2'),url('hugs__kisses_xoxo_demo-webfont.woff') format('woff');font-weight: normal;font-style: normal;}



@font-face {font-family: 'fontscorecomttwcenmt';src: url('fontscorecomttwcenmt.eot');	src: local('fontscorecomttwcenmt'), url('fontscorecomttwcenmt.woff') format('woff'), url('./fontscorecomttwcenmt.ttf') format('truetype');}





/* ---------------------PAGE LOADER---------------------*/

.loader-wrapper {height: 100%;overflow: hidden;position: fixed;width: 100%;z-index: 9999;background-color: #fff;}

.loader-wrapper .loader { margin: 0 auto;text-align: center;width: 100px;height: 100px;position: relative;top: 50%;transform: translateY(-50%);}



html, body{padding: 0;margin: 0;width: 100%;height: 100%; position: relative; font-family: 'fontscorecomttwcenmt';}

body {background:url(../images/repeat-bg.jpg) top center repeat;color: #8b8f94;-webkit-text-size-adjust: none;-webkit-font-smoothing: antialiased; position: relative;}

h1, h2, h3, h4, h5, h6{line-height: 1;color: #3c4044;font-weight:500; padding:0;margin:0 0 10px 0;}

h1, h2,h3,h4,h5,h6{font-size: 16px;}

h1, h2{ font-size:48px; line-height:52px;}

h1 span, h2 span{ font-size:24px; line-height:22px; display:block;font-weight:300;}

h3{ font-size:30px; line-height:38px;}

h4{ font-size:20px; line-height:28px;}

h5{ font-size:18px; line-height:22px;}

p{margin: 0 0 0 0; padding:0 0 25px 0; font-size: 20px; line-height: 25px;}

p b{color: #3c4044; font-weight: 400;}

p.big{font-size: 18px;}

.uppercase{text-transform: uppercase;}

ul{list-style-type: none; margin: 0; padding: 0;}

:focus{outline: none;}

a{color: #5f6060;text-decoration: none; outline: none;outline-offset:0;}

a:hover{ color:#000;text-decoration: none; }

:focus, a:focus{outline: 0px;text-decoration: none;}

.clear{clear: both;}



.yellow{color: #ccba00}

.pink{color: #e96d7d;}

a.pink{color: #e96d7d; text-decoration: underline;}

.green{color: #7aaf52;}

a.green{color: #7aaf52; text-decoration: underline;}

.brown{color: #9b8f42;}

a.brown:hover{color: #9b8f42; text-decoration: underline;}

.blue{color: #00a9b0;}

a.blue{color: #00a9b0; text-decoration: underline;}

.gray{color: #414042;}

a.gray{color: #414042; text-decoration: underline;}



img{max-width: 100%;}



.mtb-20{margin: 20px 0;}

.mt-0{margin-top: 0 !important;}

.mb-0{margin-bottom: 0;}

.mb-40{margin-bottom: 40px;}



h1{font-family: 'hugs_and_kisses_xoxo_demoRg'; font-size: 62px; margin-bottom: 5px; line-height: 80px; color: #312f2f; text-align: center; }

h2{font-family: 'hugs_and_kisses_xoxo_demoRg'; font-size: 34px; margin-bottom: 30px; color: #312f2f; }

h3{ text-transform: uppercase; font-size: 22px;}



.navbar.navbar-default{position: absolute; z-index: 99; widows: 100%; left: 0;right: 0;}

.navbar{border: none;}

.navbar-default{ background: transparent}

.navbar-header{float: none; display: block; margin:  0px auto;}

.navbar-brand{float: none; display: block;height: auto; text-align: center; margin: 0 auto;}

.navbar-brand > img {margin:  0 auto;}



#navbar{background:url(../images/nav-bg.jpg) top center no-repeat #1fb7b9;}

.navbar-nav{float: none; text-align: center;}

.navbar-nav > li{padding: 0px 10px; float: none; display: inline-block;}

.navbar-default .navbar-nav > li > a{padding: 9px 10px 9px 10px; line-height: 20px; color: #000000; font-size: 16px;}

.navbar-default .navbar-nav > li > a:hover{color: #fff;}



.what-we-do{background:url(../images/what-we-do-bg.jpg) top center no-repeat;}

.what-we-do .overlap-left{margin:50px 0 0 -90px;}

.what-we-do .overlap-right{margin:50px 0 0  90px;}

.hot-baloon-bg{background:url(../images/hot-ari-baloon.png) top right no-repeat;  padding-top: 60px; padding-bottom: 60px;}



.who-we-are{background:url(../images/who-ew-are-bg.jpg) top center no-repeat;  padding: 60px 0 0 0; }

.who-we-are .priyanka-bg{background:url(../images/priyanka.png) bottom right no-repeat; padding-bottom: 330px;}

ul.letters{margin: 0 0 30px 0; padding: 0; list-style-type: none; display: inline-block;}

ul.letters li{margin: 0 20px 0 0; float: left;}

#Letter01 .modal-content{background:url(../images/vertical-border.png) center left repeat-y, url(../images/vertical-border.png) center right repeat-y,url(../images/horizontal-border.png) center top repeat-x, url(../images/horizontal-border.png) center bottom repeat-x,url(../images/juice.jpg) left 50px no-repeat #2a4369; color: #c8c07a; border-radius: 0; border: 0;}

#Letter02 .modal-content{background:url(../images/vertical-border.png) center left repeat-y, url(../images/vertical-border.png) center right repeat-y,url(../images/horizontal-border.png) center top repeat-x, url(../images/horizontal-border.png) center bottom repeat-x,url(../images/tea.jpg) left 50px no-repeat #174f4e; color: #c8c07a; border-radius: 0; border: 0;}

#Letter03 .modal-content{background:url(../images/vertical-border.png) center left repeat-y, url(../images/vertical-border.png) center right repeat-y,url(../images/horizontal-border.png) center top repeat-x, url(../images/horizontal-border.png) center bottom repeat-x,url(../images/milk.jpg) left 50px no-repeat #833e4a; color: #c8c07a; border-radius: 0; border: 0;}

#Letter01 .modal-content h1{padding-left: 120px;}

#Letter02 .modal-content h1{padding-left: 120px;}

#Letter03 .modal-content h1{padding-left: 120px;}



#Letter01 .modal-content p,#Letter02 .modal-content p,#Letter03 .modal-content p {text-transform: uppercase;}

.modal-body {padding: 0px 30px 15px 30px;}

.modal-body h1 {margin-top: 20px; color: #c8c07a; text-align: left; font-size: 50px;line-height: 65px;}

.modal-body p {font-size: 18px;}

.modal { text-align: center; padding: 0!important;}

.modal:before {  content: '';  display: inline-block;  height: 100%;  vertical-align: middle;  margin-right: -4px;}

.modal-dialog {  display: inline-block;  text-align: left;  vertical-align: middle;}

.modal-header { border-bottom: none;}

.close { opacity: 0.9;}.close:hover { opacity: 1;}



.meet-our-clients{background:url(../images/hot-baloon-2-bg.png) top center no-repeat, url(../images/meet-our-clients-bg.jpg) top center no-repeat; padding: 60px 0;}

.meet-our-clients.single-bg{background:none, url(../images/meet-our-clients-bg.jpg) top center no-repeat; padding: 60px 0;}

.meet-our-clients h3{margin-top: -15px;}

.bs-example.bs-example-tabs{margin: 170px 0 0 0;}

ul.clients{margin: 30px 0 0 0; padding: 0; list-style-type: none;}

ul.clients li{margin: 0 15px 30px 15px; float: left; width: 22.3%; text-align: center;}

ul.clients li img{margin: 0 auto;}

ul.clients li span{display: block;text-align: center; margin-top: 10px; text-transform: uppercase; font-size: 14px; color: #312f2f;}

.bx-wrapper .bx-controls-direction a { top: 58% !important; }



.showcase{background: url(../images/star-bg-1.png) left bottom no-repeat,url(../images/star-bg-2.png) right top no-repeat, url(../images/showcase-bg.jpg) top center no-repeat;padding: 60px 0 30px 0; text-align: center; }

.showcase img{margin: 10px 0;}

.showcase h2{margin: 30px 0 0px 0 ;}

.col-sm-3.border{background: url(../images/border.png) right top no-repeat}



.for-your-info{background:url(../images/information-bg.jpg) top center no-repeat;  padding: 60px 0 30px 0; }

.for-your-info p{padding-bottom: 30px;}

.for-your-info img{ text-align: center; margin: 30px auto 20px auto; display: block;}



.testimonials{background:url(../images/testimonials-bg.jpg) top center no-repeat;  padding: 60px 0 60px 0; border-top:2px #9d904e solid; }



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

/*   03. FLEXSLIDERS

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



.flex-container a:active,

.flexslider a:active,

.flex-container a:focus,

.flexslider a:focus  {

	outline: none;

}

.slides,

.flex-control-nav,

.flex-direction-nav {

	margin: 0; 

	padding: 0; 

	list-style: none;

}





/* FlexSlider Necessary Styles

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

.flexslider {

	margin: 0; 

	padding: 0;

}



.flexslider .slides > li {

	display: none; 

	-webkit-backface-visibility: hidden;

} /* Hide the slides before the JS is loaded. Avoids image jumping */



.flexslider .slides img {

	width: 100%; 

	display: block; 

	height:630px;

}



.flex-pauseplay span {

	text-transform: capitalize;

}



/* Clearfix for the .slides element */

.slides:after {

	content: "\0020"; 

	display: block; 

	clear: both; 

	visibility: hidden; 

	line-height: 0; 

	height: 0;

}



html[xmlns] .slides {

	display: block;

}



* html .slides {

	height: 1%;

}



/* No JavaScript Fallback */

/* If you are not using another script, such as Modernizr, make sure you

 * include js that eliminates this class on page load */

.no-js .slides > li:first-child {display: block;}



.flex-control-nav {

	position:absolute;

	bottom: 20px;

	text-align:center;

	width: 100%;

}



 .flex-control-nav li{

 	margin: 0 3px;

 	display: inline-block;

 }

 .flex-control-nav li a{

 	width: 30px;

 	height: 5px;

 	background: #FFF;

 	text-indent:-9999px;

 	display:block;

 	opacity: 0.4;

 }



 .flex-control-nav li a.flex-active{

 opacity: 1;

 }

 

 

 .flex-direction-nav .flex-prev:hover,

 .flex-direction-nav .flex-next:hover{

 	opacity: 1;

 } 



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

/*   11. SERVICES

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



.serviceslider{

	display:block;

	width:100%;

	min-height: 170px;

}



.serviceslider li{

	text-align: center;

}



.servicecaption{

	text-align: center;

	display: inline-block;

}



.servicecaption h4{

	color:#FFF;

}



.active .service-text:after{

	content: '';

	position: absolute;

	bottom: 0;

	margin-left: -10px;	

    width: 20px;

    height: 12px;

    background:url(../images/testimonials-arrow.png) bottom center no-repeat; 

}



ul#services-main{

	margin-top:40px;

}





.active .service-icon .icon{

	color:#ce0c21;

}



.active .service-name h5{

	color:#9b8f42;

}





.service-caption-text h5{

	padding-top:20px;

	text-align: left;

	text-transform: uppercase;

	color: #fff;

}



.service-caption-text h5 span{

	color: #fff;

	font-weight: 600;

	letter-spacing: 2px;

	padding-bottom: 10px;

	border-bottom: 1px solid #999;

}



.service-caption-text p{

    padding: 25px 0 0 0;

    font-size: 20px;

    line-height: 25px;

	text-align: left;

}





#services{

	margin-top:50px;

}



.services-content h4{

	float: left;

	color: #fff;

	font-size: 20px;

	text-transform: uppercase;

}



.service .icon{

	display:inline-block;

	float: left;

	font-size: 18px;

	color:#fff;

}



.service p{

	float: left;

	margin-bottom:50px;

}



.service-text{

	text-align:center;

	position: relative;

	padding-bottom:25px;

}



.service-icon{

	font-size: 64px;

	text-align: center;

	display: inline-block;

	color:#888;

}



.service-name h5{

	padding-top: 15px;

	color: #312f2f;

    font-size: 40px;

    line-height: 42px;

    font-family: 'hugs_and_kisses_xoxo_demoRg';

}



.roundprogress{

	text-align: center;

	position:relative;

}



.roundprogress .chart .percent{

	font-family: roboto;

	position: absolute;

	top: 35px;

	text-align: center;

	width: 180px;

	font-size: 60px;

	font-weight: 900;

	color: #fff;

}



.roundprogress h3{

	font-size: 12px;

	text-transform: uppercase;

	font-weight: 600;

	position: absolute;

	bottom: 60px;

	width: 260px;

	text-align: center;

	color: #efefef;

}



#skills{

	padding-top:70px;

	padding-bottom:70px;

	background:#ce0c21;

}







/**

 * Responsive Bootstrap Tabs by @hayatbiralem

 * 15 May 2015

 */

.tab-content.brands{background: #fff;}

.nav-tabs-responsive{background: #fff;}

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

  .nav-tabs-responsive > li {display: none;width: 23%;}

  .nav-tabs-responsive > li > a {max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;width: 100%;width: 100%;text-align: center;vertical-align: top;}

  .nav-tabs-responsive > li.active {width: 54%;}

  .nav-tabs-responsive > li.active:first-child {margin-left: 23%;}

  .nav-tabs-responsive > li.active, .nav-tabs-responsive > li.prev, .nav-tabs-responsive > li.next {display: block;}

  .nav-tabs-responsive > li.prev, .nav-tabs-responsive > li.next {-webkit-transform: scale(0.9);transform: scale(0.9);}

  .nav-tabs-responsive > li.next > a, .nav-tabs-responsive > li.prev > a {-webkit-transition: none;transition: none;}

  .nav-tabs-responsive > li.next > a .text, .nav-tabs-responsive > li.prev > a .text {display: none;}

  .nav-tabs-responsive > li.next > a:after, .nav-tabs-responsive > li.next > a:after, .nav-tabs-responsive > li.prev > a:after, .nav-tabs-responsive > li.prev > a:after {position: relative;top: 1px;display: inline-block;font-family: 'FontAwesome';font-style: normal;font-weight: 400;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

  .nav-tabs-responsive > li.prev > a:after {content: "\f104";}

  .nav-tabs-responsive > li.next > a:after {content: "\f105";}

  .nav-tabs-responsive > li.dropdown > a > .caret {display: none;}

  .nav-tabs-responsive > li.dropdown > a:after {content: "\e114";}

  .nav-tabs-responsive > li.dropdown.active > a:after {display: none;}

  .nav-tabs-responsive > li.dropdown.active > a > .caret {display: inline-block;}

  .nav-tabs-responsive > li.dropdown .dropdown-menu.pull-xs-left {left: 0;right: auto;}

  .nav-tabs-responsive > li.dropdown .dropdown-menu.pull-xs-center {right: auto;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);}

  .nav-tabs-responsive > li.dropdown .dropdown-menu.pull-xs-right {left: auto;right: 0;}

}



.bs-example-tabs .nav-tabs {margin-bottom: 15px;border: 1px #e1e1e1 solid;border-radius: 0.5rem;margin: 0 auto;display:inline-block;}

.bs-example-tabs .nav-tabs > li {margin-bottom: 0px; font-size:18px; text-transform: uppercase;font-weight: 500; }

.bs-example-tabs .nav-tabs > li a {border: none;border-radius: 0; margin: 0;}

.bs-example-tabs .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {color: #fff;cursor: default;background-color: #14b4bb;border: none;}

.bs-example-tabs .nav-tabs li:first-child a {border-top-left-radius: 0.5rem;border-bottom-left-radius: 0.5rem;}

.bs-example-tabs .nav-tabs li:last-child a {border-top-right-radius: 0.5rem;border-bottom-right-radius: 0.5rem;}

.bs-example-tabs .nav-tabs li.active:first-child a {border-top-left-radius: 0.5rem;border-bottom-left-radius: 0.5rem;}

.bs-example-tabs .nav-tabs li.active:last-child a {border-top-right-radius: 0.5rem;border-bottom-right-radius: 0.5rem;}

@media only screen and (min-device-width : 767px) and (max-device-width : 1600px)  {.bs-example-tabs .nav-tabs li {display: table-cell;float: none;}}







.footer{border-top:2px #b7a856 solid;font-size: 20px; color: #252f52; font-weight: 500; }

.footer-top{background:url(../images/footer-bg.jpg) top center no-repeat #cfbf72;  padding: 60px 0; height: 500px; }

.footer h1{margin-bottom: 20px; }

.footer-bottom{background: #fff; padding: 20px 0 0 0; }

.footer a{color: #00a9b0;text-decoration: underline;}

.footer a:hover{text-decoration: none;}

ul.connect{ list-style-type: none;}

ul.connect li{ margin-bottom: 15px; padding-left: 40px;}

ul.connect li:nth-child(1n){background:url(../images/home.png) left 5px no-repeat;}

ul.connect li:nth-child(2n){background:url(../images/mobile.png) left 5px  no-repeat;}

ul.connect li:nth-child(3n){background:url(../images/phone.png) left 5px  no-repeat;}

ul.connect li:nth-child(4n){background:url(../images/envelope.png) left 5px  no-repeat;}

ul.connect li span{ display: table-cell;}

ul.social li{float: left;margin: 0 20px 0 0;} 

ul.social{font-size: 30px; margin-top: 30px;}

ul.social li{float: left;margin: 0 20px 0 0;}

.footer a{color: #252f52;} 

.footer ul.social li a:hover{color: #00a9b0;} 



/* ---------------------CAROUSEL---------------------*/

.carousel {height: 100vh;}

.carousel-caption {z-index: 10;top: 200px;text-shadow: none;font-size: 70px;}

.carousel-caption h1 {font-size: 70px;font-family: 'fontscorecomttwcenmt'; color: #fbfcfc; -webkit-text-stroke: 1px #a5994c;}

.carousel-caption h2 {font-size: 60px;}

.carousel-caption p {font-size: 18px; text-transform: uppercase;color: #a5994c;}

.carousel .item {height: 100vh; }

.carousel-indicators{ width: 100%; left: inherit; margin: 0 auto; border-top: 2px #cec378 solid; background: #fff; padding: 5px 0 15px 0; bottom: 0;}

.carousel-indicators span {color: #a3a3a3;bottom: -25px; left: -10px; position: absolute;}

.carousel-indicators li {text-indent: inherit; margin: 17px; width: 12px;height: 12px;border-color: #a3a3a3; position: relative;}

.carousel-indicators .active {margin: 17px; background: #cbbf6f; border-color: #cbbf6f;}

.carousel-indicators .active span { color: #cbbf6f;}

.item.year-2011{background:url(../images/2011-bg.jpg) bottom center no-repeat;}

.item.year-2012{background:url(../images/2012-bg.jpg) bottom center no-repeat;}

.item.year-2013{background:url(../images/2013-bg.jpg) bottom center no-repeat;}

.item.year-2014{background:url(../images/2014-bg.jpg) bottom center no-repeat;}

.item.year-2015{background:url(../images/2015-bg.jpg) bottom center no-repeat;}

.item.year-2016{background:url(../images/2016-bg.jpg) bottom center no-repeat;}

.item.year-2017{background:url(../images/2017-bg.jpg) bottom center no-repeat;}

.item.year-2018{background:url(../images/2018-bg.jpg) bottom center no-repeat;}



.bx-wrapper {

    position: relative;

    margin-bottom: 60px;

    padding: 0;

    -ms-touch-action: pan-y;

    touch-action: pan-y;

    box-shadow: none !important;

    border: none !important;

    background: transparent !important;

}



a.go-to-top{background:url(../images/top-arrow-hover.png) center center no-repeat;}

a.go-to-top:hover{background:url(../images/top-arrow.png) center center no-repeat;}



a.go-to-top,

a.go-to-top:hover a.go-to-top:focus {

  /*background-color: rgba(0, 0, 0, 0.5);*/

  -webkit-border-radius: 2px;

  border-radius: 2px;

  bottom: -50px;

  opacity: 0;

  filter: alpha(opacity=0);

  right: 20px;

  -webkit-transition: all 0.2s ease-in-out 0s;

  -o-transition: all 0.2s ease-in-out 0s;

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

  color: #fff;

  font-size: 30px;

  line-height: 54px;

  width: 54px;

  height: 54px;

  position: fixed;

  text-align: center;

  z-index: 100;

  visibility: hidden;

}

a.go-to-top.on,

a.go-to-top:hover a.go-to-top:focus.on {

  opacity: 0.8;

  filter: alpha(opacity=80);

  visibility: visible;

  bottom: 20px;

}

a.go-to-top.on:hover,

a.go-to-top:hover a.go-to-top:focus.on:hover {

  opacity: 1;

  filter: alpha(opacity=100);

}





.btn{background: #e96d7d; font-size: 18px; color: #fff;}

.btn:hover{background: #e7556b; font-size: 18px; color: #fff;}

.small.block{display: block;padding-left: 12px;}