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


/*
	1. Reset
	2. Typography 
	3. Preloader 
	4. Highlights 
	5. Buttons 
	6. Code Highlight 
	7. Lists
	8. Table 
	9. Speach Bubbles 
	10. Quote Styles
	11. Radio and Checkboxes
	12. Charts 
	13. Notifications
	14. Tabs
	15. Toggles
	16. Submenu
	17. Contact Form
	18. Detector
	19. Sharebox
	20. Profile
	21. Portfolio 
	22. Timeline
	23. --Feature Removed/Updated to Point 46--
	24. --Feature Removed/Updated to Point 46-- 
	25. Notification Page
	26. Login Box
	27. Portfolio Wide
    38. Sidebar Menu Structures
    39. Login Page
    40. Signup / Signin Page
    41. Coverpage Page
    42. User List Page
    43. Share Boxes
    44. Mobile Styled Switches
    45. Error Page
    46. Soon Page
    47. Blog Page
    48. Fullscreen Image Slider
*/ 


/*	1. Reset  */ 

* {
	appearance:normal;
	-webkit-appearance: none;
	-moz-appearance: none;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	outline: none;
	font-size-adjust: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
*:focus {
	outline: none;
}
.ulstyle{ margin-left:15px; margin-top:-19px;}
.ulstyle li{ list-style-type:disc; }
.padding_img{ width:100%;}
.padding_img img{float:left; margin:35px 3px 0px 1px;}

.padding_imgs{display:block;width:100%;overflow:hidden;padding-bottom:20px;}
.padding_imgs img{float:left;margin:10px 5px 0px 5px;}

*,*:after,*:before {	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;	box-sizing: border-box;	padding: 0;	margin: 0;}

body {
	margin: 0;
	padding: 0;
	overflow-x:hidden;
}

body::-webkit-scrollbar { 
    display: none; 
}

a:hover{
	text-decoration:none!important;
}

::selection {
	background-color:#CCC;
	color: #000;
}

div, a, p, img, blockquote, form, fieldset, textarea, input, label, iframe, code, pre {
	display: block;
	position:relative;
	overflow:hidden;
}

/*	2. Typography  */ 

p {
	line-height:20px;
    margin-bottom: 15px;
	font-size:13px;
	letter-spacing:0px;
}
.p_line_h{
    line-height: 30px;
	margin-bottom: 30px;
	max-height:80px;
}
p > a {
	display: inline;
	text-decoration: none;
}

p > a:hover {
	text-decoration: underline;
}

p > span {
	display: inline;
}

span > a {
	display: inline;
}

a > span {
	display: inline;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a {
	display: inline;
}

table {
	border-collapse: separate;
	border-spacing: 0;
	background-color: #f6f6f6;
	border-left: 1px solid #e9e9e9;
	border-top: 1px solid #e9e9e9;
	width: 100%;
	clear: both;
	margin-bottom: 27px;
}

thead {}

th {
	vertical-align: middle;
	border-bottom: 1px solid #e9e9e9;
	border-right: 1px solid #e9e9e9;
	font-weight: bold;
	color: #555;
	background-color: #f6f6f6;
}

tr {
	line-height: 18px;
}

td {
	border-right: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	text-align: left;
	color: #666;
	padding-top: 9px;
	padding-bottom: 9px;
	line-height: 18px;
	vertical-align: middle;
	background-color: #fdfdfd;
}

tr:hover > td {
	background: #fff;
}

ul {
	margin-bottom: 20px;
}

ol {
	margin-bottom: 30px;
}
li {
	line-height: 18px;
	margin-bottom:5px;
	list-style:none;
}

ol > li:last-child, ul > li:last-child {
    margin-bottom:0px;	
}

.background-turquoise{background-color:#1abc9c;}
.background-turquoise-dark{background-color:#16a085;}

.background-green{background-color:#2ecc71;}
.background-green-dark{background-color:#27ae60;}

.background-blue{background-color:#3498db;}
.background-blue-dark{background-color:#2980b9;}

.background-magenta{background-color:#9b59b6;}
.background-magenta-dark{background-color:#8e44ad;}

.background-yellow{background-color:#f1c40f;}
.background-yellow-dark{background-color:#f39c12;}

.background-orange{background-color:#e67e22;}
.background-orange-dark{background-color:#d35400;}

.background-red{background-color:#e74c3c;}
.background-red-dark{background-color:#c0392b;}

.background-gray{background-color:#95a5a6;}
.background-gray-dark{background-color:#7f8c8d;}

/*//////////////////////////////////////*/
/*Font Selection and General Font Colors*/
/*//////////////////////////////////////*/

body{
	font-family: 'Droid Serif', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	color:#666;
	font-size:12px;
	line-height:20px;
}

.checkbox{
	color:#666;
}

h1{
	font-size:21px;
	margin-bottom:10px;
	font-weight:800;
	color:#212935;
}

h2{
	font-size:16px;
	margin-bottom:10px;
	font-weight:bold;
	color:#212935;
}

h3{
	font-size:17px;
	margin-bottom:10px;
	font-weight:700;
	color:#212935
}

h4{
	font-size:15px;
	margin-bottom:10px;
	font-weight:800;
	color:#212935;
}

h5{
	color:#212935;
	font-size:13px;
	margin-bottom:5px;
	font-weight:800;
}

h1, h2, h3, h4, h5, h6{
	font-family: 'Droid Serif', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	color:#1f1f1f;	
}

a:hover{
	color:#FF7A00;
	transition:all 200ms ease;
}

a{
	color:#FF7A00;
	tramsition:all 200ms ease;
}

/*////////////////////////*/
/*Other Classes and Resets*/
/*////////////////////////*/

.overlay{
	pointer-events:none;
	position:absolute;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.5);
	z-index:9999;
}

.wapmar{
	clear:both;
	margin:30px 30px 0 30px;
}
.mail{ color:#000;}
#ms_ContentChat{ margin-bottom:20px;}
@media (min-width:768px){
	.wapmar{
		margin-left:50px;
		margin-right:50px;	
	}
}
.wapmar strong{ color:#000;}
.container{
	margin-bottom:30px;
}
.Teserver a{ color:#333; font-size:12px; line-height:20px;} 
.Teserver span{color: rgb(128,0,0);}
.Teserver h4{ color: rgb(0,0,128); font-weight: bold; font-size:14px;}
#service{
	margin-bottom:30px;
	height:600px;
	background:#000;
	margin:15px 0;
}
.contitle{color:#fff; line-height:22px; width:80%; text-align:center; margin:0 auto; padding:20px 0 40px 0;}
.contitle span{ font-size:18px; display:block;}

.no-bottom{
	margin-bottom:0px;
	padding-bottom:0px;
}

.half-bottom{
	margin-bottom:15px;
}

.full-bottom{
	margin-bottom:30px!important;
}
.clear {
	clear: both;
	height: 0px;
	line-height: 0px;
}

.float-left{	 
	float:left;
	margin-right:10px;
}

.float-right{	
	float:right;
	margin-left:5px;
}

.right-text{	
	display:block; 
	text-align:right;
}

.left-text{	
	display:block;   
	text-align:left;
}

.center-text{	
	display:block; 
	text-align:center;
}

.uppercase{
	text-transform:uppercase;
}

.capitalize{
	text-transform:capitalize;
}

.regular-anchor{
	color:inherit!important;	
}

.responsive-image{
	width:100%;
	margin-bottom:20px;
}
.video-image{
	width:100%;
	padding:0 10px;
	text-align:center;
	margin:0 auto;
	margin-bottom:20px;
}
.round-image{
	border-radius:500px;	
}

.responsive-video{
	display:block;
	width:100%;
	margin-bottom:30px;
}

@media (min-width:768px){
	.responsive-video{
		min-height:400px;	
	}
}

.decoration{ 
	height:1px;
	background-color:rgba(0,0,0,0.1);
	margin-bottom:30px;
	display:block;
	clear:both;
}

.history{ width:auto; height:auto; overflow:auto; border-bottom:1px dashed #dadada;}
.history p.border{ padding-bottom:10px; border-bottom:1px solid #dadada;}
.top{ padding-top:20px;}
.zs p span{ display:block; font-size:30px; color:#000; line-height:30px;}
.color{ color:#EB780E; font-size:18px;}
.cerpic p{ text-align:center; border-bottom:1px dashed #dadada; line-height:30px;}
.cerpic img{ border:1px solid #dadada;}
@media (max-width:767px){
	.center-if-mobile{
		text-align:center;
        display:block;
	}
	
	.left-if-mobile{
		text-align:left;
	}
	
	.right-if-mobile{
		text-align:right;
	}
}

@media (min-width:768px){
	.center-if-tablet{
		text-align:center;
	}
	
	.left-if-tablet{
		text-align:left;
	}
	
	.right-if-tablet{
		text-align:right;
	}
}


/*Typograhpy Features*/

.center-icon{
	width:70px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;
}

.last-column{
	margin-right:0%!important;
}

.one-third{
	width:42%;
	float:left;
	margin-right:8%;	
}
.portfolio-text h4{ text-align:center; font-weight:normal;}
.one-half{
	width:45%;
	float:left;
	margin-right:10%;
}
.Application .apptitle{ width:100%; line-height:30px; color:#666; font-weight:normal;}
.appgallery{ width:100%;  margin-bottom:10px;}
.appgallery li{ width:100%; float:left; padding-bottom:3%;}
.appgallery li img{ width:100%; padding-bottom:10px;}

@media (max-width:760px){
	
.hide-if-mobile{
	display:none;
}

}

@media (min-width:760px) { 
	.one-third-responsive{
		width:30%;
		float:left;
		margin-right:5%;	
	}
	
	.one-half-responsive{
		width:46%;
		float:left;
		margin-right:8%;
	}
	
	.sidebar-left-big{
		width:70%;
		float:left;
		margin-right:5%	
	}
	
	.sidebar-right-small{
		width:25%;
		float:right;	
	}
		
	.sidebar-right-big{
		width:70%;
		float:right;	
	}
	
	.sidebar-left-small{
		width:25%;
		float:left;
		margin-right:5%;	
	}
	
	.hide-if-responsive{
		display:none;
	}

}

/*	4. Highlights  */ 

.text-highlight{
	color:#FFFFFF;
	padding:8px;
	margin-right:3px;	
}

.highlight-turqoise{	 background-color:#16a085;	}
.highlight-green{  	 	background-color:#27ae60;	}
.highlight-blue{   		 background-color:#2980b9;	}
.highlight-magenta{	  background-color:#8e44ad;	}
.highlight-dark{		 background-color:#2c3e50;	}
.highlight-yellow{	   background-color:#f1c40f;	}
.highlight-red{		  background-color:#c0392b;	}
.highlight-orange{	   background-color:#e67e22;	}

/*	5. Buttons  */ 

.full-button{
    display:block;
    width:100%;
    text-align:center;
}

.center-button{
	width:120px;
	margin-left:auto;
	margin-right:auto;	
	display:block!important;
	margin-top:10px;
	text-align:center;
}

.button{
	display:inline-block;
	padding:2px 10px;
}

.button-3d{
	display:inline-block;
	padding:8px 20px;	
}

.button i{
	margin-right:10px;	
	font-size:12px;
	width:12px;
	text-align:center;
	margin-left:-5px;
}

.button:hover{
	color:#FFFFFF!important;
}


.button-3d:hover{
	color:#FFFFFF!important;
}

.tea-3d{				border-bottom:solid 4px #117562;}
.button-tea{			background-color:#16a085; color:#FFFFFF;}
.button-tea:hover{		background-color:#FF7A00;}

.green-3d{				border-bottom:solid 4px #1e8248;}
.button-green{			background-color:#27ae60; color:#FFFFFF;}
.button-green:hover{	background-color:#2ecc71;}

.blue-3d{				border-bottom:solid 4px #194e70;}
.button-blue{			background-color:#EB780E; color:#FFFFFF;border-radius: 4px;}
.button-blue:hover{		background-color:#F96;}

.magenta-3d{			border-bottom:solid 4px #602e75;}
.button-magenta{		background-color:#8e44ad; color:#FFFFFF;}
.button-magenta:hover{	background-color:#9b59b6;}

.dark-3d{				border-bottom:solid 4px #19232d;}
.button-dark{			background-color:#2c3e50; color:#FFFFFF;}
.button-dark:hover{		background-color:#34495e;}

.yellow-3d{				border-bottom:solid 4px #ba970b;}
.button-yellow{			background-color:#f1c40f; color:#1f1f1f;}
.button-yellow:hover{	background-color:#f39c12;}

.orange-3d{				border-bottom:solid 4px #9d3e00;}
.button-orange{			background-color:#d35400; color:#FFFFFF;}
.button-orange:hover{	background-color:#e67e22;}

.red-3d{				border-bottom:solid 4px #8a281e;}
.button-red{			background-color:#c0392b; color:#FFFFFF;}
.button-red:hover{		background-color:#e74c3c;}

.light-3d{				border-bottom:solid 4px #868a8c;}
.button-light{			background-color:#bdc3c7; color:#1f1f1f;}
.button-light:hover{	background-color:#ecf0f1;}

.grey-3d{				border-bottom:solid 4px #474d4e;}
.button-grey{			background-color:#7f8c8d; color:#FFFFFF;}
.button-grey:hover{		background-color:#95a5a6;}
.buttontex{ width:120px; line-height:30px;}

/*	6. Code Highlight  */ 

.code{
	border:solid 1px #cacaca;
	font-size:12px;
	margin-bottom:30px;
}

.wline{
	font-size:11px;
	font-family:"Courier New", Courier, monospace!important;
	display:block;
	background-color:#FFFFFF;
	padding-left:10px;
	padding-right:10px;
	padding-top:8px;
	padding-bottom:8px;
}

.code > span:last-child{
	border-bottom:none;
}

.gline{
	font-size:11px;
	font-family:"Courier New", Courier, monospace!important;
	border-top:solid 1px rgba(0,0,0,0.1);
	border-bottom:solid 1px rgba(0,0,0,0.1);
	display:block;
	background-color:#f1f1f1;
	padding-left:10px;
	padding-right:10px;
	padding-top:8px;
	padding-bottom:8px;
}	




/*	8. Table  */ 


.table{
	width:100%;
	margin-bottom:35px;
}

.table-title{
	font-family: 'Droid Serif', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size:12px;
}

.table-sub-title{
	font-family: 'Droid Serif', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight:bold;
	font-size:12px;
}

.price{
	font-size:12px;
}

.small-price{
	position:absolute;
	margin-left:0px;
	font-size:10px;
	margin-top:-3px!important;
}

table {
	font-size:12px;
	text-shadow: 1px 1px 0px #fff;
	background:#eaebec;
	border:#ccc 1px solid;
	margin-bottom:25px;
}

table th {
	padding:21px 25px 22px 25px;
	border-bottom:1px solid #e0e0e0;
}

table th:first-child{
	text-align: center;
	padding-left:20px;
}

table tr{
	text-align: center;
	padding-left:20px;
}

table tr td:first-child{
	text-align: left;
	padding-left:20px;
	border-left: 0;
}

table tr td {
	padding:14px;
	border-top: 1px solid #ffffff;
	border-bottom:1px solid #e0e0e0;
	border-left: 0px solid #e0e0e0;
}

table tr.even td{
	background: #efefef;
}

table tr:last-child td{
	border-bottom:0;
}

table tr:hover td{
	background: #f8f8f8;
}

.table-heading{
	padding-top:10px;
	padding-bottom:15px;
}

.table-text{
	color:#6f6f6f;
}

.table{overflow: auto; width:100%;}

/*	9. Speach Bubbles  */ 


.green-bubble{
	background-color:#33c922!important;
	color:#FFFFFF!important;
	border:none!important;
}

.blue-bubble{
	background-color:#0b84fe!important;
	color:#FFFFFF!important;
	border:none!important;
}

.speach-left{
	float:left;
	display:inline;
	text-align:left;
	max-width:75%;
	font-size:12px;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	border-radius:10px;
	background-color:#FFFFFF;	
	border:solid 1px #cacaca;
}

.speach-left-title{
	display:block;
	width:100%;
	font-size:10px;
	font-style:normal;
	padding-left:5px;
	color:#000000;	
	text-shadow:0px 1px 0px #FFFFFF;
}

.speach-right{
	float:right;
	text-align:right;
	text-align:left;
	max-width:75%;
	font-size:12px;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	border-radius:10px;
	background-color:#FFFFFF;	
	border:solid 1px #cacaca;
}

.speach-right-title{
	text-align:right;
	display:block;
	font-size:10px;
	font-style:normal;
	padding-right:5px;
	color:#000000;	
	text-shadow:0px 1px 0px #FFFFFF;
}



/*	11. Radio and Checkboxe */ 

.checkbox-one{
	background-image:url("../images/ui/checkbox1.png")/*images/ui/checkbox1.png*/;
	background-size:16px 18px;
	background-repeat:no-repeat;
	padding-left:30px;
	background-position:0px 1px;
	margin-bottom:10px;
}

.checkbox-one-checked{
	background-image:url("../images/ui/checkbox1c.png")/*images/ui/checkbox1c.png*/;
}

.checkbox-two{
	background-image:url("../images/ui/checkbox2.png")/*images/ui/checkbox2.png*/;
	background-size:16px 18px;
	background-repeat:no-repeat;
	padding-left:30px;
	background-position:0px 1px;
	margin-bottom:10px;
}

.checkbox-two-checked{
	background-image:url("../images/ui/checkbox2c.png")/*images/ui/checkbox2c.png*/;
}

.checkbox-three{
	background-image:url("../images/ui/checkbox3.png")/*images/ui/checkbox3.png*/;
	background-size:16px 16px;
	background-repeat:no-repeat;
	padding-left:30px;
	background-position:0px 2px;
	margin-bottom:10px;
}

.checkbox-three-checked{
	background-image:url("../images/ui/checkbox3c.png")/*images/ui/checkbox3c.png*/;
}

.radio-one{
	background-image:url("../images/ui/radio1.png")/*images/ui/radio1.png*/;
	background-size:16px 18px;
	background-repeat:no-repeat;
	padding-left:30px;
	background-position:0px 1px;
	margin-bottom:10px;
}

.radio-one-checked{
	background-image:url("../images/ui/radio1c.png")/*images/ui/radio1c.png*/;
}

.radio-two{
	background-image:url("../images/ui/radio2.png")/*images/ui/radio2.png*/;
	background-size:16px 18px;
	background-repeat:no-repeat;
	padding-left:30px;
	background-position:0px 1px;
	margin-bottom:10px;
}

.radio-two-checked{
	background-image:url("../images/ui/radio2c.png")/*images/ui/radio2c.png*/;
}





/*	15. Toggles  */ 

.toggle-content{
	display:none;
	padding-top:0px;
}

.toggle-content p{
	border-top:solid 1px rgba(0,0,0,0.05);
	margin-bottom:0px;
	padding-top:10px;
	padding:15px;
}

.toggle-1, .toggle-2, .toggle-3{
	background-color:#eeeeee;   
}

.toggle-3{


}

.deploy-toggle-1{
	padding:15px;
	padding-left:50px;
	font-size:13px;
	color:#343434;
	text-transform:uppercase;
	background-image:url("../images/ui/plus.png")/*images/ui/plus.png*/;
	background-repeat:no-repeat;
	background-size:12px 12px;
	background-position:15px 19px;
}

.toggle-1-active{
	background-image:url("../images/ui/minus.png")/*images/ui/minus.png*/;
}

.deploy-toggle-2{
	padding:15px;
	padding-left:50px;
	font-size:13px;
	color:#343434;
	text-transform:uppercase;
	background-image:url("../images/lists/plus_48.png")/*images/lists/plus_48.png*/;
	background-repeat:no-repeat;
	background-size:14px 14px;
	background-position:15px 18px;
}

.toggle-2-active{
	background-image:url("../images/lists/delete_48.png")/*images/lists/delete_48.png*/;
}

.deploy-toggle-3{
	padding:15px;
	font-size:13px;
	color:#343434;
	text-transform:uppercase;
}

.deploy-toggle-3 em{
	background-color:#c0392b;
	position:absolute;
	transition: 0.1s ease-out;
	right:15px;
	width:50px;
	height:20px;
	border-radius:30px;
}

.deploy-toggle-3 em strong{
	top:2px;
	left:2px;
	height:16px;
	width:16px;
	border-radius:19px;
	background-color:#f6f6f6;
	position:absolute;
	z-index:999;
}

.toggle-3-active-background{
	background-color:#27ae60!important;
}

.toggle-3-active-ball{
	transition: 0.01s ease-out;
	left:32px!important;
}

/*	16. Submenu  */ 

.submenu-navigation a{
	color:#343434;
}

.submenu-navigation{
	background-color:#eeeeee;
}

.submenu-nav-deploy{
	font-size:13px;
	padding:15px;
	padding-left:40px;
	text-transform:uppercase;
	background-image:url("../images/ui/arrow-down.png")/*images/ui/arrow-down.png*/;
	background-repeat:no-repeat;
	background-size:8px 5px;
	background-position:15px 23px;
}

.submenu-nav-deploy-active{
	background-image:url("../images/ui/arrow-up.png")/*images/ui/arrow-up.png*/;
}

.submenu-nav-items{
	display:none;
}

.submenu-nav-items a:first-child{
	border-top:solid 1px rgba(0,0,0,0.1);
}

.submenu-nav-items a{
	padding-left:20px;
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:solid 1px rgba(0,0,0,0.1);
}

.submenu-nav-items a:last-child{
	padding-bottom:10px;
}

.sliding-door{
	overflow:hidden;
	background-color:#FFFFFF;
	border:solid 1px #cacaca;
	height:40px;
	line-height:39px;
}

.sliding-door-bottom{
	border:solid 1px rgba(0,0,0,0.05);
}

.sliding-door-clear{
	height:20px;
	display:block;
	width:100%;
}

.sliding-door-top{
	position:absolute;
	background-color:#FFFFFF;
	display:block;
	width:101%;
	height:inherit;
	line-height:inherit;
	padding-top:3px;
	z-index:10;
	font-size:12px;
	padding-top:0px;
	padding-left:0px;
	padding-right:15px;
	padding-bottom:0px;
	border-left:solid 1px #cacaca;
	margin-left:-1px;
}

.sliding-door-top a{
	color:#333;
	text-transform:uppercase;
	background-position:0 13px;
}

.sliding-door-bottom{
	position:absolute;
	background-color:#fefefe;
	display:block;
	width:100%;
	height:inherit;
	line-height:inherit;
	padding-top:3px;
	font-size:12px;
	padding-left:0px;
	padding-right:20px;
	padding-top:0px;
	padding-bottom:0px;
}

.sliding-door-bottom a{
	color:#333;
	width:98%;
}

.sliding-door-bottom a strong{
	padding-right:10px;
	font-weight:normal;
	text-transform:uppercase;
}

.sliding-door-bottom a em{
	background-image:url("../images/ui/minus.png")/*images/ui/minus.png*/;
	background-size:12px 12px;
	background-repeat:no-repeat;
	background-position:13px 13px;
	margin-right:20px;
	display:inline-block;
	float:left;
	width:40px;
	height:40px;
}


.sliding-door-top a em{
	background-image:url("../images/ui/plus.png")/*images/ui/plus.png*/;
	background-size:12px 12px;
	background-repeat:no-repeat;
	background-position:13px 13px;
	margin-right:20px;
	display:inline-block;
	float:left;
	width:40px;
	height:40px;
}


/*Field Styles*/
.formFieldWrap{
	margin-top:-5px;	
}

#contactNameField{
	text-transform:capitalize;
}

.contactField{
	min-width:100%;	
	display:block;
	box-sizing:border-box;
}

.contactTextarea{
	min-width:100%;
	display:block;
	box-sizing:border-box;
}

.buttonWrap{
	line-height:20px;
	padding-bottom:24px;
	min-width:43%;
	display:inline-block;
}

.formSubmitButtonErrorsWrap a{
	width:25%;
	text-align:center;
	padding:8px 10px!important;
}


.formValidationError .red-notification p{
	background-image:none!important;
	display:block!important;
	padding-left:0px!important;
	text-align:center!important;
}

.contactField{
	height:40px;
	padding-left:10px;
	padding-right:10px;
	margin-bottom:10px;
}

.contactTextarea{
	margin-bottom: 20px;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 9px;
	padding-bottom: 9px;
	line-height: 18px;
	height: 80px;
}

/*Contact Bottom Icons*/
/*Contact Icons*/

@media (min-width:768px){
	.contact-information{
		padding-left:20px;	
	}
}

.contact-call{
	color:#666;
	height:25px;
	display:block;
}

.contact-call i{
	width:12px;
	diplay:block;
	margin-right:20px;	
}

.contact-text{
	color:#666;
	height:25px;
	display:block;
}

.contact-text i{
	width:12px;
	diplay:block;
	margin-right:20px;	
}

.contact-mail{
	color:#666;
	height:25px;
	display:block;
}

.contact-mail i{
	width:12px;
	diplay:block;
	margin-right:20px;	
}

.contact-facebook{
	color:#666;
	height:25px;
	display:block;
}

.contact-facebook i{
	width:12px;
	diplay:block;
	margin-right:20px;	
}

.contact-twitter{
	color:#666;
	height:25px;
	display:block;
}

.contact-twitter i{
	width:12px;
	diplay:block;
	margin-right:20px;	
}

/*Maps*/

.maps-container{
	display:block!important;
	padding-bottom:0px;	
	box-sizing:border-box;
	max-height:150px;
	overflow:hidden;
	margin-bottom:30px;
}

.maps{
	display:block!important;
	width:100%;
	overflow:hidden;
}


/*	19. Sharebox  */ 

.sharebox-wrapper{
	position:fixed;
	background-color:rgba(0,0,0,0.8);
	width:100%;
	height:100%;
	z-index:99999;
	display:none;
}

.sharebox{
	position:fixed;
	display:block;
	width:280px;
	height:300px;
	top:50%;
	margin-top:-140px;
	left:50%;
	margin-left:-140px;	
	background-color:rgba(255,255,255,0.9);	
	z-index:999999;
	border-radius:5px;
}

.sharebox h3{
	padding-top:30px;
	padding-bottom:0px;
	padding-left:30px;
	padding-right:30px;	
}

.sharebox p{
	padding-left:30px;
	padding-right:30px;	
}

.sharebox a{
	float:left;
	width:40px;
	height:40px;
	color:#FFFFFF;
	text-align:center;
	line-height:40px;
	border-radius:5px;
	font-size:14px;	
}

.share-icons{
	width:250px;
	margin-left:auto;
	margin-right:auto;
}

.sharebox .facebook{
	margin-left:5px;
	margin-right:5px;
	background-color:#3B5998;
}

.sharebox .twitter{
	margin-left:5px;
	margin-right:5px;
	background-color:#4099FF;	
}

.sharebox .google{
	margin-left:5px;
	margin-right:5px;
	background-color:#d34836;	
}

.sharebox .message{
	margin-left:5px;
	margin-right:5px;
	background-color:#2ecc71;
}

.sharebox .mail{
	margin-left:5px;
	margin-right:5px;
	background-color:#3498db;	
}

.sharebox .close-sharebox{
	width:100%;
	height:50px;
	color:#1f1f1f;	
	font-size:12px;
	line-height:48px;
	margin-top:-30px;
}



/*	21. Portfolio */ 

.adaptive-style{
	margin-bottom:20px;	
}

.adaptive-style h4{
	width:100px;
	float:left;	
}

.adaptive-style a{
	float:right;	
	font-size:14px;
	color:#1f1f1f;
	margin-left:8px;
	margin-right:8px;
	transition:all 200ms ease;
}

.active-adaptive-style{
	color:#e74c3c!important;
	transition:all 200ms ease;
}

.adaptive-one .adaptive-item{
	width:100%;	
	transition:all 200ms ease;
	float:none;
}

.adaptive-two .adaptive-item{
	height:auto;
	width:44%;
	margin-left:3%;
	margin-right:3%;	
	transition:all 200ms ease;
	float:left;
}

.adaptive-two{
	margin-left:-2%;
	width:105%;	
}

.adaptive-three .adaptive-item{
	width:27%;
	margin-left:3%;
	margin-right:3%;	
	transition:all 200ms ease;
	float:left;
}

.adaptive-three{
	width:105%;
	margin-left:-2%;	
}

/*Portfolios*/

.portfolio-one-title{
	margin-bottom:10px;	
}

.portfolio-one-text .title{
	font-weight:500;
	margin-top:20px;
	margin-bottom:0px;	
}

.portfolio-one-text .subtitle{
	font-style:normal;	
	font-size:11px;
	opacity:0.8;
}

.portfolio-one-detail{
	opacity:0.6;
	color:#666666;
	display:inline-block;
	padding-right:10px;
	padding-left:10px;
	margin-bottom:5px;
	margin-top:0px;
	font-size:11px;	
}

.portfolio-one-links a{
	color:#666666;
	opacity:0.6;
}

.portfolio-one-links a:first-child{
	float:left;
	font-size:12px;	
}

.portfolio-one-links a:first-child i{
	padding-right:10px;	
}

.portfolio-one-links a:last-child{
	float:right;
	font-size:12px;	
}

.portfolio-one-details a{
	opacity:0.5;
	color:#666666;
	display:inline-block;
	padding-right:10px;
	padding-left:10px;
	margin-bottom:5px;
	margin-top:10px;
	font-size:11px;
}

.portfolio-one-details a:first-child{
	padding-left:0px!important;	
}

.portfolio-one-details a:nth-child(2){
	border-left:solid 1px #cacaca;
	border-right:solid 1px #cacaca;	
}

.portfolio-one-links a:last-child i{
	padding-left:10px;	
}

.portfolio-one-image a{
	position:absolute;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.6);	
	z-index:999;
	color:#FFFFFF;
	font-size:30px;
	opacity:0;
	transition:all 200ms ease;
}

.portfolio-one-image a:hover{
	opacity:1;
	transition:all 200ms ease;	
	color:#FFFFFF;
}

.portfolio-one-image a i{
	width:30px;
	height:30px;
	position:absolute;	
	left:50%;
	margin-left:-15px;
	top:50%;
	margin-top:-13px;
}

.portfolio-one-image img{
	margin-bottom:0px;
	padding-botom:0px;	
}


@media (min-width:768px){
	
	.portfolio-one-text .title{
		font-size:18px;	
		margin-top:10px;
	}
	

	.portfolio-one-image{
		float:left;
		width:46%;
		margin-right:4%;
	}
	
	.portfolio-one-text{
		float:right;
		width:50%;
	}
	
}

/*Portfolio Two*/

.portfolio-two{
	width:119%;	
	margin-left:-12%;
}

.portfolio-two-item{
	width:47%;
	padding-left:10%;
	float:left;	
}

.portfolio-two-title{
	margin-bottom:10px;	
}

.portfolio-two-text .title{
	font-weight:500;
	margin-top:20px;
	margin-bottom:0px;
	font-size:14px;
}

.portfolio-two-text .subtitle{
	display:block;
	font-style:normal;	
	font-size:11px;
	opacity:0.8;
	margin-bottom:10px;
}

.portfolio-two-detail{
	opacity:0.6;
	color:#666666;
	display:inline-block;
	padding-right:10px;
	padding-left:10px;
	margin-bottom:5px;
	margin-top:0px;
	font-size:11px;	
}

.portfolio-two-links a{
	color:#666666;
	opacity:0.6;
}

.portfolio-two-links a:first-child{
	float:left;
	font-size:12px;	
}

.portfolio-two-links a:first-child i{
	padding-right:10px;	
}

.portfolio-two-links a:last-child{
	float:right;
	font-size:12px;	
}

.portfolio-two-details a{
	opacity:0.5;
	color:#666666;
	display:inline-block;
	padding-right:10px;
	padding-left:10px;
	margin-bottom:5px;
	margin-top:10px;
	font-size:11px;
}

.portfolio-two-details a:first-child{
	padding-left:0px!important;	
}

.portfolio-two-details a:nth-child(2){
	border-left:solid 1px #cacaca;
	border-right:solid 1px #cacaca;	
}

.portfolio-two-links a:last-child i{
	padding-left:10px;	
}

.portfolio-two-image{
	
	transition:all 200ms ease;	
}

.portfolio-two-image a{
	position:absolute;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.6);	
	z-index:999;
	color:#FFFFFF;
	font-size:30px;
	opacity:0;
	transition:all 200ms ease;
}

.portfolio-two-image a:hover{
	opacity:1;
	transition:all 200ms ease;	
	color:#FFFFFF;
}

.portfolio-two-image a i{
	width:30px;
	height:30px;
	position:absolute;	
	left:50%;
	margin-left:-15px;
	top:50%;
	margin-top:-13px;
}

.portfolio-two-image img{
	margin-bottom:0px;
	padding-botom:0px;	
}

@media (min-width:768px){
	.portfolio-two-image{
		max-height:200px;	
		transition:all 200ms ease;
	}
}

/*	22. Timeline */ 

.timeline{
	margin-top:30px;	
}

.timeline-decoration{
	position:absolute;
	width:1px;
	height:100%;
	z-index:99999;
	background-color:rgba(0,0,0,0.1);
	margin-left:22px;
}

.timeline-icon{
	width:70px;
	height:100%;
	float:left;
	display:inline;
}

.timeline-text{
	display:inline-block;
	padding-left:70px;
	margin-top:-42px;
	min-height:100px;
	width:100%;	
}

.timeline-text .subtitle{
	font-size:11px;
	font-style:normal;
	display:block;
	margin-top:-10px;
	color:#e34e47;
	margin-bottom:20px;
}

.timeline-text p{
	margin-top:-10px;	
}

.timeline-icon i{
	position:relative;
	z-index:99999;
	margin-left:auto;
	margin-right:auto;
	width:45px;
	height:45px;
	background-color:#1f1f1f;
	color:#FFFFFF;
	border:solid 1px #cacaca;	
	border-radius:30px;
	font-size:17px;
	line-height:44px;
	text-align:center;
}

.timeline-quote .title{
	font-size:14px;
	line-height:30px;	
	font-weight:300;
	margin-bottom:20px;
	margin-top:-10px;
}

.timeline-quote .subtitle{
	display:block;
	text-align:right;	
}

@media (min-width:768px){
	
	.timeline{
		padding-left:30px;
		padding-right:30px;	
	}
	
	.timeline-decoration{
		position:absolute;
		width:1px;
		height:100%;
		z-index:99999;
		background-color:rgba(0,0,0,0.1);
		margin-left:32px;
	}
	
	.timeline-icon{
		width:150px;
		height:100%;
		float:left;
		display:inline;
	}
	
	.timeline-text{
		display:inline-block;
		padding-left:100px;
		margin-top:-52px;
	}

	
	.timeline-icon i{
		position:relative;
		z-index:99999;
		margin-left:auto;
		margin-right:auto;
		width:65px;
		height:65px;
		background-color:#1f1f1f;
		color:#FFFFFF;
		border:solid 1px #cacaca;	
		border-radius:65px;
		font-size:20px;
		line-height:64px;
		text-align:center;
	}
	
	.timeline-quote .title{
		font-size:14px;
		line-height:30px;	
		font-weight:300;
		margin-bottom:20px;
		margin-top:-3px;
	}

}

/*	25. Notification Page */ 

.notification-page{
	margin-top:30px;	
}

.notification-page-item i:first-child{
	font-size:16px;
	background-color:#1f1f1f;
	text-align:center;
	height:50px;
	width:50px;
	line-height:52px;	
	border-radius:50px;
	color:#FFFFFF;
	margin-right:20px;
	margin-top:6px;
	margin-bottom:0px;
	float:left;
	display:inline;
}

.notification-page-item img{
	width:50px;
	height:50px;
	border-radius:50px;	
	float:left;
	display:inline;
	margin-right:20px;
	margin-top:6px;
	margin-bottom:0px;
}

.notification-page-item em{
	font-size:13px;	
	font-weight:400;
	display:block;
	font-style:normal;
	text-align:justify!important;
}

.notification-page-item a:last-child{
	border:none;
}

.notification-page-item a{
	display:inline-block;
	float:right;
	text-align:right;
	padding-left:15px;
	margin-left:15px;
	border-left:solid 1px #cacaca;
	line-height:12px;
	margin-top:20px;
	font-size:11px;
}

@media (min-width:768px){
	.notification-page-item{
		width:45%;
		float:left;
		margin-right:2.5%;
		margin-left:2.5%;
	}
}


/*	26. Login Box  */ 


/*	27. Portfolio */ 

.portfolio-wide{
    margin-top:-26px;
}

.portfolio-wide-item img{
	margin:0px;
	padding:0px;	
}

.portfolio-wide-item{
	margin-bottom:5px;	
}

.portfolio-wide-item .overlay{
	background-color:rgba(0,0,0,0.7);
}

.portfolio-wide-item h3{
	position:absolute;
	width:100%;
	top:50%;
	margin-top:-20px;
	z-index:99999;
	color:#FFFFFF;
	text-align:center;
	font-weight:500;	
}

.portfolio-wide-item p{
	color:rgba(255,255,255,0.5);
	position:absolute;
	width:100%;
	top:50%;
	margin-top:0px;
	z-index:99999;
	text-align:center;	
}

@media (min-width:768px){
	
	.portfolio-wide-item{
		max-height:200px;
	}
	
	.portfolio-wide-item h3{
		font-size:28px;
	}
	
	.portfolio-wide-item p{
		font-size:14px;
		margin-top:20px;	
	}
}


/* Sidebar Menu Structures */
/* DO NOT CHANGE!*/
/* The code is calibrated perfectly for all mobiles*/


/*Sidebar Generated Code*/
/*Custom Code*/
.snap-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  z-index: 2;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
       -o-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.snap-drawers {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  overflow-x:hidden;
}

.snap-drawer {
  position: absolute;
  top: 0;
  right: auto;
  bottom: 0;
  left: auto;
  width: 275px;
  height: auto;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-transition: width 0.3s ease;
     -moz-transition: width 0.3s ease;
      -ms-transition: width 0.3s ease;
       -o-transition: width 0.3s ease;
          transition: width 0.3s ease;
}

.snap-drawer-left {
  left: 0;
  z-index: 1;
}

.snap-drawer-right {
  right: 0;
  z-index: 1;
}

.snapjs-left .snap-drawer-right,
.snapjs-right .snap-drawer-left {
  display: none;
}

.snapjs-expand-left .snap-drawer-left,
.snapjs-expand-right .snap-drawer-right {
  width: 100%;
}

.snapjs-right .snap-drawer-left {
	display: block;
	right: 0;
	left: auto;
}

/* Hide the actual "Right" drawer in the demo */
.snapjs-right .snap-drawer-right {
	display: block !important;
	right: 0  !important;
	left: auto  !important;
}

/*Snap.CSS*/

.snap-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  z-index: 2;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
       -o-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.snap-drawers {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
}

.snap-drawer {
  position: absolute;
  top: 0;
  right: auto;
  bottom: 0;
  left: auto;
  width: 286px;
  height: auto;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-transition: width 0.3s ease;
     -moz-transition: width 0.3s ease;
      -ms-transition: width 0.3s ease;
       -o-transition: width 0.3s ease;
          transition: width 0.3s ease;
}

.snap-drawer-left {
  left: 0;
  z-index: 1;
}

.snap-drawer-right {
  right: 0;
  z-index: 1;
  padding-left:20px;
}

.snapjs-left .snap-drawer-right,
.snapjs-right .snap-drawer-left {
  display: none;
}

.snapjs-expand-left .snap-drawer-left,
.snapjs-expand-right .snap-drawer-right {
  width: 100%;
}

/* Hide the actual "Right" drawer in the demo */
.snapjs-right .snap-drawer-right {
	display: none;
}

/* Show the "Drag" background in the demo */
#content {
	background-color:#FFFFFF;
	overflow-x:hidden;
}
.contact span{ line-height:20px;}
.contact strong{ color:#666; font-size:12px;}
.contact a{ color:#666;text-decoration: underline;}

.content strong{ color:#444;}
.main_server h2{ font-size:20px;}
.main_server h3{ font-size:14px;}
.main_server li{ margin-bottom:25px;}

/* Styles for fading out the drawer content in the "Expanding" demo */
.drawer-inner {
	-webkit-transition: opacity 0.3s ease; 
	   -moz-transition: opacity 0.3s ease; 
	    -ms-transition: opacity 0.3s ease; 
	     -o-transition: opacity 0.3s ease; 
	        transition: opacity 0.3s ease; 
}

.snapjs-expand-left .drawer-inner,
.snapjs-expand-right .drawer-inner {
	opacity: 0;
}


/* Default demo styles */

.snap-drawers {
	background-image:url("../images/misc/menu-bg.png");
    background-size:100px 100px;
}

.snap-drawer {
	background-image:url("../images/misc/menu-bg.png");
    background-size:100px 100px;
}

.no-user-select{  
  -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  -o-user-select: none;
  user-select: none;  
}


/*43. Share Boxes*/
/*///////////////*/

@media (min-width:768px){
    .share-socials-bottom,.language{
        width:600px!important;   
    }
}

.share-bottom,.lang-bottom{
    position:fixed;
    width:100%;
    z-index:99999999!important;
    background-color:#f8f8f8;
    padding-top:15px;
    padding-bottom:15px;
    border-top:solid 1px rgba(0,0,0,0.08);
    -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0.1);
            box-shadow: 0 0 0 0 rgba(0,0,0,0.1);
    bottom:-350px;
    transition:all 350ms ease;
}

.active-share-bottom{
    -webkit-box-shadow: 0 -5px 15px 1px rgba(0,0,0,0.1)!important;
            box-shadow: 0 -5px 15px 1px rgba(0,0,0,0.1)!important;
    bottom:0px!important;
    transition:all 350ms ease;
}

.share-bottom h3,.lang-bottom h3{
    text-align:center;
    font-size:14px;
    font-family: 'Droid Serif', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight:500;
    padding-bottom:15px;
    border-bottom:solid 1px rgba(0,0,0,0.05);
    margin-left:-5px;
}

.share-socials-bottom{
    width:300px;
    margin-left:auto;
    margin-right:auto;
}

.share-socials-bottom a{
    float:left;
    width:60px;
    margin-left:20px;
    margin-right:20px;
    text-align:center;
    color:#666666;
    font-weight:500;
    font-size:12px;
    margin-bottom:10px;
    margin-top:10px;
}

.share-socials-bottom a i:hover{
    color:#FFFFFF;
    -webkit-transform:scale(0.9,0.9);
            transform:scale(0.9,0.9);
}

.share-socials-bottom a i{
    width:60px;
    height:60px;
    border-radius:8px;
    color:#FFFFFF;
    line-height:60px;
    font-size:18px;
    margin-bottom:5px;
    transition:all 250ms ease;
    opacity:1;
}

.share-socials-bottom a i:hover{
    transition:all 250ms ease;
    opacity:1;
}

.close-share-bottom,.close-lang-bottom{
    display:block;
    text-align:center;
    padding-top:15px;
    margin-top:15px;
    border-top:solid 1px rgba(0,0,0,0.05);
    text-transform:uppercase;
    font-size:12px;
    font-weight:600;
    color:#1f1f1f;
    transition:all 250ms ease;
}

.close-share-bottom:hover,.close-lang-bottom:hover{
    color:rgba(0,0,0,0.6);
    transition:all 250ms ease;
}
.close-share-bottom i,.close-lang-bottom i
{
	width:18px;
}

.language{ width:300px; margin:0 auto;}
.language ul{height:auto;}
.language ul li{ width:100px; float:left; list-style:none;}
.language ul li a{ color:#666; line-height:25px; width:100px;}
.language ul li a:hover{color:rgba(0,0,0,0.6);transition:all 250ms ease}
.language ul li img{ float:left; margin:5px 5px 0 8px;}

/*Share Button*/

.share-button-regular:hover{
    color:#FFFFFF;
}

.share-button-regular{
    height:45px;
    line-height:45px;
    font-size:12px;
    padding-left:20px;
    padding-right:20px;
    margin-bottom:20px;
    transition:all 250ms ease;
}

.share-button-regular i{
    padding-right:20px;
}

.share-button-regular:hover{
    opacity:0.8;
    transition:all 250ms ease;
}

/*round*/

.share-button-round:hover{color:#FFFFFF;}

.share-button-round{
    width:34px;
    height:34px;
    float:left;
    margin-right:4px;
    margin-left:4px;
    border-radius:34px;
    text-align:center;
    line-height:34px;
    transition:all 250ms ease;
    margin-bottom:5px;
}

.share-button-round i{
    width:34px;
    height:34px;
    line-height:34px;
    text-align:center;
}

.share-button-round:hover{
    transform:scale(1.1,1.1);
    -webkit-transform:scale(1.1,1.1);
    transition:all 250ms ease;
}

/*square*/

.share-button-square:hover{color:#FFFFFF;}

.share-button-square{
    width:34px;
    height:34px;
    float:left;
    margin-right:4px;
    margin-left:4px;
    margin-bottom:5px;
    text-align:center;
    line-height:34px;
    transition:all 250ms ease;
}

.share-button-square i{
    width:34px;
    height:34px;
    line-height:34px;
    text-align:center;
}

.share-button-square:hover{
    transform:scale(1.1,1.1);
    -webkit-transform:scale(1.1,1.1);
    transition:all 250ms ease;
}


/*48 Fullscreen Image Slider*/

/*Full Screen Image Slider*/

.dark-overlay{
    background-color:rgba(0,0,0,0.8)!important;   
}

.full-slider{
    position:absolute;
    margin-top:0px;
}


.full-slider img{
    width:100%;
    height:100%;
}

.slider-image{ background-size:cover; background-position: center center;}

.slider-style-1{
    position:absolute;
    width:100%;
    top:50%;
    z-index:9999;
}

.slider-style-1 p{
    text-align:center;
    width:70%;
    margin-left:auto;
    margin-right:auto;
    font-size:14px;
}

.slider-style-1 h2{
    color:#FFFFFF;
    text-align:center;
    font-weight:800;
    text-transform:uppercase;
    font-size:51px;
    line-height:50px;
    padding-bottom:0px;
}

.slider-style-1 h3{
    color:#FFFFFF;
    text-align:center;
    font-size:13px;
    font-weight:700;
    text-transform:uppercase;
    margin-bottom:30px;
}

.slider-button-1{
    width:200px;
    margin-left:auto;
    margin-right:auto;
    font-size:12px;
    font-weight:500;
    text-transform:uppercase;
    text-align:center;
    padding-top:12px;
    padding-bottom:12px;
    font-family: 'Droid Serif', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    margin-bottom:20px;
    transition:all 200ms ease;
}

.slider-button-1:hover{
    transform:scale(0.95, 0.95);  
    transition:all 200ms ease;
}

.slider-button-2{
    width:200px;
    margin-left:auto;
    margin-right:auto;
    font-size:12px;
    font-weight:500;
    text-transform:uppercase;
    text-align:center;
    padding-top:12px;
    padding-bottom:12px;
    font-family: 'Droid Serif', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    margin-bottom:20px;
    color:#cacaca;
    transition:all 200ms ease;
}

.slider-button-2:hover{
    transform:scale(0.95, 0.95);  
    transition:all 200ms ease;
}

.button-line{
    border:solid 1px #cacaca;
}

.slider-button-1:hover{color:#FFFFFF;}
.slider-button-2:hover{color:#FFFFFF;}


.slider-style-2{
    position:absolute;
    width:100%;
    top:50%;
    z-index:9999;
}

.slider-style-2 h2{
    color:#FFFFFF;
    text-align:center;
    font-weight:800;
    text-transform:uppercase;
    font-size:24px;
    line-height:36px;
    padding-bottom:0px;
    margin-bottom:5px;
}

.slider-style-2 h3{
    color:#FFFFFF;
    text-align:center;
    font-size:34px;
    font-weight:700;
    text-transform:uppercase;
    margin-bottom:30px;
}

.slider-style-2 p{
    text-align:center;
    width:70%;
    margin-left:auto;
    margin-right:auto;
    font-size:14px;
}


.slider-style-3{
    position:absolute;
    width:100%;
    top:50%;
    z-index:9999;
    height:200px;
}

.slider-style-3 h2{
    color:#FFFFFF;
    text-align:center;
    font-weight:800;
    text-transform:uppercase;
    font-size:24px;
    line-height:36px;
    padding-bottom:0px;
    margin-bottom:0px;
}

.slider-style-3 h3{
    color:#FFFFFF;
    text-align:center;
    font-size:14px;
    font-weight:700;
    text-transform:uppercase;
    margin-bottom:20px;
}

.slider-style-3 p{
    text-align:center;
    width:70%;
    margin-left:auto;
    margin-right:auto;
    font-size:14px;
}


@media(min-width:768px){
    .slider-style-1 h2{
        font-size:60px;
        line-height:55px
    }
    
    .slider-style-1 h3{
        font-size:16px;
        margin-bottom:10px;
    }
    
    .slider-style-1 p{
        font-size:14px;
        width:320px;
    }
    
    .slider-style-2 h2{
        font-size:36px;
        font-weight:600;
    }
    
    .slider-style-2 h3{
        padding-top:10px;
        font-size:48px; 
        font-weight:900;
    }
    
    .slider-style-2 p{
        width:320px;
    }
    
    
    .slider-style-3 h2{
        font-size:36px;
        padding-bottom:5px;
    }
    
    .slider-style-3 h3{
        font-size:18px;
    }
    
    .slider-style-3 p{
        width:320px;   
    }
    
}






/*Waves Effect */

/*!
 * Waves v0.6.0
 * http://fian.my.id/Waves 
 * 
 * Copyright 2014 Alfiana E. Sibuea and other contributors 
 * Released under the MIT license 
 * https://github.com/fians/Waves/blob/master/LICENSE 
 */

.waves-effect {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.waves-effect .waves-ripple {
  position: absolute;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  margin-top: -50px;
  margin-left: -50px;
  opacity: 0;
  background: rgba(0, 0, 0, 0.2);
  background: -webkit-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
  background: -o-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
  background: -moz-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
  background: radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  transition-property: transform, opacity;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  pointer-events: none;
}
.waves-effect.waves-light .waves-ripple {
  background: rgba(255, 255, 255, 0.4);
  background: -webkit-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
  background: -o-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
  background: -moz-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
  background: radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}
.waves-effect.waves-classic .waves-ripple {
  background: rgba(0, 0, 0, 0.2);
}
.waves-effect.waves-classic.waves-light .waves-ripple {
  background: rgba(255, 255, 255, 0.4);
}
.waves-notransition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}
.waves-button,
.waves-circle {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(circle, #ffffff 100%, #000000 100%);
}
.waves-button,
.waves-button:hover,
.waves-button:visited,
.waves-button-input {
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  outline: none;
  color: inherit;
  background-color: rgba(0, 0, 0, 0);
  font-size: 1em;
  line-height: 1em;
  text-align: center;
  text-decoration: none;
  z-index: 1;
}
.waves-button {
  padding: 0.85em 1.1em;
  border-radius: 0.2em;
}
.waves-button-input {
  margin: 0;
  padding: 0.85em 1.1em;
}
.waves-input-wrapper {
  border-radius: 0.2em;
  vertical-align: bottom;
}
.waves-input-wrapper.waves-button {
  padding: 0;
}
.waves-input-wrapper .waves-button-input {
  position: relative;
  top: 0;
  left: 0;
  z-index: 1;
}
.waves-circle {
  text-align: center;
  width: 2.5em;
  height: 2.5em;
  line-height: 2.5em;
  border-radius: 50%;
}
.waves-float {
  -webkit-mask-image: none;
  -webkit-box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);
}
.waves-float:active {
  -webkit-box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);
}
.waves-block {
  display: block;
}
/* Firefox Bug: link not triggered */
a.waves-effect .waves-ripple {
  z-index: -1;
}