/*fonts in site*/

@font-face {

 font-family:'Raleway-Regular';

 src:url(../fonts/Raleway-Regular.ttf);

 font-weight:normal;

 font-style:normal;

}

@font-face {

 font-family:'Raleway-Bold';

 src:url(../fonts/Raleway-Bold.ttf);

 font-weight:normal;

 font-style:normal;

}

@font-face {

 font-family:'Roboto-Regular';

 src:url(../fonts/Roboto-Regular.ttf);

 font-weight:normal;

 font-style:normal;

}

@font-face {

 font-family:'Roboto-Medium';

 src:url(../fonts/Roboto-Medium.ttf);

 font-weight:normal;

 font-style:normal;

}



/*+++++++++++++++++++custom editing in bootstrap++++++++++++++*/

body {

    overflow-x: hidden;

    font-family: "Roboto-Regular";

	color:#013c5c;

	

}

body.index

{

	font-size:20px;

	line-height:1.5;	

}

.carousel-inner

{

     overflow:visible;

}

.text-muted {

    color: #222;

}



.text-primary {

    color: #ffffff;

}



.bg-primary

{

    background-color:#80d9e1;

	color:#013c5c;	

}

.bg-warning

{

	background-color:#ffa100;

	color:#fff;	

}

.bg-muted

{

	background-color:#f4f4f4;

}

.btn {

	border-radius:1px;	

	transition:all 0.3s ease-in-out 0.0s;

	-webkit-transition: all .3s;

        -moz-transition: all .3s;

    

}

.btn:hover

{

	transition:all 0.3s ease-in-out 0.0s;

	-webkit-transition: all .3s;

        -moz-transition: all .3s;

}

.btn-primary {

    border-color: #3da6ce;

    color: #fff;

    background-color: #80d9e1;

}



.btn-primary:hover,

.btn-primary:focus,

.btn-primary:active,

.btn-primary.active,

.open .dropdown-toggle.btn-primary {

    border-color: #80d9e1;

    color: #80d9e1;

    background-color: #fff;

}



.btn-primary:active,

.btn-primary.active,

.open .dropdown-toggle.btn-primary {

    background-image: none;

}



.index p {

    font-size: 20px;

    line-height: 1.75;

}

p

{

   font-size:14px;

   line-height:1.5;

}

p.large {

    font-size: 16px;

}



a,

a:hover,

a:focus,

a:active,

a.active {

    outline: 0;

}



a {

    color: #000;

}



a:hover,

a:focus,

a:active,

a.active {

    color: #013c5c;

	text-decoration:none;

}



h1,

h2,

h3,

h4,

h5,

h6 {

    

    font-weight: 700;

}

h1 {

    

    font-weight: 700;

	font-family:'Roboto-Medium';

	font-size:45px;

}



.img-centered {

    margin: 0 auto;

}

.index li

{

     list-style-image:url(../images/tempalte-option-2_25.png);	

	 line-height:35px;

}

/*Custom styling end*/



/*=================index page header start=================*/

.index header

{

	 padding: 15px 0;

    text-align: center;

	background-color:#80d9e1;

	min-height:650px;

}

.fixed-bullets {

    position: fixed;

    top: 100px;

    right: 21px;

}

.fixed-bullets ul,.fixed-bullets ul li

{

    list-style:none;

    padding:0;

}

.fixed-bullets ul a

{

    height:20px;

    width:20px;

    border-radius:50%;

    background-color:#fff;

    border:1px solid #ccc;

    margin-bottom:10px;

    content:" ";

    padding:0;

display:table;

z-index:999;

}

.fixed-bullets ul li.active a

{

  

    background-color:#EA5641;

    

}



.index header span.cloud

{

	background-image:url(../images/tempalte-optiontf-2_03.png);

	position:absolute;

	width:100%;

	max-height:282px;

	left:0;

	right:0;

	top:0;

	height:255px;

 -webkit-backface-visibility: hidden;

  -webkit-transform: translateZ(0);

}

.login-cloud

{

	background-image:url(../images/tempalte-option-2_02.png);

	position:relative;

	width:70%;

	padding-top:92px;

	padding-bottom:45px;

	max-width:289px;

	max-height:166px;

	background-size:cover;

	top:0;

	right:0;

	float:right;

	color:#00afbf;

	font-family:'Raleway-Regular';

	font-size:18px;

}

.login-cloud a

{

	color:#00afbf;

	font-family:'Raleway-Regular';

	font-size:18px;

}

.number-cloud

