﻿/* BUTTONS */	
button.bs-style, .button.bs-style{	
padding-top: 0.70rem;
padding-right: 0.5rem;
padding-bottom: 0.70rem;
padding-left: 0.5rem;
font-size: 0.75rem; 
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
background-image: -webkit-linear-gradient(top, #428bca 0%, #2d6ca2 100%);
background-image:         linear-gradient(to bottom, #428bca 0%, #2d6ca2 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff2d6ca2', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
background-repeat: repeat-x;
border-color: #2b669a;
}

/* MICRO BUTTON */
button.micro, .button.micro{
    padding-top: 0.312rem;
    padding-right: 0.5rem;
    padding-bottom: 0.40rem;
    padding-left: 0.5rem;
    font-size: 0.60rem; 
	box-shadow:         inset 0 0 2px #000000;
	}
	
.bs-style:hover{background:#2d6ca2;}

.modern-1{background:none;border:2px solid #008CBA;color:#008CBA;}
.modern-1:hover{background:#f3f3f3;border:2px solid #008CBA;color:#008CBA;}

/* MODERN-2 */
.modern-2{background:none;border:2px solid #48C2D6;color:#48C2D6;font-size:22px;font-weight:bold;}
.modern-2:hover{background:#48C2D6;border:2px solid #48C2D6;color:#FFFFFF;}
.modern-2.tiny{
font-size:15px;
padding-top: 0.43rem;
padding-right: 1.25rem;
padding-bottom: 0.5rem;
padding-left: 1.25rem;
border-radius: 3px;

}


/* GHOST BUTTON */
.ghost-green{background:none;border:2px solid #07D860;color:#07D860;font-size:22px;font-weight:bold;}
.ghost-green:hover{background:#07D860;border:2px solid #07D860;color:#FFFFFF;text-shadow: rgba(255,255,255, 1) 0 0 25px;}



.ghost{background:none;border:1px solid #035DB2;color:#035DB2;font-size:22px;font-weight:bold;}
.ghost:hover{background:#035DB2;border:1px solid #035DB2;color:#FFFFFF;text-shadow: rgba(255,255,255, 0.6) 0 0 20px;}
//.ghost{background:none;border:1px solid #07D860;color:#07D860;font-size:22px;font-weight:bold;}
//.ghost:hover{background:#07D860;border:1px solid #07D860;color:#FFFFFF;text-shadow: rgba(255,255,255, 1) 0 0 25px;}

//.ghost{background:none;border:2px solid #07B1D0;color:#07B1D0;font-size:22px;font-weight:bold;}
//.ghost:hover{background:#07B1D0;border:2px solid #07B1D0;color:#FFFFFF;text-shadow: rgba(255,255,255, 1) 0 0 25px;}
.ghost.small{
font-size:15px;
padding-top: 0.43rem;
padding-right: 1.25rem;
padding-bottom: 0.5rem;
padding-left: 1.25rem;
border-radius: 2px;

}

.ghost.medium
{
font-size:14px;
//font-weight:normal;
padding-top: 0.92rem;
padding-right: 1.25rem;
padding-bottom: 0.87rem;
padding-left: 1.25rem;
border-radius: 2px;

}

.ghost-green.medium
{
font-size:14px;
font-weight:normal;
padding-top: 0.92rem;
padding-right: 1.25rem;
padding-bottom: 0.87rem;
padding-left: 1.25rem;
border-radius: 2px;

}


a.fresh-button.medium {
text-align:center;
    -webkit-border-radius: 3;
    -moz-border-radius: 3;
    border: 1px solid #1b93df;
    border-radius: 3px;
    font-family: Arial;
    color: #1b93df !important;
    font-size: 14px;
    background: none;
    background-color: transparent;
    padding: 9px 17px 9px 17px;
    text-decoration: none;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3),inset 0 1px 0 rgba(255, 255, 255, 0.5);
    text-shadow: 0 1px 0 #FFF;
    display: inline-block;
    margin: 20px 5px 10px 2px;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

a.fresh-button.medium:hover{
border: 1px solid #77cc6d;
color: #77cc6d !important;
}

/* read more button for blog */
a.fresh-button.tiny {
text-align:center;
    -webkit-border-radius: 3;
    -moz-border-radius: 3;
    border-radius: 3px;
    font-family: Arial;
    color: #363f46 !important;
    font-size: 12px;
    background-color: transparent;
	transition: all 0.17s ease-in-out;
    border: 2px solid #e5e5e5;
    padding: 9px 22px 9px 22px;
    border-radius: 4px;
    box-shadow: 0 0 0 0;
   text-transform: capitalize;
	  
}

a.fresh-button.tiny:hover{
border: 2px solid #363F46;
color: #363F46 !important;
}

a.fresh-button.tiny i{transition: all 0.2s ease-in-out;}

a.fresh-button.tiny:hover i{margin-left:3px;}



/* USING PSEUDO SELECTOR FONT AWESOME 5 - WORKING */

/*
.button.medium.contact-button::after{
	content: '\f35a';
	font-family: Font Awesome\ 5 Free;
	opacity:0;

}

.button.medium.contact-button:hover::after{
	
   margin:0px 0px 0px 10px;
   text-decoration:none;
   opacity:1;
   transition:all 0.2s ease-in-out;
   
}
*/


.button.medium.contact-button{
//background: rgba(0,0,0,0.1);
background: #ffa500;
color:white;
font-family: 'Open Sans', sans-serif;
//border:3px solid white;
font-weight:700;
transition:all 0.2s  ease-in-out;
padding-left:2.46em;
padding-right:2.46em;
padding-top:1.2em;
padding-bottom:1.2em;
border-radius:3px;
//-webkit-box-shadow:  0 1px 7px rgba(0, 0, 0, .075);
//box-shadow:  0 1px 7px rgba(0, 0, 0, .075);
box-shadow: 3px 4px 0 rgba(0,0,0,0.4);
font-size:17px;
text-shadow: 1px 1px 1px #000;

}


.button.medium.contact-button > i.arrow{
	font-size:19px;
    margin:0px 0px 0px -8px;
   text-decoration:none;
   transition:all 0.2s  ease-in-out;
   opacity:0;
	
}

.button.medium.contact-button:hover{
	background: #00b67a;

   // border: 3px solid transparent;
    //padding: 6px 34px 6px 14px !important;
	padding-left:2em;
	padding-right:2.3em;
	transition:all 0.2s  ease-in-out;
	//color:#333;
}

.button.medium.contact-button:hover i.arrow{
	
   margin:0px 0px 0px 10px;
   text-decoration:none;
   opacity:1;
   transition:all 0.2s ease-in-out;
   
}


.button.medium.contact-button-green{
background: #75c044;
//border:1px solid white;
font-weight:bold;
box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.3);
}

.button.medium.contact-button-green:hover{
//border:1px solid #ffffff;
background: #1a1a1a;
}




a.buybutton.tiny{

font-weight:bold;
    padding: 11px 28px;
    border: none;
    background: #363846 !important;
    font-size: 16px;
    color: white !important;
transition: all 0.3s ease-in-out;
}



a.buybutton:hover{

    
    padding: 11px 28px;
    border: none;
    background: #BF1D41 !important;
    font-size: 16px;
    color: white !important;

}

a.buybutton.tiny:hover > i{}
a.buybutton.tiny > i{transition: all 0.3s ease-in-out;}

.button.medium.readmore-but {
opacity:0;
background:white;
color:#595959;
   font-size:15px;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -ms-border-radius: 0;
  
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    z-index: 0;
    box-shadow: rgba(0,0,0,0.2) 0 4px 7px 0;
    -webkit-box-shadow: rgba(0,0,0,0.2) 0 4px 7px 0;
    -moz-box-shadow: rgba(0,0,0,0.2) 0 4px 7px 0;
    font-weight: 600;
}

.button.medium.readmore-but:hover {

background:white;
color:#3498DB;
  
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -ms-border-radius: 0;
    
    font-weight: 600;
}


.blue-button{background:#1892e6;color:#ffffff;font-size:22px;}
.blue-button:hover{background:#1479BE;color:#FFFFFF;}
.blue-button.tiny{
font-size: 1em;
font-weight:bold;
padding-top: 0.8rem;
padding-right: 1.25rem;
padding-bottom: 0.8rem;
padding-left: 1.25rem;
border-radius: 2px;
box-shadow: 0 -2px 0 rgba(0,0,0,0.2) inset !important;

}


.home-button{
font-weight:bold !important;
-webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, .75);
-moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, .75);
 box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, .75);
padding-left:2.2em;
padding-right:2.2em;
padding-top:1.3em;
padding-bottom:1.3em;
border:2px solid #ffffff;
background:none;

}

.home-button:hover{
color:#333;
background:#ffffff;
transition:all 0.2s ease-in-out;
}

.home-button i.arrow{margin-left:3px;transition: transform 0.3s;}

.home-button:hover i.arrow{transform: translate(5px, 0px);}


/* contact page send */

button.send-button.medium{
border-radius:4px;
font-weight:normal;
    padding: 13px 26px;
    border: 2px solid #5eab54 !important;
    background: transparent !important;
    font-size: 16px;
    color: #5eab54 !important;
transition: all 0.3s ease-in-out;
}

button.send-button.medium:hover{background:#5eab54 !important;color:white !important;}


