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


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

body,html{height: 100%;	min-height: 100%;}

body{font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size:18px; font-weight:300; position:relative; height:100%; line-height:1.5em;}
a, a:focus{outline:none; text-decoration:none;}
img{border:none; max-width:100%;}
ul{list-style:none; margin:0;}
h1, h2, h3, h4, h5, h6{ font-weight:normal; font-family: 'Roboto', Arial, Helvetica, sans-serif; }
::-moz-selection { background: #5af; color: #fff; text-shadow: none; }
::selection { background: #5af; color: #fff; text-shadow: none; }
.anima, .btn, a, a.linkBtn span, .navbar-toggle, .navbar-toggle .icon-bar, .downloadSec i,.grid-item a img{-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.font12{font-size: 12px; line-height: 1;}

.logo{position:fixed; left:100px; width: 40px; top:38px; z-index:99; box-shadow: 0 5px 10px rgba(0,0,0,0.1); border-radius: 100px;}

.relative {position:relative;}

.smallHead{ font-size:24px; font-weight:100; line-height:1; margin-bottom:20px; margin-top:0; color:#fff; opacity:0.3;}
.dis-inl-blk{display: inline-block;}
.whiteTxt, .whiteTxt p, .whiteTxt a{ color:#bbb;}

a.linkBtn{ transition: 0.5s; transform: scale(1); display:inline-block; color:#000; text-transform:uppercase; font-size:14px; border:solid thin #de3a4e; padding: 6px 18px; border-radius: 100px; line-height: 1.5;}
a.linkBtn:hover{ text-decoration:none; color:#f1a40f; transform: scale(1.05);}
a.linkBtn span{ margin-left:2px; display:inline-block; background:url(../images/btn-arrow.png) no-repeat scroll top right; height:11px; width:16px;}
a.linkBtn:hover span{ margin-left:10px; background-position:center left;}


.button{display:inline-block; transition: 0.5s; transform: scale(1); text-transform:uppercase; font-size:14px; border:solid thin #de3a4e; padding: 6px 18px; border-radius: 100px; line-height: 1.5;}
.button.primary{color:#fff; background: #de3a4e; }
.button:hover{transform: scale(1.05);}
.button.secondary{display:inline-block; background: #fff; color:#de3a4e; text-transform:uppercase; font-size:14px; border:solid thin #de3a4e; padding: 6px 18px; border-radius: 100px; line-height: 1.5;}

/*-----color codes-------*/
.dgray{color:#333;}
.red{color:#de3a4e;}
.white{color:#FFFFFF;}
.yellow{color:#f1a40f;}
.gray{color:#666;}

.dd { animation-delay:0.3s; -moz-animation-delay:0.3s; -webkit-animation-delay:0.3s; }
/*-----BUTTON CSS-------*/

/*-----Padding&Margin-Section-------*/
.padd-lr-20{ padding-left:20px; padding-right:20px;} .padd-tb-20{ padding-top:20px; padding-bottom:20px;}
.padd-tb-10{ padding-top:10px; padding-bottom:10px;}.padd-top-10{ padding-top:10px;}
.padd-top-20{ padding-top:20px;} .padd-bottom-20{ padding-bottom:20px;}

.marg-top-20{ margin-top:20px;} .marg-top-10{ margin-top:10px;}
.marg-tb-100{ margin:100px 0;}
.marg-top-100{ margin-top:100px;}
.marg-bottom-100{ margin-bottom:100px;}


#preloader { position: fixed; left: 0; top: 0; z-index:99999; width: 100%; height: 100%; overflow: hidden; background: #de3a4e; text-align:center; color:#FFF; display:flex; align-item:center; }
#preloader .loader{margin:auto;}
#preloader .loader span{ font-size:24px; font-weight:100; display:block; margin-top:15px;}



 /* Modal background */
    .modal1 {
      display: none;
      position: fixed;
      z-index: 1;
      left: 0; top: 0;
      width: 100%; height: 100%;
      background-color: rgba(0,0,0,0.5);
    }

    /* Modal content box */
    .modal-content1 {
      background-color: white;
      margin:0 auto;
      padding: 20px;
      border: 1px solid #888;
      width: 350px;
        text-align: center;
      box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    }
.popbtnwrap{padding: 16px 0; }
.popbtnwrap .button{margin-right: 8px;}
    /* Input and button styling */
    input[type="text"] {
      padding: 10px;
      width: 100%;
      margin-bottom: 10px;
    }