{

	background-image:url(../images/tempalte-option-2_02.png);

	position:relative;

	width:70%;

	padding-top:62px;

	padding-bottom:45px;

	max-width:237px;

	max-height:135px;

	background-size:cover;

	top:0;

	right:0;

	float:left;

	color:#013C5C;

	font-family:'Raleway-Regular';

	font-size:18px;

}

.number-cloud i

{ 

   color:#00afbf;

}



.index header > .container

{

	position:relative;

}

.index .title-logo {

    position: absolute;

    left: 20%;

    right: 0;

    top: 262px;

    text-transform: uppercase;

    color:#013c5c;

    font-family:"Raleway-Bold";

 -webkit-backface-visibility: hidden;

  -webkit-transform: translateZ(0);

}

.carousel-caption

{

color:#013c5c;

text-shadow:none;

}

.index .title-logo h2,.index .title-logo h1 {

    margin:0;

	font-size:25px;

}

.index header > .container >.clearfix {

    min-height: 225px;

}

nav.navbar.navbar-default,nav.navbar.navbar-default ul,nav.navbar.navbar-default div {

    background: transparent none repeat scroll 0 0;

    border: 0 none;

    border-radius: 0;

    position: relative;

}

@media (min-width:767px)

{

.index section

{

    min-height:650px;

}

nav.navbar.navbar-default,nav.navbar.navbar-default ul,nav.navbar.navbar-default div {

    

	display:block;

	width:100%;

}

nav.navbar.navbar-default {

    min-height: 0;

    margin: 0;

}

.nav.navbar-nav.collapse

{



visibility:visible;

}

.navbar-default .navbar-nav > li {

    

	padding:40px 10px;

	max-width:150px;

	text-align:center;

	position:absolute;

	text-transform:uppercase;

	background-image:url(../images/ballon.png);

	background-repeat:no-repeat;

	background-size:cover;

	float:none;

	max-width:150px;

	text-align:center;

 -webkit-backface-visibility: hidden;

  -webkit-transform: translateZ(0);

       

	

}

.navbar-default .navbar-nav > li > a {

    color: #fff;

	font-size:20px;

	position:relative;

	text-transform:uppercase;

	z-index:9999;

}



.logo img

{

	width:40%;

	z-index:4;

	position:relative;

}



#servic-link {

    right: 110px;

    transform: rotate(70deg);

 -ms-transform: rotate(70deg); /* IE 9 */

   	-webkit-transform: rotate(70deg); /* Safari */

    top: 98px;

    width: 120px;

    height: 123px;

    padding: 22px 0;

}

#servic-link > .string > img {

    left: -49px;

    position: relative;

    top:1.5pc;

    transform: rotate(16deg);

-ms-transform: rotate(16deg); /* IE 9 */

   	-webkit-transform: rotate(16deg); /* Safari */

    z-index: -1;

}

#servic-link .straight {

    display:block;

    transform: rotate(-70deg);

-ms-transform: rotate(-70deg); /* IE 9 */

   	-webkit-transform: rotate(-70deg); /* Safari */

  

}

#shop-link {

    left: 110px;

    transform: rotate(-61deg);

-ms-transform: rotate(-61deg); /* IE 9 */

   	-webkit-transform: rotate(-61deg); /* Safari */

    top: 98px;

    width: 120px;

    height: 123px;

    padding: 38px 0;

}

#shop-link .straight {

   display: block;

    transform: rotate(61deg);

    position: relative;

    bottom: 4px;

    right: 7px;

-ms-transform: rotate(61deg); /* IE 9 */

   	-webkit-transform: rotate(61deg); /* Safari */

  

}

#shop-link > .string > img {

    left: 61px;

    position: relative;

    top: 1.5pc;

    transform: rotate(-201deg);

-ms-transform: rotate(-201deg); /* IE 9 */

   	-webkit-transform: rotate(-201deg); /* Safari */

    z-index: -1;

}

#dilivry-link {

    height: 123px;

    padding: 38px 0;

    left: 110px;

    top: -106px;

    transform: rotate(-48deg);

-ms-transform: rotate(-48deg); /* IE 9 */

   	-webkit-transform: rotate(-48deg); /* Safari */

    width: 120px;

}

#dilivry-link > .string > img {

    left: -16px;

    position: relative;

    top: 1.8pc;

    transform: rotate(-177deg);

-ms-transform: rotate(-177deg); /* IE 9 */

   	-webkit-transform: rotate(-177deg); /* Safari */

    z-index: -1;

}

#dilivry-link .straight {

    display:block;

    transform: rotate(47deg);

-ms-transform: rotate(47deg); /* IE 9 */

   	-webkit-transform: rotate(47deg); /* Safari */

  

}

