/*
GENERAL SETTINGS -  Main, general rules and resets for bootstrap css

	1.html
	2.body
	3.clear bootstrap behavior for A tag
	4.clear border for IE browsers
	5.clear bootstrap
	6.some globals class used in html
	7.clear bootstrap buttons behavior 
	8.class for animation 
	9.placeholder color
	10.rotation for icon with dividers
	11.rotated icon on first page 
	11.LOADER FOR WHOLE PAGE more in loading.css
	

PAGE CONTENT - Whole rules that describe main page 

	SECTION 1  -  FIRST SECTION COUNTER AND CLOUDS IMAGE OR SCRIPT FROM CLOUD.JS
	SECTION 2  -  SECTION WITH ICONS AND INFORMATIONS
	SECTION 3  -  SECTION SUBMIT NEWSLETTER
	SECTION 4  -  SECTION CONTACT FORM

*/

/* html */
html {
	width:100%;
	 -webkit-font-smoothing: antialiased;
	height:100%;
	
}

/* body */
body{font-family:'sansationregular';margin:0 auto;font-weight:300;color:#252b32;position:relative;padding:0 !important;background: #19202e;width:100%;height:100%;}

*{ margin: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;}


/* border for IE browsers */
img{border:0;}

/* clear bootstrap h1, h2 */
h1, h2{padding:0;margin:0;}

/* clear p bootstrap behavior */
p{margin:0;padding:0;}


/* some globals class used in html */
.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;}
.marginleftright{margin-left:auto;margin-right:auto;}


/* clear bootstrap buttons behavior */
.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;}


/* class for animation */
.fadeButton{
	-webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -o-transition: all ease .3s;
       transition: all ease .3s;
}

/* placeholder color */
::-webkit-input-placeholder { /* WebKit browsers */
    color:    #ffffff !important;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #ffffff !important;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #ffffff !important;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #ffffff !important;
}


/* rotation for icon with dividers */
@-webkit-keyframes rotating {
    from{
        -webkit-transform: rotate(0deg);
    }
    to{
        -webkit-transform: rotate(-360deg);
    }
}

/* rotated icon on first page */
.rotating {
    -webkit-animation: rotating 1s linear infinite; /* can change 1s, 2s, 3s for faster or slower rotation */
	display:inline-block;
}


/* LOADER FOR WHOLE PAGE more in loading.css*/

