@charset "utf-8";
/* CSS Document */

body{background:#fff; font-family: 'Helvetica Neue', 'Open Sans', sans-serif;}

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

a{outline:none}

@font-face {
    font-family: 'OpenSansLight';
	font-weight:normal;
    src: url('https://cdn.skubana.com/resources/appstore/fonts/OpenSansLight.eot');
    src: url('https://cdn.skubana.com/resources/appstore/fonts/OpenSansLight.eot') format('embedded-opentype'),
         url('https://cdn.skubana.com/resources/appstore/fonts/OpenSansLight.woff2') format('woff2'),
         url('https://cdn.skubana.com/resources/appstore/fonts/OpenSansLight.woff') format('woff'),
         url('https://cdn.skubana.com/resources/appstore/fonts/OpenSansLight.ttf') format('truetype'),
         url('https://cdn.skubana.com/resources/appstore/fonts/OpenSansLight.svg#OpenSansLight') format('svg');
}

@font-face {
	font-family: 'Helvetica Neue';
	font-weight: normal;
	src: url('https://cdn.skubana.com/resources/fonts/HelveticaNeue.ttf');
}

@font-face {
	font-family: 'Beatrice Bold';
	font-weight: bold;
	src: url('https://cdn.skubana.com/resources/appstore/fonts/Beatrice-Bold.otf');
}

@font-face {
	font-family: 'UntitledSans Regular';
	font-weight: normal;
	src: url('https://cdn.skubana.com/resources/appstore/fonts/Untitled_Sans_Regular.ttf');
}

@font-face {
	font-family: 'UntitledSans Medium';
	font-weight: normal;
	src: url('https://cdn.skubana.com/resources/appstore/fonts/Untitled_Sans_Medium.ttf');
}


#header{width:100%}
.ban{width:100%; position:relative;}

.hero-img {width:100%;height:450px;background-color: #262626;}
.hero-img img {width:100%; position:relative}
.app-h{position:absolute; top:45px; color:#fff; left:0; text-align:center; width:100%}
.app-h h2{font-size: 52.93px; font-weight:300; font-family: 'Open Sans', sans-serif; color:#fff; margin-bottom:30px}
.app-h h2 span {color:#fff}
/*.btn-sld{bottom:0; margin-top:50px;}*/
.btn-sld a{font-weight:bold; font-size:14px; color:#fff; background:#fff; text-align:center; padding:15px 0; letter-spacing:1px; text-transform:uppercase; border-radius:3px; text-shadow:none; display:block; text-align:center}
.btn-sld a:hover{text-decoration:none; color:#fff; background:#5bb3d1; /*border:#fff double 4px; color:#ff5a00;*/}
.app-h .sub {font-family: 'Open Sans', sans-serif; font-size:18px; margin-bottom:25px;}
.app-h .sub span{color:#000000}

.sear{width:50%; margin:0 auto;}
.pyc select {
	border: 0 !important;
	-webkit-appearance: none;
	-moz-appearance: none;
	background: #fff url('https://cdn.skubana.com/resources/appstore/img/sel-aro.png') no-repeat 94% center;
	width: 100%;
	text-indent: 0.01px;
	text-overflow: "";
	color: #9f9f9f;
	border-radius: 5px;
	padding:15px;
	/*margin:0 20px;*/
	font-size:14px;
	font-family: 'Open Sans', sans-serif;
	/*box-shadow: inset 0 0 5px rgba(000,000,000, 0.5);*/
}

.icon-addon {
    position: relative;
    color: #9f9f9f;
    display: block;
}

.icon-addon:after,
.icon-addon:before {
    display: table;
    content: " ";
}

.icon-addon:after {
    clear: both;
}

.icon-addon.addon-md .glyphicon,
.icon-addon .glyphicon,
.icon-addon.addon-md .fa,
.icon-addon .fa {
    position: absolute;
    z-index: 2;
    left: 10px;
    font-size: 14px;
    width: 20px;
    margin-left: -2.5px;
    text-align: center;
    padding: 10px 0;
    top: 1px
}

.icon-addon.addon-lg .form-control {
    line-height: 1.33;
    height: 52px;
    font-size: 14px;
    padding: 10px 16px 10px 40px;
	font-family: 'Open Sans', sans-serif;
	border-radius:5px;
}

.icon-addon.addon-sm .form-control {
    height: 30px;
    padding: 5px 10px 5px 28px;
    font-size: 12px;
    line-height: 1.5;
}

.icon-addon.addon-lg .fa,
.icon-addon.addon-lg .glyphicon {
    font-size: 18px;
    margin-left: 0;
    left: 11px;
    top: 6px;
}

.icon-addon.addon-md .form-control,
.icon-addon .form-control {
    padding-left: 30px;
    float: left;
    font-weight: normal;
}

.icon-addon.addon-sm .fa,
.icon-addon.addon-sm .glyphicon {
    margin-left: 0;
    font-size: 12px;
    left: 5px;
    top: -1px
}

.icon-addon .form-control:focus + .glyphicon,
.icon-addon:hover .glyphicon,
.icon-addon .form-control:focus + .fa,
.icon-addon:hover .fa {
    color: #000000;
}

#mstpop{background:#FFFFFF; padding:80px 0} /*{background:#f6f6f6; padding:80px 0} */
#mstpop h2{font-size: 52.93px; font-weight:300; font-family: 'Open Sans', sans-serif; color:#000000; text-align:center; margin-bottom:100px;  margin-top:0}
#mstpop h2 span{color:#000}

.mp-cnt{margin-bottom:50px; overflow:hidden}
.mst-hd{color:#434343; font-size:20px; font-family: 'Roboto', sans-serif; margin-bottom:20px;}
.mst-hd span{float:right}
.mst-cnt-inn{font-size: 18px; font-family: 'Open Sans', sans-serif; color:#6e6e6e}

.vw-btn{text-align:center; padding-top:30px;}
.vw-btn a{text-align:center; color:#fff; font-size:16.88px; font-family: 'Open Sans', sans-serif; text-transform:uppercase; letter-spacing:1px; padding:10px 40px; background:#fa5c00; border-radius:3px;}
.vw-btn a:hover{background:#5bb3d1;}


#all-app{padding:80px 0}
#all-app h2{font-size: 52.93px; font-weight:300; font-family: 'Open Sans', sans-serif; color:#ff5a00; text-align:center; margin-bottom:100px;  margin-top:0}
#all-app h2 span{color:#000}

.alp{margin-bottom:60px;}
.alp{color:#000; font-weight:600; font-family: 'Open Sans', sans-serif; font-size:16.88px; text-align:center; letter-spacing:2px; text-transform:uppercase;}
.alp span{display:block; margin-bottom:30px;}


#crt-it{    background: #262626; padding:80px 0}
#crt-it h2{font-size: 52.93px; font-weight:300; font-family: 'Open Sans', sans-serif; color:#fff; text-align:center; margin-bottom:70px; margin-top:0}
#crt-it h2 span{color:#FFF}
#crt-it p{font-size:20px; font-family: 'Open Sans', sans-serif; color:#fff; text-align:center; line-height:40px; width:59%; margin:0 auto; margin-bottom:30px;}
#crt-it p span{color:#FFF}

.vst-btn{text-align:center; padding-top:30px;}
.vst-btn a{text-align:center; color:#fff; font-size:16.88px; font-family: 'Open Sans', sans-serif; text-transform:uppercase; letter-spacing:1px; padding:20px 40px; background:#161420; border-radius:3px;}
.vst-btn a:hover{background:#5bb3d1;}

footer{padding:30px 0; color:#6e6e6e; font-size:18px; font-family: 'Open Sans', sans-serif;}


@media only screen and (min-width: 320px) and (max-width:640px) {
	.ban .container{padding:0}
	.app-h{position: relative; margin-top: -134px; top:0}
	.app-h h2{font-size: 20px; margin-top:2px;}
	.alp{min-height:175px !important; margin-bottom:25px;}
	.img-rs img{width:100%}
	.mst-hd span{float: none; display: block;}
	#crt-it{background:#ff5a00;}
	#crt-it h2{font-size:38px;}
	#crt-it p{font-size: 18px; width: 100%;}
	.vst-btn a{padding: 20px 20px;}
	footer{font-size: 14px;}
	.fotlg{margin-top:10px;}
	.app-h .sub{font-size: 13px; margin-bottom: 20px;}
	.sear{width: 100%; background: #000; display: table; padding: 20px 0;}
	.pyc{margin-bottom: 15px;}
	#mstpop h2{font-size: 36px; margin-bottom: 40px;}
	#all-app h2{font-size: 36px; margin-bottom: 40px;}
}

@media only screen and (min-width: 768px) and (max-width:979px){
	.app-h{top: 0;}
	.sear{width: 80%;}
	.img-rs img{width:100%}
	#crt-it h2{font-size: 48px; margin-bottom: 50px;}
	.mst-hd{font-size: 14px; margin-bottom: 5px;}
	.mst-cnt-inn{font-size: 14px;}
	footer{font-size: 14px;}
	.fotlg img{width:100%}
}

@media only screen and (min-width: 980px) and (max-width:1180px){
	.container{width:98% !important}
	.sear{width: 80%;}
	footer{font-size: 14px;}
	.fotlg img{width:100%}
}