#repair-link {

    height: 123px;

    padding: 38px 0;

    right: 60px;

    top: -51px;

    transform: rotate(71deg);

-ms-transform: rotate(71deg); /* IE 9 */

   	-webkit-transform: rotate(71deg); /* Safari */

    width: 120px;

}

#repair-link .straight {

    display:block;

    transform: rotate(-70deg);

-ms-transform: rotate(-70deg); /* IE 9 */

   	-webkit-transform: rotate(-70deg); /* Safari */

  

}

#repair-link > .string > img {

    left: 55px;

    position: relative;

    top: 1.8pc;

    transform: rotate(-16deg);

-ms-transform: rotate(-16deg); /* IE 9 */

   	-webkit-transform: rotate(-16deg); /* Safari */

    z-index: -1;

}

}

/*header end*/

/*==================content sections===================*/

.margin-col

{

	margin:40px 0;	

}

.index section {

    padding: 100px 0;

}



.index section h2.section_heading {

    margin-top: 0;

    margin-bottom: 15px;

    font-size: 30px;

    font-weight:300;

	

}

.index section h3.section_subheading {

    margin-top: 0;

    margin-bottom: 15px;

    font-size: 22px;

    font-weight:300;

}



.index section h2.section_heading strong {

    font-family: "Raleway-Bold";

    font-size: 1.2em;

}



.index section .section-subheading {

    margin-bottom: 45px;

    text-transform: none;

    font-size: 15px;

}

.view-more

{

	width:345px;

	height:74px;

	background-repeat:no-repeat;

	background-size:cover;

	text-align:center;

	text-transform:uppercase;

	font-size:30px;

	line-height:67px;

	display:table;

	color:#fff;	

	margin:30px 0;

	font-family:'Raleway-Regular';

	font-weight:900;

	transition:all 0.3s ease;

        z-index:9;

}

.view-more:hover

{

	text-decoration:none;

	color:#000;

	transition:all 0.3s ease;

}

.view-more.pink

{

	background-image:url(../images/tempalte-option-2_45.png);

}

.view-more.white

{

	background-image:url(../images/tempalte-option-2_10.png);

	color:#00bccd;

	margin:30px auto;

           z-index: 999;

}

.view-more.green

{

	background-image:url(../images/tempalte-option-2_17.png);

}

.view-more.yellow

{

	background-image:url(../images/tempalte-option-2_37.png);

}

.view-more.red

{

	background-image:url(../images/tempalte-option-2_29.png);

}

.view-more.red:hover,.view-more.yellow:hover,.view-more.green:hover,.view-more.pink:hover

{

	

	transition:all 0.3s ease;

       color:#00bccd;

background-image:url(../images/tempalte-option-2_10.png);

}

.view-more.white:hover {

    color: #fff;

background-image:url(../images/tempalte-option-2_17.png);

}

@media(min-width:768px) {

    .index section {

        padding: 50px 0;

    }

	.index section .container > .row 

	{

		display:table;

		width:100%;	

	}

	.index section.listed .container > .row  > div

	{

		display:table-cell;

		float:none;

		vertical-align:middle;

		min-width:50%;	

	}

	.index section.listed .container > .row > div img {

    max-width: 550px;

}

section#dilivery .container > .row  > div

	{

		display:table-cell;

		float:none;

		vertical-align:middle;

			

	}

	section#dilivery .container > .row > div img {

    max-width: 600px;

}

}



/*===========other section ================*/

section#easy_step {

    background-color: #ff6f6e;

    color: #fff;

}

section#easy_step h1 {

    font-family:"Raleway-Bold";

	font-size:67px;

	margin-bottom:80px;

}

section#work_for {

    background-color: #f4f4f4;

}

section#apps {

    background-color: #3cdd8f;

	color:#fff;

}

section#apps  p{

    font-size:25px;

	margin-top:50px;

}

section#dilivery > span.build

{

	background-image:url(../images/tempalte-option-2m_02.png);

	background-size:cover;

	position:absolute;

	width:100%;

	height:100%;

	top:0;

	bottom:0;

	right:0;

 -webkit-backface-visibility: hidden;

  -webkit-transform: translateZ(0);

}

section#dilivery

{

	position:relative;

	/*padding-bottom:30px;

	padding-top:150px;	

	min-height:650px; */

	background-color:rgb(255,245,203);

}

/*==========================footer start======================*/

footer {

    background-color: #222;
    padding-top: 60px;
    border-top: 4px solid #555;
    color: #ccc;

}



footer span.copyright {

    line-height: 30px;

	font-family:"Raleway-Regular";

}







