/* Reset ================================================================================= */
 html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: top;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1; 
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
img {
     max-width: 100%;
     width: auto;
     height: auto;
     border:0;
      vertical-align:top;
}
/*================================================================================ */

body {color: #7c7c7c; font-family: 'Roboto', sans-serif; font-size: 0.75em; line-height: 1.5em; background-color: #fff; text-align: left; }

a{ color:#7c7c7c; text-decoration: none; }
a:hover{text-decoration:none;color:#72b9ea}
a:focus{ outline:none; }
:focus{ outline:none; }

h1            { font-size:1.5em; line-height:normal; font-weight:normal; }
h2            { font-size:1.33em; line-height:normal; font-weight:normal; margin-bottom:0.57em;}
h3            { font-size:1.09em; line-height:normal; font-weight:bold; margin-bottom:0.69em;}
h4            { font-size:1em; line-height:normal; font-weight:bold; margin-bottom:0.75em;}
h5            { font-size:0.91em; line-height:normal; font-weight:bold; margin-bottom:0.83em;}
h6            { font-size:0.91em; line-height:normal; font-weight:normal; margin-bottom:0.83em;}

/*==Header===========================*/
.header {background: #fff;min-height: 153px}
h1.logo{padding:180px 0 60px}
.header .logo strong{
 position: absolute;
top: -999em;
left: -999em;
width: 0;
height: 0;
font-size: 0;
line-height: 0;
text-indent: -999em;
overflow: hidden;   
}
h2.text-40{font-size: 4.15em;text-transform:uppercase;color: #666;border-top: 1px solid #fff;border-bottom: 1px solid #fff;display: inline-block;letter-spacing: 8px;padding: 15px 0 5px;}
p.text-50{font-size:6.5em;font-weight: 700;text-transform: uppercase;margin:0 0 30px;line-height: 1.5em;color: #464646;letter-spacing: 8px}

 h3.text-65{text-transform: uppercase;font-size: 5.5em;font-weight: 300;color: #272727;margin-bottom: 0.4em;}
 p.text-18{font-size: 1.5em;line-height: 1.8em;max-width: 90%;display: inline-block;}

/*==Box-themes=========================*/
.us-themes{padding:80px 0 0;background-color: #f1f1f1;}
.us-themes  p.button{margin:0 auto 70px;text-align: center;}
.box-themes{float: left;margin-bottom: 80px;width:44%;margin-right: 3%;margin-left: 3%;background-color: #fff;text-align: center;padding-bottom: 45px;border:1px solid #eee}
.box-themes .image{overflow: hidden;display: block;position: relative;}
.box-themes .image:after{
overflow: hidden;
position: absolute;
top: 0;
content: "";
z-index: 100;
width: 100%;
height: 100%;
left: 0;
opacity: 0;
pointer-events: none;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
background-color: rgba(0, 0, 0, 0.3);
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);  
}
.box-themes .image:hover:after
{
visibility: visible;
opacity: 0.8;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.box-themes p{display: inline-block;margin: 0 5px}
.box-themes a.button{display: inline-block;text-transform: capitalize;padding:15px 10px;margin-top:45px;background-color: #fff;min-width: 150px;border: 2px solid #000;color: #000;font-weight: 400;font-size:1.5em;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.box-themes a.button:hover{background-color: #0e95ff;color: #fff;border-color: #0e95ff}
/*==us-band-layouts=========================*/
.box-features{padding: 70px 0;overflow: hidden;}
h3.text-18{text-transform: uppercase;font-size: 1.5em;font-weight: 300;margin: 20px 0 0}
.us-column-1{float: left;width: 47%;margin-right: 3%;margin-top:20px}
.us-column-1.last{margin-right: 0;margin-left: 3%;}
.us-column-1 .box-col{overflow: hidden;margin-bottom: 40px}
.us-column-1 .box-col:last-child{margin-bottom: 0}
.us-column-1 .pull-left{margin-right: 20px}
.us-column-1 .media-body{text-align: left;min-height: 180px; margin-top: 10px; overflow: hidden; display: inherit;padding: 10px}
h3.text-24{text-transform: uppercase;font-size: 2.5em;margin-bottom: 10px;}
p.text-12{font-size: 1.15em;line-height: 1.5em}

/*==us-support=========================*/
.us-support{background-color: #f6f6f6}
.box-support{padding:50px 0;overflow: hidden;}
.box-support h3.text-24{text-transform: capitalize;font-weight: 600;position: relative;padding-bottom: 15px;font-size: 2.2em;color: #272727}
.box-support h3.text-24:after{
content: "";
position: absolute;
left: 0;
bottom: 0;
margin: auto;
text-align: center;
width: 55px;
height: 2px;
background-color: #000;
}
.box-support .us-column-1 .media-body{background: none}

.box-themes-5 { margin-left: 330px; }

/*==Footter========================*/
.footer-inner{margin: 70px 0 80px }
.footer a.logo-us{margin-bottom: 40px;display: block;}
h3.text-40{text-transform: uppercase;font-size:4em;font-weight: 400;color: #222;display: inline-block;border-bottom: 1px solid #333;line-height: 1.5em;}

a.buttons{
color: #fff;
font-size:2.5em;
text-transform: uppercase;
background-color: #222222;
font-weight:400;
display: inline-block;
padding:0 40px;
vertical-align: text-top;
line-height: 2em;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
a.buttons:hover{background-color: #0e95ff}

/*==back-top========================*/
#back-top{
background: #2D9DE3;
color: #fff;
text-transform:uppercase;
font-weight: 500;
bottom: 35px;
height: 40px;
width: 40px;
line-height: 40px;
text-align: center;
position: fixed;
right: 12px;
z-index: 9999;
cursor: pointer;
border: 1px solid #fff;
display: none
}
#back-top:hover{background-color: #000}
/*==Fix-Mobile========================*/

@media(max-width:1199px){
h3.text-24{font-size: 2em}    
}

@media(max-width:992px){
p.text-50{font-size: 2.5em}
h3.text-65{font-size: 4em}
h3.text-40{font-size: 3em}
.box-themes{width: 44%;}
.us-column-1{width: 100%;margin-right:0}
}
@media(max-width:767px){
.us-afeatures .afeature{width: 100%}
.us-column{width:49%;margin-right:1%}

}

@media(max-width:479px){
.us-column-1 .pull-left{float: none !important;margin-right: 0}
.us-column-1 .media-body{text-align: center;margin-top: 20px}
.box-support h3.text-24:after{right: 0}
.us-column{width: 100%;margin-right: 0}
h3.text-40{font-size: 2em}
.box-themes{width: 100%;margin-right: 0;margin-left: 0}
}