/* -------------------------------- 
Primary style
-------------------------------- */
html, body, div, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, 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 { }
html { font-size: 62.5%; }
body { margin: 0; font-size: 1.6rem;font-family: 'Raleway';}
*, *::after, *::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}  
 
h1, h2, h3, h4, h5, h6 { 
	font-family: 'Oswald';
}
a {font-family: inherit;}
h1 {
  font-size: 4rem;
  margin: 0 0 1rem;
  line-height: 4.5rem; 
  color: #666;
}
h2{
  font-size: 3rem; 
  margin: 1rem 0;
  line-height: 3.5rem;
}
h3{
  font-size: 2.5rem; 
  margin: 1rem 0;
  line-height: 3rem;
}
h4{
  font-size: 1.7rem; 
  margin: 1rem 0;
  line-height: 2.5rem;
}
h5{
  font-size: 2rem; 
  margin: 1rem 0;
  line-height: 2.5rem;
}
h6{
  font-size: 2rem; 
  margin: 1rem 0;
  line-height: 2.5rem;
}
p{
  font-size: 1.7rem;
  margin: 1rem 0;
  line-height: 2.2rem;
} 
dd{
  font-size: 1.7rem;
  margin: .3rem 0;
  line-height: 2.2rem;
} 
.item-pageservice-page ul li{
  font-size: 1.7rem;
  margin: .3rem 0;
  line-height: 2.2rem;
} 
strong{font-weight:700;} 
strong a{font-weight:700;} 
@media only screen and (max-width: 990px) {
	h1 {font-size: 2.5rem;line-height: 3.5rem;} 
	h2 {font-size: 2.3rem;line-height: 3rem;} 
	h3 {font-size: 2.1rem;line-height: 2.8rem;} 
	h4 {font-size: 2rem;line-height: 2.6rem;} 
	h5 {font-size: 1.8rem;line-height: 2.3rem;} 
	h6 {font-size: 1.5rem;line-height: 2rem;} 
	p {font-size: 1.3rem;line-height: 1.8rem;} 
	dd {font-size: 1.3rem;margin: .3rem 0;line-height: 1.8rem;} 
}
.stroke { 
  color: #FFBD28;
  text-shadow:
   -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000;
}
 ::-moz-selection { /* Code for Firefox */
    color: #FFBD28;
    background: #444444;
}

::selection {
    color: #FFBD28;
    background: #444444;
} 