.btn:focus,

.btn:active,

.btn.active,

.btn:active:focus {

    outline: 0;

}

@media (min-width:768px)

{

	

}

/*footer end*/









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

*                  FORM PAGE

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

/*header*/

.other header

{

	 padding: 0;

    text-align: center;

	background-color:#80d9e1;

}



.navbar-brand

{

	height:auto;	

}

.navbar-brand img

{

	height:auto;

	max-width:200px;	

}



















/*

.other .menu-bar {

   

    background:rgba(0,0,0,.1);

   -webkit-transition: padding 0.35s linear 0s;

	-moz-transition: padding 0.35s linear 0s;

    	-ms-transition:  padding 0.35s linear 0s;

	-o-transition:  padding 0.35s linear 0s;

	transition: padding 0.35s linear 0s;



       

}



.other .menu-bar .navbar-collapse {

    border-color: rgba(0,0,0,.02);

}



.other .menu-bar .navbar-default .navbar-toggle {

    border-color: rgba(0,0,0,.02);

    background-color: rgba(0,0,0,0.6);

}



.other .menu-bar .navbar-toggle .icon-bar {

    background-color: #fff;

}



.other .menu-bar .navbar-toggle:hover,

.other .menu-bar .navbar-toggle:focus {

    background-color: #FFA100;

}



.other .menu-bar .nav li a {

    text-transform: uppercase;

    font-weight: 400;

    letter-spacing: 1px;

    color: #fff;

    padding:15px 61px;

    border-right:1px solid #fff;

}

.other .menu-bar .nav li:last-child a {

    border-right:0px solid #fff;

}



.other .menu-bar .nav li a:hover,

.other .menu-bar .nav li a:focus {

    outline: 0;

    color: #FFA100;

}



.other .menu-bar .navbar-nav>.active>a {

    border-radius: 0;

    color: #fff;

    background-color: #FFA100;

}



.other .menu-bar .navbar-nav>.active>a:hover,

.other .menu-bar .navbar-nav>.active>a:focus {

    color: #fff;

    background-color: #FFA100;

}



@media(min-width:768px) {

.other .menu-bar .navbar-default {

        padding: 25px 0;

        border: 0;

        background-color: rgba(0,0,0,0);

        

    }

.other .menu-bar .collapse.navbar-collapse

{

display:none;

}

    

.other .menu-bar .navbar-nav>.active>a {

        border-radius: 3px;

    }

    

}



*/





/*content section*/

.other .row.content-area {

    margin: 60px 0;

}

.other section

{

	 padding: 60px 40px;

}

.other .content .nav > li  {

   float:left;

   width:25%;

   margin:0 auto;

   position:relative;

}

.other .content .nav > li > a{

   

    background-color: transparent;

    

    border-radius: 0;

    border-right:1px solid #fff;

    border-width: 0 1px 0 0 ;

    color: #fff;

	padding:10px 0;

	position:relative;

}

.other .content .nav > li > a:focus, .other .content .nav > li > a:hover {

    border-right:1px solid #fff;

    border-width: 0 1px 0 0 ;

    background-color: rgba(0,0,0,.2);

   

}

.other .content .nav > li.active > a{

   

    border-right:1px solid #fff;

    border-width: 0 1px 0 0 ;

    background-color: transparent;

    

    border-radius: 0;

    border-width:0 1px 0 0 ;

}

.other .content .nav > li.active:last-child > a,.other .content .nav > li:last-child > a{

   

    border-right:0px solid #fff;

    border-width:0px;

   

}

.other .content .nav > li.active > a::after { 

	content:""; 

	position: absolute; 

	top: 100%; 

	left: 40%; 

	width: 0; 

	height: 0; 

	border-left: 26px solid transparent; 

	border-top: 26px solid #FFA100; 

	border-right: 26px solid transparent;

	z-index:9;

 -webkit-backface-visibility: hidden;

  -webkit-transform: translateZ(0);

}



.col-lg-9.col-sm-8.bg-primary.tab-content {

    min-height: 693px;

}

.other .content .panel .panel-body

{

    padding:40px;	

}

.other .content .form-control.input-lg {

    border-radius: 2px;

}



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

*					DATEPICKER STYLE

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



.datepicker {

	display: inline-block;

	font: 15px/1.5 "Helvetica Neue", mplus-2c, Helvetica, Arial, "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;

	font-weight: 300;

	border: 1px solid #dfdfdf;

	border-radius: 3px;

		-webkit-border-radius: 3px;  

		-moz-border-radius: 3px;

	box-shadow: 0.5px 0.5px 0px #c8c8c8;

		-webkit-box-shadow: 0.5px 0.5px 3px #eeeeee;

		-moz-box-shadow: 0.5px 0.5px 3px #eeeeee;

}