.loader{position:absolute;top: 50%;top:0;bottom:0;left:0;right:0;z-index: 19999;text-align:center;background:#19202e;}



/* ############################################################### PAGE CONTENT  ################################################################
   ############################################################################################################################################## */





/*------------------------------------------*/
/*	SECTION 1
/*------------------------------------------*/

/* containers for main page */
.c1{min-height:100%;position:relative;background: url('../img/static_bg.jpg') no-repeat center 0px fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

.c1-pattern{height:inherit;} /*  background: url('../img/patterns/graphy.png'); */
#c1-1{}
/* end containers for all page */

/* container for content positioned with js vertical middle */
.c1-container{position:relative;z-index:10001;}

/* div for counter */
.c1-title {width:100%;font-weight:900;line-height:110px;font-family:'sansationbold';font-size:112px;color:#ffffff;}


/* days for counter */
.days{
	display:inline-block;padding:21px 15px 8px 15px;margin:8px;border-bottom:1px solid #c31d47;line-height:92px;border-radius:0px;
	background:rgba(246,36,89,1) url('../img/patterns/pattern2.png'); 
	text-shadow: 6px 6px 6px rgba(195,29,71,0.4);
}
.days-cnt{width:100%;}
.days-txt{width:100%;font-size:13px;font-family:'sansationbold';font-weight:300;line-height:24px;color:#ffffff;min-width:160px;}

/* hours for counter */
.hours{
	display:inline-block;padding:21px 15px 8px 15px;margin:8px;border-bottom:1px solid #c31d47;line-height:92px;
	background:#F62459 url('../img/patterns/pattern2.png'); 
	text-shadow: 6px 6px 6px rgba(195,29,71,0.4);	
}
.hours-cnt{width:100%;}
.hours-txt{width:100%;font-size:13px;font-family:'sansationbold';font-weight:300;line-height:24px;color:#ffffff;min-width:160px;}

/* minutes for counter */
.minutes{
	display:inline-block;padding:21px 15px 8px 15px;margin:8px;border-bottom:1px solid #c31d47;line-height:92px;border-radius:0px;
	background:#F62459 url('../img/patterns/pattern2.png'); 
	text-shadow: 6px 6px 6px rgba(195,29,71,0.4);	
}
.minutes-cnt{width:100%;}
.minutes-txt{width:100%;font-size:13px;font-family:'sansationbold';font-weight:300;line-height:24px;color:#ffffff;min-width:160px;}

/* seconds for counter */
.seconds{
	display:inline-block;padding:21px 15px 8px 15px;margin:8px;border-bottom:1px solid #c31d47;line-height:92px;border-radius:0px;
	background:#F62459 url('../img/patterns/pattern2.png'); 
	text-shadow: 6px 6px 6px rgba(195,29,71,0.4);	
}
.seconds-cnt{width:100%;}
.seconds-txt{width:100%;font-size:13px;font-family:'sansationbold';font-weight:300;line-height:24px;color:#ffffff;min-width:160px;}

/* title with "coming soon content" */
.c1-title-2 {
	background:transparent;color:#F62459;font-size:52px;font-weight:400;line-height:40px;
	font-family:'sansationregular' !important;word-spacing:8px;letter-spacing:-2px;padding:40px 0px 10px 0px;
}

/* 1/3 column with text */
.c1-col-keyword{}

/* divider with rotated icons */
.c1-divider-container{width:100%;margin:10px 0px 15px 0px;}
.c1-divider{width:98px;height:1px;background:#F62459;display:inline-block;}
.c1-divider-image{display:inline-block;}
.c1-divider-image img{width:60px;height:60px;}


/* divider line white-red */
.c1-divider-container-2{text-align:center;margin:0px 0px 5px 0px;}
.c1-divider-red{height:1px;width:15px;background:rgba(246,36,89,1);display:inline-block;margin-right: -4px !important;}
.c1-divider-white{height:1px;width:15px;background:rgba(255,255,255,1);display:inline-block;margin-right: -6px !important;}


/* divs for 4/12 columns */

/* title for columns */
.h1-class{font-size:16px;font-weight:400;color:#494b63;padding:10px 0px 0px 0px;font-family:'sansationregular'}

/* content for column */
.col12-1{color:#50526d;line-height:24px;font-weight:400;word-spacing:3px;font-size:13px;}
.col12-1 .col-md-4 span{color:#60627f ;line-height:26px;padding:4px 0px 4px 0px;} /* box-shadow: 0.8em 0 0 #2e2f42,-0.8em 0 0 #2e2f42; */
.col12-1 .col-md-4 span strong{color:#F62459;}

/* bottom buttons container */
.c1-buttons-container{padding:45px 0px 0px 0px;word-spacing:3px;}

.c1-buttons-container ul{text-align:center;padding:0;background:transparent;}
.c1-buttons-container ul li{display:inline-block;}
.nav li a:hover{background:transparent !important;padding:0 !important;}
.nav li a{background:transparent !important;padding:0 !important;}


/* bottom buttons */
.c1-button-1, .c1-button-2{
	border-radius:0 !important;
	font-family:'sansationbold';
	display:inline-block;border-bottom:2px solid #c31d47;background:#F62459;color:#F62459;margin:2px;color:#ffffff;
	
}
.c1-button-1:hover, .c1-button-2:hover{display:inline-block;border-bottom:2px solid #c31d47;color:#ffffff;background:#bf1c46;}
.c1-button-1:active:hover, .c1-button-2:active:hover{display:inline-block;border-bottom:2px solid #c31d47;color:#F62459;}
.c1-button-1:focus, .c1-button-2:focus{display:inline-block;border-bottom:2px solid #c31d47;color:#F62459;}
.c1-button-1 i, .c1-button-2 i{margin:0px 10px 0px 0px;}





/*------------------------------------------*/
/*	 SECTION 2 
/*------------------------------------------*/


.c2{background:#19202e;position:relative; z-index:99998;} /* box-shadow:0px -4px 0px 0px rgba(0,0,0,0.2); box-shadow:0px 0px 8px 4px rgba(0,0,0,0.14);  */

.c2-pattern{padding:100px 0px 100px 0px;background: url('../img/patterns/pattern3.png');border-top:1px solid #131924;border-bottom:1px solid #0f141d;}

/* box column */
.c2-top-column{padding:0;}
/* title icon */
.c2-title-custom{text-align:center;color:#ffffff;}
.c2-title-custom i{display:inline-block;font-size:62px;color:#ffffff;}

/* title container */
.c2-title-container{text-align:center;margin:13px 0px 10px 0px;font-family:'sansationlight';}
.c2-title-container .c2-title{display:inline-block;color:#ffffff;font-size:32px;}
.c2-title-container .c2-title span{color:rgba(246,36,89,1);}

/* divider line white-red */
.c2-divider-container{text-align:center;}
.c2-divider-red{height:1px;width:15px;background:rgba(246,36,89,1);display:inline-block;margin-right: -4px;}
.c2-divider-white{height:1px;width:15px;background:rgba(255,255,255,1);display:inline-block;margin-right: -4px;}

/* bottom content */
.c2-col-content-1{color:#898cad;line-height:24px;font-family:'sansationregular';}
.c2-col-content-1 b{color:#c7c9e1;}



/*------------------------------------------*/
/*	 SECTION 3 
/*------------------------------------------*/

.c3{background:#19202e;}
.c3-pattern{padding:100px 0px 140px 0px;background: url('../img/patterns/pattern3.png');border-bottom:1px solid #0f141d;}

/* title */
.c3-col-title{padding:0px 0px 40px 0px;}
.c3-title{color:#ffffff;font-size:42px;font-family:'sansationlight';}
.c3-title span{color:rgba(246,36,89,1);}
/* title small */
.c3-title-small{color:#898cad;padding-top:15px;}
.c3-title-small span{color:#c7c9e1;}


/* clear bootstrap radius for input-group buttons */
.input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group{border-radius:0 !important;margin-left:0px !important;}

/* button for submit */
.btn-reg {border-radius:0 !important;background:rgba(246,36,89,1);color:#ffffff;}
.btn-reg:hover{color:#ffffff;background:#b81c44;}
.btn-reg:focus{color:#ffffff;background:#b81c44;}

/* input for submit */
.c3 .input-submit{font-size:14px;border-radius:0 !important;background:rgba(0,0,0,0.1);border:1px solid #0f141d;font-family:'sansationlight';color:#ffffff;border-right:0 !important;}
.c3 .input-submit:hover{box-shadow:none !important;background:rgba(0,0,0,0.2);border:1px solid #0f141d !important;font-family:'sansationlight';color:#ffffff;border-right:0 !important;}
.c3 .input-submit:active:hover{box-shadow:none !important;}
.c3 .input-submit:focus {box-shadow:none !important;}




/*------------------------------------------*/
/*	 SECTION 4
/*------------------------------------------*/

.c4{background:#19202e;}
.c4-pattern{padding:100px 0px 100px 0px;background: url('../img/patterns/pattern3.png');border-bottom:1px solid #0f141d;}


/* title */
.c4-title-custom-2 h4{font-size:42px;color:#ffffff;font-family:'sansationlight';}
.c4-title-custom-2 h4 span{color:rgba(246,36,89,1)}


/* small text on bottom of title */
.c4-content-1-1{padding:15px 0px 30px 0px;line-height:26px;color:#898cad;}
.c4-content-1-1 b.red{color:#c7c9e1;}


/* contact form */
.c4-col-contact{}

/* text area */
.c4-col-contact textarea{
	font-size:14px;box-shadow:none;font-weight:400;background:rgba(0,0,0,0.1) !important;border:1px solid #0f141d !important;font-family:'sansationlight';color:#ffffff !important;resize:none;border-radius:0 !important;	
}
.c4-col-contact textarea:focus {box-shadow:none !important;outline:0;background:rgba(0,0,0,0.2)  !important;border:1px solid #0f141d !important;border-radius:0 !important;}
.c4-col-contact textarea:active:hover{box-shadow:none !important;outline:0;background:rgba(0,0,0,0.2)  !important;border:1px solid #0f141d !important;border-radius:0 !important;}
.c4-col-contact textarea:hover{box-shadow:none !important;outline:0;background:rgba(0,0,0,0.2)  !important;border:1px solid #0f141d !important;border-radius:0 !important;}

/* inputs */
.c4-col-contact input{
	font-size:14px;
	box-shadow:none;font-weight:400;background:rgba(0,0,0,0.1);border:1px solid #0f141d;font-family:'sansationlight';color:#ffffff !important;border-radius:0 !important;padding-left:13px;
}
.c4-col-contact input:focus {box-shadow:none !important;outline:0;background:rgba(0,0,0,0.2)  !important;border:1px solid #0f141d !important;border-radius:0 !important;}
.c4-col-contact input:active:hover{box-shadow:none !important;outline:0;background:rgba(0,0,0,0.2)  !important;border:1px solid #0f141d !important;border-radius:0 !important;}
.c4-col-contact input:hover{box-shadow:none !important;outline:0;background:rgba(0,0,0,0.2)  !important;border:1px solid #0f141d !important;border-radius:0 !important;}

/* columns for media query responsive behavior of inputs */
.c4-col-md-left{padding:0px 15px 0px 0px}
.c4-col-md-right{padding:0px 0px 0px 15px}


/* help text block for inputs field in contact form */
.help-block{text-align:left;color:#72768b;padding-left:12px;}

/* button margin for contact form button */
.c4-text-container .btn{margin-top:25px;}