/* html */
html {width:100%;-webkit-font-smoothing: antialiased;height:100%;}
/* body */
body{width:100%;height:100%;font-family:'Raleway';margin:0 auto;font-weight:300;position:relative;background:#ffffff;color:#333;}
*{ margin:0; }
/* clear border for IE browsers */
img{border:0;}
/*------------------------------------------*/
/* BOOTSTRAP RESET
/*------------------------------------------*/
.row{
padding:0;
margin:0;
}
.container-fluid{
padding:0;
margin:0;
}
/* clear bootstrap p tag */
p{margin:0;padding:0;}
/* h1.. clear */
h1,h2,h3,h4,h5,h6{padding:0;margin:0;}
/* clear bootstrap buttons behavior */
.btn{border-radius:0;}
.btn:focus{box-shadow:none !important;outline:0;}
.btn:active:hover{box-shadow:none !important;outline:0;}
.btn:hover{box-shadow:none !important;outline:0;}
.btn:focus{box-shadow:none !important;outline:0;}
/* clear bootstrap behavior for A tag */
a:focus{box-shadow:none !important;outline:0;}
a:active:hover{box-shadow:none !important;outline:0;}
a:hover{box-shadow:none !important;outline:0;}
a:focus{box-shadow:none !important;outline:0;}
/* clear bootstrap textfield and inputs behavior */
textarea{border:0 !important;background:#eff3f7 !important;resize:none !important;font-weight:400;border-radius:0 !important;}
textarea:active:hover{box-shadow:none !important;outline:0;border:0 !important;}
textarea:hover{box-shadow:none !important;outline:0;border:0 !important;}
textarea:focus{box-shadow:none !important;outline:0;border:0 !important;}
input{box-shadow:none !important; background:#ffffff !important;font-weight:400;border:1px solid #e5e5e5 !important;}
input:focus{box-shadow:none !important;outline:0;border:1px solid #e5e5e5 !important;}
input:active:hover{box-shadow:none !important;outline:0;border:1px solid #e5e5e5 !important;}
input:hover{box-shadow:none !important;outline:0;border:1px solid #e5e5e5 !important;}
input:focus{box-shadow:none !important;outline:0;border:1px solid #e5e5e5 !important;}
/*------------------------------------------*/
/* END BOOTSTRAP RESET
/*------------------------------------------*/
/* some globals used in html files for easier code write*/
.overflow{overflow:hidden;}
.text-center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.nopadding{padding:0 !important;}
.marginauto{margin:0 auto;}
.upper{text-transform: uppercase;}
.fadeButton{-webkit-transition: all ease .6s;-moz-transition: all ease .6s;-o-transition: all ease .6s;transition: all ease .6s;}
/* ######### LOADER FOR WHOLE PAGE ######### */
.loader_container{position:absolute;top:0;bottom:0;left:0;right:0;z-index:19998;background:#ffffff;}
.loader{position:absolute;top: 50%;bottom:0;left:50%;right:0;z-index:19999;}
/* II - PAGE CONTENT */
/* ############################################################### PAGE CONTENT ################################################################
############################################################################################################################################## */
/* background with cover and slider for version with slider and static background - else, just div for content */
.s1{
height:100%;position:relative;
/*background: url('../img/bg/bg2.jpg') no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;*/
}
/* container for bubbles and other background effects */
#effects-container{position:absolute;top:0;bottom:0;left:0;right:0;}
#effects-container canvas {height:100%;}
/* container for page with min-height to 100% */
.s1-pattern{min-height:100%;position:relative;}
/* logotype */
.s1-logotype{text-align:center;padding:0px 0px 0px 0px;}
.s1-logotype img{display:inline-block;width:200px;}
/* top title */
.s1-top-title{font-family:'Raleway';font-size:42px;font-weight:300;color:#3d404e;word-spacing:6px;letter-spacing:4px;padding:0px 0px 15px 0px;}
/* top small title */
.s1-top .small-title{font-size:14px;font-family:'Raleway';padding:25px 0px 0px 0px;font-weight:400;color:#3d404e;word-spacing:2px;line-height: 25px;letter-spacing:1px;}
/* top dotted divider */
.s1-top .small-divider{border-bottom:1px dotted #3d404e;}
/* social buttons */
.s1-item-social{display:inline-block;border:1px solid #ffffff;color:#ffffff;width:45px;height:45px;cursor:pointer;margin:0px 6px 0px 6px;position:relative;}
.s1-item-social i{font-size:21px;color:#ffffff;position:absolute;top:0;left:0;right:0;bottom:0;line-height:45px;}
/* icon FB */
.s1-social-container{padding:25px 0px 0px 0px;}
.s1-social-container .person-fb-icon .s1-item-social{border:1px solid #3d404e;background:transparent;display:inline-block;width:50px;height:50px;}
.s1-social-container .person-fb-icon .s1-item-social i{color:#3d404e;font-size:21px;line-height:47px;}
/* icon TW */
.s1-social-container .person-tw-icon .s1-item-social{border:1px solid #3d404e;background:transparent;display:inline-block;width:50px;height:50px;}
.s1-social-container .person-tw-icon .s1-item-social i{color:#3d404e;font-size:21px;line-height:47px;}
/* icon LN */
.s1-social-container .person-gp-icon .s1-item-social{border:1px solid #3d404e;background:transparent;display:inline-block;width:50px;height:50px;}
.s1-social-container .person-gp-icon .s1-item-social i{color:#3d404e;font-size:21px;line-height:54px;margin-left:2px;}
/* icon FB */
.s1-social-container .person-fb-icon .s1-item-social:hover{border:1px solid #3A5795;background:#3A5795;color:#ffffff;}
.s1-social-container .person-fb-icon .s1-item-social i:hover{color:#ffffff;}
/* icon TW */
.s1-social-container .person-tw-icon .s1-item-social:hover{border:1px solid #53A9EA;background:#53A9EA}
.s1-social-container .person-tw-icon .s1-item-social i:hover{color:#ffffff;}
/* icon LN */
.s1-social-container .person-gp-icon .s1-item-social:hover{border:1px solid #EF4836;background:#EF4836}
.s1-social-container .person-gp-icon .s1-item-social i:hover{color:#ffffff;}
/* container for counter */
.s1-counter{width:100%;font-weight:800;line-height:110px;font-family:'Raleway';font-size:112px;color:#3d404e;}
/* margin for created by plugin container for counter */
.s1-counter .counter{margin-top:-10px;}
/* days for counter */
.days{
display:inline-block;padding:21px 15px 0px 15px;margin:8px 8px 0px 8px;line-height:92px;border-radius:0px;
background:transparent;
}
.days-cnt{width:100%;}
.days-txt{width:100%;font-size:10px;font-family:'Raleway';font-weight:600;line-height:14px;color:#e95648;color:#3d404e;min-width:160px;padding-top:30px;letter-spacing:3px;}
/* hours for counter */
.hours{
display:inline-block;padding:21px 15px 0px 15px;margin:8px 8px 0px 8px;line-height:92px;
background:transparent;
}
.hours-cnt{width:100%;}
.hours-txt{width:100%;font-size:10px;font-family:'Raleway';font-weight:600;line-height:14px;color:#fccc0d;color:#3d404e;min-width:160px;padding-top:30px;letter-spacing:3px;}
/* minutes for counter */
.minutes{
display:inline-block;padding:21px 15px 0px 15px;margin:8px 8px 0px 8px;line-height:92px;border-radius:0px;
background:transparent;
}
.minutes-cnt{width:100%;}
.minutes-txt{width:100%;font-size:10px;font-family:'Raleway';font-weight:600;line-height:14px;color:#49b943;color:#3d404e;min-width:160px;padding-top:30px;letter-spacing:3px;}
/* seconds for counter */
.seconds{
display:inline-block;padding:21px 15px 0px 15px;margin:8px 8px 0px 8px;line-height:92px;border-radius:0px;
background:transparent;
}
.seconds-cnt{width:100%;}
.seconds-txt{width:100%;font-size:10px;font-family:'Raleway';font-weight:600;line-height:14px;color:#649bd3;color:#3d404e;min-width:160px;padding-top:30px;letter-spacing:3px;}
/* "/" symbol between counters - setted in main.js */
.divi{display:inline-block;vertical-align:65px;font-size:13px;font-weight:600;color:#3d404e;font-family:'Open Sans';text-transform:uppercase;}
/* macbook mockup */
.s1-mockup{margin:12px 0px 0px 0px;}
.s1-mockup img{margin:0 auto;}
/* bottom buttons for open modals */
.s1-bottom{position:relative;bottom:0;z-index:111;text-align:center;}
.s1-bottom .item{font-family:'Raleway';display:inline-block;font-size:13px;font-weight:600;color:#3d404e;margin:10px 20px 0px 20px;letter-spacing:3px;padding:8px 14px 8px 14px;}
.s1-bottom .item span{font-family:'Open Sans';}
.s1-bottom .item:hover{color:#649bd3;}
.s1-bottom .item.subscribe{color:#649bd3;}