/*

 * datepicker_header

*/



.datepicker > .datepicker_header{

	padding-top:	2px;

	padding-bottom: 2px;

	padding-left:	5px;

	padding-right: 5px;

	background-color:	#eeeeee;

	color: #3f3f3f;

	text-align: center;

	font-size: 9pt;

	font-weight: bold;

	user-select: none;

		-webkit-user-select: none;

		-moz-user-select: none;

}



.datepicker > .datepicker_header > a {

	user-select: none;

		-webkit-user-select: none;

		-moz-user-select: none;

	cursor: pointer;

	color: #3b7796;

}



.datepicker > .datepicker_header > a:hover {

	color: #303030;

	background-color:	#c8c8c8;

}



.datepicker > .datepicker_header > a:active {

	color: #ffffff;

	background-color:	#808080;

}



.datepicker > .datepicker_header > span {

	margin-left: 20px;

	margin-right: 20px;

	user-select: none;

		-webkit-user-select: none;

		-moz-user-select: none;

}



.datepicker > .datepicker_header > .icon-home {

	position:	absolute;

	display:		block;

	float:		left;

	margin-top:	2px;

	margin-left:	5px;

	width:		11pt;

	height:		11pt;

	vertical-align: middle;

}



.datepicker > .datepicker_header > .icon-home > svg > g > path {

	fill: #3b7796;

}



.datepicker > .datepicker_header > a:hover > svg > g > path {

	fill: #303030; /* Icon button hover color */

}





/*

 * datepicker_inner_container 

*/



.datepicker > .datepicker_inner_container {

	margin: -2px 0px -2px 0px;

	background-color: #d2d2d2;

	border: 1px solid #c8c8c8;

	border-radius: 3px;

		-webkit-border-radius: 3px;  

		-moz-border-radius: 3px;



	box-shadow: 0.5px 0px 3px #c8c8c8;

		-webkit-box-shadow: 0.5px 0px 3px #c8c8c8;

		-moz-box-shadow: 0.5px 0px 3px #c8c8c8;

}



.datepicker > .datepicker_inner_container:after {

	content: ".";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

}



/*

 * datepicker_inner_container > datepicker_calendar

*/



.datepicker > .datepicker_inner_container > .datepicker_calendar {

	float: left;

	width: auto;

	

	margin-top: -0.5px;

	margin-left: -1px;

	margin-bottom: -2px;

	

	background-color:	#ffffff;

	border: 1px solid #c8c8c8;

	

	border-top:none;

	border-top-left-radius: 3px;

	border-bottom-left-radius: 3px;

		-webkit-border-top-left-radius:	3px;

		-webkit-border-bottom-left-radius: 3px;

		-moz-border-radius-topleft:		3px;

		-moz-border-radius-bottomleft:	3px;

}



.datepicker > .datepicker_inner_container > .datepicker_calendar > table {

    padding: 10px;

}



/*

 * datepicker_inner_container > datepicker_calendar > datepicker_table > tbody > tr > th (WDay-cell)

*/



.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > th {

	color:	#646464;

	width: 18px;

	font-size: small;

	font-weight: normal;

	text-align:center;

}



/*

 * datepicker_inner_container > datepicker_calendar > datepicker_table > tbody > tr > td (Day-cell)

*/



.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td {

	color:	#000000;

	font-size: small;

	text-align:center;

	padding:10px;

	user-select: none;

		-webkit-user-select: none;

		-moz-user-select: none;

	cursor: pointer;

}



.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.today {

	background-color:#f0f0f0;

        border-radius:10px;

        color:#000;

}



.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.wday_sat {

	color:	#0044aa;

}



.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.wday_sun {

	color:	#e13b00;

}



.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.day_another_month {

	color:	#cccccc;

}



.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.day_in_past {

	cursor: default;

	color: #cccccc;

}



.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.day_in_unallowed {

	cursor: default;

	color: #cccccc;

}



.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.out_of_range {

	cursor: default;

	color: #cccccc;

}



.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.active {

	background-color: #80d9e1;

    border-radius: 10px;

    color: #ffffff;

}



.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td.hover {

	color: #000000;

	background-color:	#c8c8c8;

  border-radius: 10px;

}



/*

 * datepicker_inner_container > datepicker_timelist

*/