.img-responsive {width: 100%;height:auto;} 
/********************************** Links *********************************/
a { font-weight:400; background-color: transparent; text-decoration:none !important; border-image-width: 0 0 0 0;}
a:active, a:hover { outline: 0 !important; text-decoration:none; border-image-width: 0 0 0 0;}
a:focus {
  outline-width: none !important;
  outline-style: none;
  outline-offset: 0;
}
.darklink a, .darklink h1  {color:#222222;}
.darklink h2, .darklink h3, .darklink h4, .darklink h5, .darklink h6, .darklink p, .darklink {color:#444444;}

.dark-btn { background-color: transparent; color:#999; } 
.dark-btn:hover { color: #222222; text-decoration:none;background-color:#E9AC25;border-top-color:#E9AC25;border-bottom-color:#E9AC25; }

.testi-btn  { background-color: transparent; color:#666666; } 
.testi-btn:hover { background-color: #555555; color: #777777; text-decoration:none; }

.lightlink a, .lightlink h1  {color:#eeeeee;}
.lightlink h2, .lightlink h3, .lightlink h4, .lightlink h5, .lightlink h6, .lightlink p, .lightlink {color:#cccccc;}

.light-btn { background-color: transparent; color: #4d4d4d; } 
.light-btn:hover { background-color: #222222; border-top-color: #222222; border-bottom-color: #222222;color:#E9AC25; } 

.white-btn { background-color: transparent; color: #666666; } 
.white-btn:hover { background-color: #cccccc; border-color: #aaa; color: #777777; }  
 
  
.btn-000:hover {background-color: #000000;} 
.btn-111:hover {background-color: #111111;} 
.btn-222:hover {background-color: #222222;} 
.btn-333:hover {background-color: #333333;} 
.btn-444:hover {background-color: #444444;} 
.btn-555:hover {background-color: #555555;} 
.btn-666:hover {background-color: #666666;} 
.btn-777:hover {background-color: #777777;} 
.btn-888:hover {background-color: #888888;} 
.btn-999:hover {background-color: #999999;} 
.btn-aaa:hover {background-color: #aaaaaa;} 
.btn-bbb:hover {background-color: #bbbbbb;}
.btn-ccc:hover {background-color: #cccccc;} 
.btn-ddd:hover {background-color: #dddddd;}
.btn-eee:hover {background-color: #eeeeee;}
.btn-fff:hover {background-color: #dddddd;} 

.btn-CFCFCF:hover {background-color: #CFCFCF;}
.btn-A99675:hover {background-color: #A99675;}
.btn-DBDBDB:hover {background-color: #DBDBDB;}
.btn-cfc3bc:hover {background-color: #cfc3bc;}
.btn-dbbd92:hover {background-color: rgba(255,255,255,.3);}
.btn-8E7B61:hover {background-color: #8E7B61;}


.btn-brown {background-color: #fff;color:#614e3e;}
.btn-brown:hover {background-color: #614e3e;color:#fff;}
.btn-site {background-color: #fff;color:#E8A100;}
.btn-site:hover {background-color: #E8A100;color:#fff;}
 
i { border-image-width: 0 0 0 0; border:0; outline: 0;} 

/********************************** Global Classes *********************************/ 
@media only screen and (max-width: 768px) {  
	.text-justify {text-align:left;} 
} 
.nopadding {padding:0;}
.padding-h100 {padding:0 100px;}
.nomargin {margin:0;}
.text-000 {color:#000000;}
.text-222 {color:#222222;}
.text-777 {color:#777777;} 
.bg-ef {background:#EFEFEF;}
.bg-temp {background-color:#E9AC25;}
.color-temp {color:#E9AC25;} 
.hand {cursor:pointer;}
.bg-danger, .bg-info {padding:20px;}
.flt-left { float:left; }
.flt-right { float:right; }
.oniue-show { display:block; } 
.oniue-hide { display:none; } 
.fix {position: fixed;}
.txt-center {text-align:center;}
/********************************** Tags  *********************************/
legend {color:#ffffff; background: rgba(255,255,255,0.2); padding: 3px; text-align:center; }
section {padding:100px;} 
@media only screen and (max-width: 768px) { 
	section {padding:7px;} 
	.padding-h100 {padding:0 10px;}
} 
hr.style-dark { border-top: 1px solid #000000; }
hr.style-medark { border-top: 1px solid #666666; }
hr.style-med { border-top: 1px solid #dddddd; }
hr.style-white { border-top: 5px solid #ffffff; }
/********************************** Button *********************************/ 
.btn {border: 0;border-radius: 0;font-family: 'Ramabhadra';font-size:16px;}
.btn-primary {color: #ffffff;background-color: #FFBD28;border-color: #FFBD28;}
.btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open > .dropdown-toggle.btn-primary, .btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open > .dropdown-toggle.btn-primary, .btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open > .dropdown-toggle.btn-primary {color: #ffffff;background-color: #FFBD28;border-color: #FFBD28;}
.oniue-btn {
  margin: 0 auto;
  width: 100%; 
  text-transform: none; 
  padding: 15px 0px;
  display: inline-block;
  vertical-align: top;   
  font-family: 'Ramabhadra';  
  font-weight: normal;  
  font-size:20px;
  text-align:center;  
  background-color: transparent;
  border-bottom:2px solid;
  border-top:2px solid;  
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease-in-out;
  transition-delay: 0s;
} 
.oniue-sm-btn { 
  text-transform: none; 
  padding: 1rem;
  margin: 2px 1rem;
  width:12rem;
  display: inline-block;
  vertical-align: top;   
  font-family: 'Ramabhadra'; 
  font-weight: normal;  
  background-color: transparent;
  font-size:1.4rem;
  text-align:center;  
  border:2px solid;  
  transition-property: all;
  transition-duration: .5s;
  transition-timing-function: ease-in-out;
  transition-delay: 0s;
}  

/********************************** Animated Button *********************************/ 
.animatebtn {margin:10px auto;min-width:290px;width:auto; height:53px;background:#E8A100;color:#ffffff !important;text-align:center;position:relative;display:inline-block;border-bottom: 2px #E8A100 solid;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;font-size:16px;font-family: 'Ramabhadra';} 
.animatebtn:hover {border-bottom: 2px #FFBD28 solid;}
.animatebtn .left {width:90px;background:#E8A100;height:100%;float:left;padding:15px 5%;display:block;}
.animatebtn:hover .left{background:#FFBD28;}
.animatebtn span.left.icon{ font-size:23px;}
.animatebtn .right {width:200px;background:#FFBD28;height:100%;float:left;padding:15px 5%;display:block;}
.animatebtn:hover .right{background:#E8A100;}
.animatebtn:active, .animatebtn:hover, .animatebtn:focus {outline-width: none !important;outline-offset: 0 !important;color:#eee !important;text-shadow:none;} 

@media only screen and (max-width: 360px) {   
	.animatebtn {min-width:230px;font-size:14px;}
	.animatebtn .left {width:40px;padding:15px 2%;}
	.animatebtn .right {width:190px;padding:15px 2%;}

} 

.animatebtn.ads-left {min-width:100%;border-bottom: 2px #7a84b2 solid;background:#7a84b2;height:53px;}
.animatebtn.ads-left:hover {border-bottom: 2px #8498f1 solid;}
.animatebtn.ads-left .left{width:30%;background:#7a84b2}
.animatebtn.ads-left .right{width:70%;background:#8498f1}
.animatebtn.ads-left:hover .left{background:#8498f1;}
.animatebtn.ads-left:hover .right{background:#7a84b2;}

.animatebtn.ads-right {min-width:100%;border-bottom: 2px #28caa4 solid;background:#28caa4;height:53px;}
.animatebtn.ads-right:hover {border-bottom: 2px #24ddb2 solid;}
.animatebtn.ads-right .left{width:30%;background:#28caa4}
.animatebtn.ads-right .right{width:70%;background:#24ddb2}
.animatebtn.ads-right:hover .left{background:#24ddb2;}
.animatebtn.ads-right:hover .right{background:#28caa4;}
 
.animatebtn.video {border-bottom: 2px #c320c8 solid;background:#c320c8;height:53px;}
.animatebtn.video:hover {border-bottom: 2px #dd46e1 solid;}
.animatebtn.video .left{width:90px;background:#c320c8}
.animatebtn.video .right{width:200px;background:#dd46e1}
.animatebtn.video:hover .left{background:#dd46e1;}
.animatebtn.video:hover .right{background:#c320c8;}