/* reset css
-------------------------------------------------------------------------------*/
*{
	box-sizing: border-box;

}
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-weight: normal;
	vertical-align: baseline;
	background: transparent;
}
main, article, aside, figure, footer, header, nav, section, details, summary {display: block;}
html,body{
	margin: 0;
	padding: 0;
}
img,
object,
embed {max-width: 100%;}

body{
	font-family: 'Raleway', sans-serif;
	line-height: 1.4;

	font-size: 18px;
}
/* let's clear some floats */
.clearfix:after { content: " "; display: block; clear: both; }

.container { width: 100%; max-width: 1170px; margin: auto;}
/* Header css
-------------------------------------------------------------------------------*/
.header-conntainer { overflow: hidden;}
header { display: block; padding: 40px 0px;}
header .logo { float: left;}
header nav {float: right;}
header nav ul{margin:0px; padding: 0px;}
header nav ul li{ list-style: none; float: left; margin: 55px 65px 0px 0px;}
header nav ul li:last-child { margin-right: 0px;}
header nav ul li a{ float: left; font-family: 'Raleway', sans-serif; font-size: 21px; color: #000; text-decoration: none;}
header nav ul li a:hover {color:#13afd3;}
header .repair-box { display: block; padding-top: 45px;}
header .repair-box .repair-left{ width: 76%; float: left;}
header .repair-box .repair-left input{ border-bottom:#333092 solid 1px; font-family: 'Raleway', sans-serif;  border-right: 0px; border-left: 0px; border-top: 0px; padding: 12px 15px; font-size:21px; line-height: 1.4; width: 100%;}
header .repair-box .repair-right { width: 24%; float: left;}
header .repair-box .repair-left .select{ border-bottom:#333092 solid 1px;}


/* Banner css
-------------------------------------------------------------------------------*/
.banner { width: 100%;  padding-left: 65px;}
.banner-sky-blue { width: 100%; background-color: #13afd3; position: relative; height: 177px;}
.banner-sky-blue img { display: inline-block;}
.banner-sky-blue:after { height: 177px; width: 100%; position: absolute; content: ""; background-color:#13afd3; right: 0px; top: 0px; left:100%;} 
.banner-sky-blue .banner-text {float: right; font-family: 'Raleway', sans-serif; font-size: 21px; font-weight: 700; text-align: center; margin-top: 87px; margin-right: 65px; color: #fff; margin-bottom: 0px;}
.arrow-blue { width: 20px; margin-bottom:-15px; display: inline-block;}
.arrow-blue img { display: block; vertical-align: top;}

.banner .phone-text{ font-weight: 800; display: inline-block; font-size: 114px; color: #333092; margin-left: -5px; line-height: 100px}
.phone-img {display: inline-block; position: relative; z-index: 1; margin-top: -30px; top: -10px; margin-left: 77px;}
.banner .banner-text-2 {float: right; color: #000; font-family: 'Arvo', serif; font-size: 27px; font-weight: 700; text-align: center; margin-top: 10px; margin-right: 34px; margin-bottom: 0px;}
.padding-bottom-65 {padding-bottom: 65px;}
.arrow-img { width: 45px; height: 43px; bottom: 0px; top: -22px; position: absolute; left:50%; margin-left: -22px;}
.relative {position: relative;}


/* gray section css
-------------------------------------------------------------------------------*/
.graybg { background-color: #F4F4F4;  position: relative;  }
.graybg h2 { font-weight: 800; text-align: center; font-family: 'Raleway', sans-serif; display: inline-block; width: 100%; font-size: 36px; color: #333092; margin: 45px 0px; }
.mini-container { width: 715px; margin:auto;   }
.containt { font-size:23px; color: #000; font-family: 'Arvo', serif;  margin-top: 20px; margin-bottom: 45px;}
.card-block {text-align: center; display: block;  }
.prod-img{ height: 190px; width: 218px;}
.img-block { position: absolute;  bottom: -16px; left: -50px;}
.v-top{ vertical-align: top;}
.containt h3 { margin-bottom: 15px; font-size: 24px; font-family: 'Arvo', serif; color: #000;}
.containt p { font-size: 14px; color:#000; font-family: 'Raleway', sans-serif; line-height: 20px; height: 125px; overflow: auto}
.containt p span { font-size: 17px;}
.containt a { font-size: 18px; color:#13afd3; line-height: normal; text-decoration: none; font-family: 'Arvo', serif; margin-bottom: 75px; display: block;}
.containt a span {font-family: 'Arvo', serif;  font-size: 16px; display: block; color: #333092; font-weight: bold;}
.mt-minus { margin-top: -11px;}
.images-container { position: absolute; top: 0px; left: 0px; right: 0px;}
.images-container .iphone-heading-block{ position: absolute; top:-26px; width: 490px; left: 50%; margin-left:-245px;}
.images-container .iphone-heading-block .settingicon{ margin-right:30px; float: left; }
.numpers-block{ width: 50px; height: 50px; margin-right: 23px; color:#fff; float: left; background: #13afd3; padding: 15px; font-family: 'Arvo', serif; font-size: 25px; line-height: 25px; text-align: center; border-radius: 100px; }
.number-text { float: left; font-family: 'Raleway', sans-serif; font-weight: 300;}
.number-text span { color:#fff;}
.call-box { position: absolute; bottom: 135px; width: 450px; height: 88px; background-color: #13afd3; right: 0px;}
.call-box-radius { position: absolute;  width: 107px; height:107px; background-color: #333092; left: -50px; padding: 23px; border-radius: 50%; top: -11px;}
.call-box span {  line-height: 88px; font-size: 26px; color: #fff; margin-left: 70px;  font-family: 'Arvo', serif; }


/* favorite gadget section css
-------------------------------------------------------------------------------*/
.gadget-block { text-align: center; }
.gadget-block h2 { font-weight: 300; font-size: 30px;  color: #333092; margin: 45px 0;}
.gadget-block .hr { max-width: 205px; margin: 8px auto 4px; height: 1px; background-color:#13afd3; border:none;}
.gadget-block h2 strong { display: block; font-weight: 800; font-family: 'Raleway', sans-serif; font-size: 30px;}
.gadget-block h2 strong:after { position: absolute; content: "";  left:50%; width: 205px; margin: 2px auto 4px -102px; height: 1px; background-color:#13afd3; border:none;}
.iphone-img { height: 105px;}


/* footer section css
-------------------------------------------------------------------------------*/
footer { padding: 35px 0px; background-color: #F4F4F4; text-align: center;}
footer h3 {font-size: 14px; font-weight: bold; color: #333092;}
footer strong { font-size: 34px; font-family: 'Arvo', serif;}
footer span { font-size: 14px; color: #000;}
footer .mini-container .img-block { top: -47px; right: 0px; left:auto;}


.flex-container  {
	-ms-box-orient: horizontal;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;

}
.flex-box {-webkit-align-self: flex-end; align-self: flex-end; }
.flex{ display: flex;}
/* row and colum css
-------------------------------------------------------------------------------*/
.row {
	margin-right: -15px;
	margin-left: -15px;
}
.row:before,
.row:after { display: table;
	content: " "; clear: both;
}
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
	float: left;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}
.col-lg-12 {	
	width: 100%;
}
.col-lg-11 {
	width: 91.66666667%;
}
.col-lg-10 {
	width: 83.33333333%;
}
.col-lg-9 {
	width: 75%;
}
.col-lg-8 {
	width: 66.66666667%;
}
.col-lg-7 {
	width: 58.33333333%;
}
.col-lg-6 {
	width: 50%;
}
.col-lg-5 {
	width: 41.66666667%;
}
.col-lg-4 {
	width: 33.33333333%;
}
.col-lg-3 {
	width: 25%;
}
.col-lg-2 {
	width: 16.66666667%;
}
.col-lg-1 {
	width: 8.33333333%;
}





/* Button css
-------------------------------------------------------------------------------*/
.repair-button { padding-left:50px;}
.btn {
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 0px;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}
.btn-default {
	color: #fff;
	background-color: #13afd3;
	border-color: #13afd3;
	font-size: 21px;
	line-height:normal;
	text-decoration: none;
	border-radius: 50px;
	width: 100%;
	font-family: 'Arvo', serif;
}
.btn-default:hover {
	color: #fff;
	background-color: #333092;
	border-color: #333092;
}
.btn-large {padding: 11px 0px;}




/* select option css
-------------------------------------------------------------------------------*/
.select-hidden {
	display: none;
	visibility: hidden;
	padding-right: 10px;
}

.select {
	cursor: pointer;
	display: inline-block;
	position: relative;
	font-size: 16px;
	color: #fff;
	width: 100%;
	height: 50px;
}

.select-styled {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	font-size: 21px;
	left: 0;
	padding: 14px 15px;
	color: #CCCCCC;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}
.select-styled:after {
	content: "V";
	width: 0;
	height: 0;
	color: #CCCCCC;
	font-family: 'Raleway', sans-serif;
	font-weight: 300;
	position: absolute;
	top: 20px;
	font-size: 15px;
	right: 25px;
}



.select-options {
	display: none;
	position: absolute;
	top: 100%;
	right: 0;
	left: 0;
	z-index: 999;
	max-height: 265px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;

}
.select-options li {
	margin: 0;
	padding: 7px 0;
	color: #CCCCCC;
	background-color: #fff;
	text-indent: 15px;
	border-top: 1px solid #333092;
	-moz-transition: all 0.15s ease-in;
	-o-transition: all 0.15s ease-in;
	-webkit-transition: all 0.15s ease-in;
	transition: all 0.15s ease-in;
}
.select-options li:hover {
	color: #000;
	background: #ebebeb;
}
.select-options li[rel="hide"] {
	display: none;
}
.padding-left-0 { padding-left: 0px;}
.fr{ float: right;}

@media only screen and (max-width: 1250px) {
	.container { width: 950px;  margin: auto;}
	.banner .phone-text {font-size: 94px;}
	.phone-img{margin-top: -38px;}
	.banner .banner-text-2{ font-size: 24px;}
	.banner-sky-blue .banner-text{margin-right: 45px;}
	.call-box {height: 58px; width: 270px; bottom: 85px;}
	.call-box-radius { height: 75px; width: 75px; top: -9px;}
	.call-box span{ line-height: 57px; font-size: 23px; margin-left: 47px;}
	.banner .banner-text-2{ margin-right: 0px;}
	.banner-sky-blue .banner-text {
		margin-right: 12px;
	}
}



@media only screen and (max-width:1023px) {
	.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
		float: left;
	}
	.col-sm-12 {
		width: 100%;
	}
	.col-sm-11 {
		width: 91.66666667%;
	}
	.col-sm-10 {
		width: 83.33333333%;
	}
	.col-sm-9 {
		width: 75%;
	}
	.col-sm-8 {
		width: 66.66666667%;
	}
	.col-sm-7 {
		width: 58.33333333%;
	}
	.col-sm-6 {
		width: 50%;
	}
	.col-sm-5 {
		width: 41.66666667%;
	}
	.col-sm-4 {
		width: 33.33333333%;
	}
	.col-sm-3 {
		width: 25%;
	}
	.col-sm-2 {
		width: 16.66666667%;
	}
	.col-sm-1 {
		width: 8.33333333%;
	}
}




@media only screen and (max-width: 1023px) {
	.container { width: 90%;  margin: auto;}
	.banner{padding-left: 0px;}
	.banner-sky-blue .banner-text{ font-size: 18px; margin-top: 74px;}
	.banner-sky-blue,.banner-sky-blue::after { height: 150px;}
	.banner-sky-blue img { width: 311px;}
	.banner .phone-text {
		font-size: 73px; line-height: 72px;
	}
	.phone-img {
		margin-top: -57px;
	}
	.arrow-blue { margin-bottom: -12px;}
	.banner .banner-text-2 {
		font-size: 20px;
	}
	.flex-container-tablets {display: inherit;}

}
@media only screen and (max-width: 767px) {
	.flex-container-mobile {display: inherit;}
	.numpers-block{ font-size: 24px; height: 44px; line-height: 17px; width: 44px;}
	.mini-container{ width: 90%;}
	.images-container .iphone-heading-block{ width: 410px; margin-left: -205px;}
	footer strong{ font-size: 24px;}
	.call-box{ width: 180px; height: 38px; bottom: 35px;}
	.banner-sky-blue::after {display: none;}
	header{text-align: center; padding: 20px 0;}
	header nav{float: none; display: inline-block;}
	header nav ul li a{font-size: 17px;}
	header nav ul li {
		float: left;
		margin: 15px 35px 0 0;
	}
	.repair-button {
		padding-left: 0;
	}
	header .logo{float: none;}
	.call-box span {
		font-size: 18px;
		line-height: 36px;
		margin-left: 32px;
	}
	.call-box-radius {
		height: 55px;
		top: -9px;
		padding: 11px;
		left:-29px;
		width: 55px;
	}
	.col-xs-12 {
		width: 100%;
	}
	.col-xs-11 {
		width: 91.66666667%;
	}
	.col-xs-10 {
		width: 83.33333333%;
	}
	.col-xs-9 {
		width: 75%;
	}
	.col-xs-8 {
		width: 66.66666667%;
	}
	.col-xs-7 {
		width: 58.33333333%;
	}
	.col-xs-6 {
		width: 50%;
	}
	.col-xs-5 {
		width: 41.66666667%;
	}
	.col-xs-4 {
		width: 33.33333333%;
	}
	.col-xs-3 {
		width: 25%;
	}
	.col-xs-2 {
		width: 16.66666667%;
	}
	.col-xs-1 {
		width: 8.33333333%;
	}
}

@media only screen and (max-width: 700px) {
	.padd-top15 { padding-bottom:45px; } 
	.images-container .iphone-heading-block {top: -22px;}
	header .repair-box .repair-left { width: 69%;}
	header .repair-box .repair-right{ width: 31%;}
	.banner .banner-text-2 { float: none;}

	.numpers-block{ width: 35px; height: 35px; font-size: 20px; padding: 11px;}

	.select { text-align: left;}
	.btn-default { font-size: 13px;}
	header .repair-box{margin-top: 10px; padding-top: 0px;}
	.select { height: 45px;}
	.banner-sky-blue img {
		width: 221px;
	}
	.banner-sky-blue .banner-text{ float: none;}
	.banner-sky-blue{text-align: center;}
	.banner-sky-blue, .banner-sky-blue::after {
		height: auto;
		padding-top: 15px;
	}
	.banner-sky-blue .banner-text{ font-size: 18px;padding-top: 15px;}
	.banner .phone-text {
		font-size: 33px;
		line-height: 38px;
	}
	.phone-img{margin-left: 0px; margin-top: 0px;}
	.banner .phone-text{margin-left: 0px;}
	.banner-sky-blue .banner-text{margin-left: 0px; margin-right: 0px; margin-top: 0px;}
	.banner-sky-blue img {
		width: 221px;
	}
	.phone-img{float: right; width: 36px; margin-top: -24px; margin-right: 5px;}
	.graybg h2{ font-size: 24px;}
	.padding-bottom-65{padding-bottom: 45px;}
	.containt { font-size: 22px;  margin-bottom: 25px;
		margin-top: 10px; }
		.numpers-block{margin-right: 5px;}
		.images-container .iphone-heading-block .settingicon{margin-right: 7px;}
		.images-container .iphone-heading-block{width: 270px; margin-left:-134px; }
		.number-text { font-size: 16px;}
		.containt p{height: auto; margin-bottom: 15px;}
		.container{ padding:0px 15px; width: 100%;}
		.containt a{ margin-bottom:45px;}
	}

	.dib { display: inline-block; float: none; margin:0px -2px}
	.block { display: block; text-align: center;}