.datepicker > .datepicker_inner_container > .datepicker_timelist {

	float: left;

	width: 4.2em;

	height: 118px;

	

	margin-top: -0.5px;

	padding: 5px;

	padding-left: 0px;

	padding-right: 0px;

	

	overflow: auto;

	overflow-x: hidden; 

	

	background-color:	#ffffff;

	

	border-top-right-radius: 3px;

	border-bottom-right-radius: 3px;

	-webkit-border-top-right-radius:	3px;

	-webkit-border-bottom-right-radius: 3px;

	-moz-border-radius-topright:		3px;

	-moz-border-radius-bottomright:	3px;

}



/*

.datepicker > .datepicker_inner_container > .datepicker_timelist::after {

	content: ".";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

}

*/



.datepicker > .datepicker_inner_container > .datepicker_timelist::-webkit-scrollbar {

	overflow: hidden;

	width: 6px;

	background: #fafafa;

	

	border-top-right-radius: 3px;

	border-bottom-right-radius: 3px;

	-webkit-border-top-right-radius:	3px;

	-webkit-border-bottom-right-radius: 3px;

	-moz-border-radius-topright:		3px;

	-moz-border-radius-bottomright:	3px;

}



.datepicker > .datepicker_inner_container > .datepicker_timelist::-webkit-scrollbar:horizontal {

	height: 1px;

}



.datepicker > .datepicker_inner_container > .datepicker_timelist::-webkit-scrollbar-button {

	display: none;

}



.datepicker > .datepicker_inner_container > .datepicker_timelist::-webkit-scrollbar-piece {

	background: #eee;

}



.datepicker > .datepicker_inner_container > .datepicker_timelist::-webkit-scrollbar-piece:start {

	background: #eee;

}



.datepicker > .datepicker_inner_container > .datepicker_timelist::-webkit-scrollbar-thumb {

	background: #aaaaaa;

	border-radius: 3px;

		-webkit-border-radius: 3px;  

		-moz-border-radius: 3px;

}



.datepicker > .datepicker_inner_container > .datepicker_timelist::-webkit-scrollbar-corner {

	background: #333;

}



.datepicker > .datepicker_inner_container > .datepicker_timelist > div.timelist_item {

	padding-top:   1px;

	padding-bottom:1px;

	padding-left:  7px;

	padding-right: 25px;

	margin-top: 5px;

	margin-bottom: 2px;

	font-size: small;

	

	user-select: none;

		-webkit-user-select: none;

		-moz-user-select: none;

	cursor: pointer;

}



.datepicker > .datepicker_inner_container > .datepicker_timelist > div.timelist_item.time_in_past {

	cursor: default;

	color: #cccccc;

}



.datepicker > .datepicker_inner_container > .datepicker_timelist > div.timelist_item.out_of_range {

	cursor: default;

	color: #cccccc;

}

.datepicker > .datepicker_inner_container > .datepicker_timelist > div.timelist_item.active {

	color: #ffffff;

	background-color:	#80d9e1;

}



.datepicker > .datepicker_inner_container > .datepicker_timelist > div.timelist_item.hover {

	color: #000000;

	background-color:	#c8c8c8;

}

.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > th

{

 	width:30px;	

}

.datepicker > .datepicker_header

{

	font-size:16px;	

}

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

*						STEP FORM

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

#sectional .row.well {

    margin: 0;

}

.valid h3::after {

  content: "Valid";

  text-transform: uppercase;

  color: #5c9159;

  font-size: 0.7em;

  padding-left: 1em;

}



/* line 83, ../sass/partials/_utils.sass */

.valid h3 > iea {

  content: "Valid";

  text-transform: uppercase;

  color: #5c9159;

  font-size: 0.7em;

  padding-left: 1em;

}

.valid .editPen

{

	

    display:block;	

}

.editPen

{

	

    display:none;	

}

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

*					PROFILE STYLE

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

.profile-nav .user-heading {

    background: none repeat scroll 0 0 #FFA100;

    border-radius: 4px 4px 0 0;

    color: #fff;

    padding: 30px;

    text-align: center;

}

.profile-nav ul > li {

    border-bottom: 1px solid #ebeae6;

    line-height: 30px;

    margin-top: 0;

}

*::before, *::after {

    box-sizing: border-box;

}

.profile-nav ul > li > a:hover, .profile-nav ul > li > a:focus, .profile-nav ul li.active a {

    background: none repeat scroll 0 0 #eee;

    border-left: 5px solid #80D9E1;

    color: #80D9E1;

}

.profile-nav ul > li > a {

    border-left: 5px solid #fff;

    border-radius: 0;

    color: #89817f;

	padding:10px 15px;

}

