@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,800|Ropa+Sans:400,400i');



/*------------------------------------------ 
	font-family: 'Open Sans', sans-serif;
	font-family: 'Ropa Sans', sans-serif;
------------------------------------------*/

/*-------------------------------------
        1. Reset css Here
-------------------------------------*/
* { margin: 0; outline: none; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;-ms-box-sizing: border-box; -o-box-sizing: border-box; }

body { font-family: 'Open Sans', sans-serif; font-size:18px; color:#000; background: #fff; 
-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;-ms-font-smoothing: antialiased;} 

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
a{text-decoration: none; transition: all .5s ease; -webkit-transition: all .5s ease; 
-moz-transition: all .5s ease; -ms-transition: all .5s ease; color:inherit;} 
a{color: #0a81df;} 
a:hover { text-decoration: none; color:#354a9d;}
a, a:active, a:focus, a:hover, a:visited { outline: 0; text-decoration:none; }
a,li,ul,span,small,p{ margin: 0px;}

ul,ol{padding-left: 17px;}

img{border:none; outline:none; vertical-align:top; max-width:100%; height:auto;}

.form-control{padding:12px; font-weight: 300;}
textarea{min-height:140px; resize: none;}
.form-group{margin-bottom: 20px;}
button, .btn {outline:none !important;}
.form-control,textarea,select, input[type="text"], input[type="password"], input[type="reset"]{border:1px solid #e0e0e0; 
padding:10px; border-radius:0; box-shadow: none; -moz-box-shadow: none;  -webkit-box-shadow: none; -webkit-appearance: none;
-moz-appearance: none; height: auto;}
.form-control:focus{border-color:#0a81df; outline:none; box-shadow: none;}
input[type="submit"], input[type="button"]{ cursor:pointer; -webkit-appearance: none;}


::-webkit-input-placeholder {opacity:1;}
::-moz-placeholder {opacity:1;}
:-ms-input-placeholder {opacity:1;}
::-o-input-placeholder {opacity:1;}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #6f6f6f !important;}
input::-moz-placeholder, textarea::-moz-input-placeholder {color: #6f6f6f !important;}
input::-ms-placeholder, textarea::-ms-input-placeholder {color: #6f6f6f !important;}
input::-o-input-placeholder, textarea::-o-input-placeholder {color: #6f6f6f !important;}

/*-------------------------------------
         4. Typography 
-------------------------------------*/

p{font-family: 'Open Sans', sans-serif; margin-bottom: 25px;}
h1, h2, h3, h4, h5, h6 { margin: 0;}
h1, h2, h3, h4,h5{font-family: 'Ropa Sans', sans-serif; font-weight: 400;}

h1 { font-size:78px; font-family: 'Ropa Sans', sans-serif; margin-bottom: 20px; line-height: 1;}
h2 { font-size: 54px; margin-bottom: 25px; line-height: 64px;}
h3 { font-size: 52px; margin-bottom: 20px; line-height: 64px;}
h4 { font-size: 32px; margin-bottom: 20px;}
h5 { font-size: 26px; font-weight:400; margin-bottom: 25px;}
h6 { font-size: 20px;  margin-bottom: 15px; line-height: 23px; line-height: 32px;}

.mt30{margin-top: 30px;}
.mt40{ margin-top: 40px;}
.mt50{ margin-top: 50px; }
.mt60{ margin-top: 60px; }
.mt70{ margin-top: 70px; }
.pr30{padding-right: 30px;}
.pt70{padding-top: 70px;}
.mr120{margin-right: 120px;}

.large-padding{padding-right: 23%;}
.container{ width: 1285px; margin: auto; padding: 0 15px;}
.section{ padding: 80px 0; }

/*-------- var css ---------*/
:root {
        --main-site-color:#c3122f;
        --font-clr:#C31230;
        --hover-clr:#ff8c8c;
        --font-default-clr:#fff;
        --trans-effct:all 0.4s linear;
        --ropa-family:'Ropa Sans', sans-serif;
        --open-sans: 'Open Sans', sans-serif;
    }

/*======= small button ======== */
.add-btm-bdr h3{position: relative;}
.add-btm-bdr h3::before{content: '';position: absolute;left: -113px;height: 2px;background-color: #C31230;width: 160px;bottom: 10px;}

/*--------- Animation hover effect ----------*/
.ovrly-animation{position: relative; overflow: hidden;}
.ovrly-animation::before {
content: '';position: absolute;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0)));
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
height: 100%;width: 100%;left: 0;top: -100%;-webkit-transition: all 0.2s;transition: all 0.2s; }

.ovrly-animation:hover::before{top: 0;}


button{-webkit-transition: all 0.4s linear;transition: all 0.4s linear;}
.btn{ min-width: 216px; color: #fff; font-family: 'Open Sans', sans-serif; font-weight:bold; text-align: center; background-repeat: no-repeat;
background-position: center center; background-size: cover;
display: inline-block; border-radius: 0px;padding: 15px 17px;font-size: 16px; text-transform: capitalize;-webkit-appearance: none; -webkit-appearance: none;-o-appearance: none;-ms-appearance: none;-moz-appearance: none;appearance: none; position: relative; z-index: 9;}
.btn-danger{background-color: #C31230; color: #fff;}
.btn-default{border: 4px solid #d7d7d7; color: #C31230; min-width: 255px;
background-image: url(../images/bg-trans-img.png); background-color: #fff; padding: 10px 15px;}
.btn .fa{font-size: 26px; vertical-align: middle; margin-left: 8px; -webkit-transition: all 0.4s linear; transition: all 0.4s linear; font-weight: bold;}
.btn:hover{color: #fff;}
.btn:hover .fa{margin-left: 20px; }
/* .btn-default:hover{color:#fff;border-color: #C31230; background-color: #C31230;} */
.btn-default:hover{color: #C31230; border-color: #c3122f;}