.summary-head {

    background: none repeat scroll 0 0 #80D9E1;

    border-bottom: 1px solid #80D9E1;

    color: #fff;

    text-align: center;

}

ul.summary-list {

    display: inline-block;

    margin-bottom: 0;

    padding-left: 0;

    width: 100%;

}

ul.summary-list > li > a {

    color: #818181;

    display: inline-block;

    padding: 10px 0;

}

ul.summary-list > li {

    display: inline-block;

    text-align: center;

    width: 24.5%;

	border-right: 1px solid #eaeaea;

}

ul.summary-list > li > a > i {

    display: block;

    font-size: 18px;

    padding-bottom: 5px;

}

ul.summary-list > li:last-child {

    border-right: medium none;

}



.profile-edit-head {

    background: none repeat scroll 0 0 #41cac0;

    border-bottom: 1px solid #41cac0;

    color: #fff;

    text-align: center;

}



.password-head {

    background: none repeat scroll 0 0 #428BCA;

    border-bottom: 1px solid #428BCA;

    color: #fff;

    text-align: center;

}

.profile-detail span

{ 

	width:100px;

	display:inline-block;

	

	

}

.profile-detail p

{ 

	font-size:16px;

}

.user-heading.round > p

{

    font-size:13px;

}

#edit-profile label,#change-pass label,#productall th

{

   font-weight:lighter;

   font-size:16px;

}

.nav.nav-pills.nav-stacked a

{

   font-size:18px;

}



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

*					MODAL STYLE

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

.modal-header {

    background-color: #75c0ea;

    border-radius: 5px 5px 0 0;

}

.modal-footer {

    background-color: #eeeeee;

    font-size: 15px;

	border-radius: 0 0 5px 5px;

}

.control-label {

    font-weight: lighter;

    font-size: 16px;

}

.form-group .checkbox {

    margin-left: 4%;

}



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

*					CONTACT STYLE

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

#mycontact

{

    position:relative;

}

#mycontact .form-horizontal .control-label

{

    text-align:left;

}

#contain{

	position:fixed;

	bottom:0; 

	left:0; 

	right:0; 

	top:0; 

	background-color:rgba(0,0,0,.6);

}

#alert

{

    margin-top:200px;





}

#close.close {

    position: absolute;

    right: 11px;

    top: 3px;

}





::-moz-selection {

    text-shadow: none;

    background: transparent;

 color:inherit;

}



::selection {

    text-shadow: none;

     background: transparent;

 color:inherit;

}



img::selection {

    background: transparent;

 

}



img::-moz-selection {

    background: transparent;

 color:inherit;

}

img {

    -webkit-user-select: none; /* webkit (safari, chrome) browsers */

    -moz-user-select: none; /* mozilla browsers */

    -khtml-user-select: none; /* webkit (konqueror) browsers */

    -ms-user-select: none; /* IE10+ */

}

body {

    webkit-tap-highlight-color: transparent;

}



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

*                  RESPONSIVE CODING

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



@media (max-width:1199px) and (min-width:992px)

{



#dilivry-link > .string > img {

    left: 20px;

    top: 1.8pc;

    transform: rotate(-188deg);

}

section#dilivery .container > .row > div img {

    max-width: 549px;

}



}

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

{



section#dilivery {

    

    padding-top: 218px;

}

section#dilivery .container > .row > div img {

    max-width: 388px;

}

.view-more {

    font-size: 26px;

    height: auto;

    line-height: 61px;

    width: 284px;

}

.index section.listed .container > .row > div img {

    max-width: 402px;

}

.index .title-logo {

   

    display: none;

}

.logo img {

   width: 56%;

}

.other .menu-bar .nav li a

{

  padding: 15px 26px;

}

#dilivry-link {

    left: 20px;

}

#shop-link

{

    left:25px;

}

#repair-link

{

    top:-71px;

    right:0px;

}

#servic-link

{

   right:5px;

   top: 98px;

}

}

@media (max-width:767px)

{

.index > section

{

   text-align:center;

}

.index > section img

{

   margin:0 auto;

}

section#dilivery {

    

    padding-top: 20px;

}

section#dilivery .container > .row > div img {

    max-width: 388px;

}

.view-more {

    font-size: 26px;

    height: auto;

    line-height: 61px;

    width: 284px;

    margin:20px auto;

}

.index section.listed .container > .row > div img {

    max-width: 280px;

}

.index .title-logo,section#dilivery > span.build {

   

    display: none;

}

.logo img {

   width: 96%;

}

section#dilivery .container > .row > div img

{

    max-width:100%;

}

.navbar-default .navbar-nav > li

{

    position:static;

}

.login-cloud {

   

    float: none;

    

    max-height: 119px;

    max-width: 324px;

    padding-bottom: 35px;

    padding-top: 61px;

    

    width: 71%;

}

.number-cloud

{ 

    display:none;

}

.index header > .container > .clearfix {

    min-height: 89px;

}

.index header {

   min-height: 568px;

}

a.sidebar-nav > img.img-responsive.img-centered {

    display: none;

}

a.sidebar-nav > p.large {

    font-size: 12px;

    margin: 0;

}

a.sidebar-nav {

    height: 50px;

}

.other .content .nav > li.active > a::after {

    border-left: 10px solid transparent;

    border-right: 10px solid transparent;

    border-top: 10px solid #ffa100;

}

.other section {

    padding: 10px;

}

.other .content .panel .panel-body

{

    padding:20px;

}

.other .content .panel .panel-body .well

{

    padding:5px;

}

.other section > .h2,.other section > h2 {

    font-size: 18px;

    font-weight:500;

}

.other section .h3,.other section h3 {

    font-size: 15px;

    font-weight:500;

}

.input-lg,select.input-lg,.btn-group-lg > .btn, .btn-lg {

    

    font-size: 14px;

    height: 36px;

    line-height: 1.33333;

    padding: 3px 5px;

}

.datepicker > .datepicker_inner_container > .datepicker_calendar > .datepicker_table > tbody > tr > td

{

    padding:6px;

}

.datepicker > .datepicker_inner_container > .datepicker_timelist

{

     width:100%;

background-color: #f0f0f0;

}

.navbar-brand

{

     float:none;

}

.other .menu-bar .nav li a

{

    border-right:0px;

    border-bottom:1px solid #fff;

}

section#easy_step h1,section#work_for h1

{

    font-size: 37px;

    margin-bottom: 30px;

}

.index section

{

    padding:50px 0;

}

#easy_step img,section#work_for img  {

    max-width: 94px;

}

#repair img.img-responsive,#apps img.img-responsive,#services img.img-responsive  {

    max-height: 244px;

}



/*=== sunny code ===*/



.index .navbar-toggle {

    position: relative;

    top: -280px;

    z-index: 9999;

}

.custom-menu ul li {

    

    display: block !important;

}

.custom-menu ul {

    float: none;

    width: 100%;

    text-align: left !important;

}



.custom-menu ul {

    position: relative;

}

.custom-dropdown li {

    width: 100% !important;

    float: left !important;

    display: block !important;

}

}





/*=== sunny code ===*/

.custom-menu {

    background-color: rgba(255, 255, 255, 0.65);

    position: fixed;

    z-index: 999;

    width: 100%;

}

.custom-menu ul li {

    float: none;

    display: inline-block;

}

.custom-menu ul {

    float: left;

    width: 100%;

    text-align: center;

}

.custom-menu ul li a {

    font-size: 14px;

    text-transform: uppercase;

}

.text-part > h3 {

    margin-top: 0;

}

.carousel-content {

    color:black;

    display:flex;

    align-items:center;

}

.custom-menu .dropdown {

    position: unset;

}

.custom-menu .nav > li {

	position: unset;

}



.custom-menu > .container {

    position: relative;

}

.custom-dropdown li {

    width: 50%;

    float: left !important;

    display: block !important;

	text-align:left;

	padding:5px 15px;

}

.dropdowm:hover .custom-dropdown {

    display: block !important;

}

.dropdown-menu > li > a {

	white-space:normal;

}

.dropdown-menu.custom-dropdown {

    width: auto;

	background:rgba(255, 255, 255, 0.9);

}



.custom-dropdown a {

    text-transform: capitalize !important;

}



.dropdown-menu.custom-dropdown span {

    font-weight: bold;

    border: 1px solid #ccc;

    padding: 2px 5px;

    border-radius: 5px;

}



.team-member {

    background: #eeeeee none repeat scroll 0 0;

    border: 2px solid #eeeeee;

    padding: 13px;

    transition: border-color 400ms ease 0s;

}

.team-img {

    margin: -15px -15px 0;

}

.team-info {

    border-bottom: 1px solid #dbdbdb;

    margin-bottom: 10px;

    padding-bottom: 10px;

}

.team-info h3 {

	font-size: 24px;

	color: #272727;

    font-weight: 600;

}



.blog_archieve {

    list-style: outside none none;

    margin: 0;

    padding: 0;

}

.blog_archieve li {

    border-bottom: 1px solid #f5f5f5;

    padding: 10px 0;

}

.blog_archieve li:first-child {

    padding-top: 0;

}