body{margin:0;padding:0; font-family: 'Roboto', sans-serif;}
html, body{ height: 100%; }
img
{
    max-width:100%;
}
.row {margin:0;}
.bg-white{background-color:#FFFFFF;}
.bg-light-white{background-color: #f8f8f8;}

.bg-gray{background-color:#999;}
.bg-gray-1{background-color:#ddd;}
.bg-dark-gray{background-color: #555;}
.bg-light-gray{background-color:#e9edeb;}
.bg-dark-gray{background-color: #555;}

.bg-red{background-color:#da251c;}
.bg-dark-red{background-color:#cc0000;}
.bg-light-red{background-color: rgba(218, 37, 28, 0.75);}
.bg-orange{background-color:#FF792A;}
.bg-black{background-color:#000;}
.bg-black-transparent{background-color:rgba(51, 51, 51, 0.42);}
.bg-light-black{background-color:#1e1e1e;}

.bg-light-orange{background-color:#eea236;}
.bg-dark-orange{background-color:#FF8137;}
.bg-light-white{background-color:#f6f6f6;}
.bg-cyan{background-color:#3db7ee;}
.bg-purpal{background-color:#8162b1;}

.bg-blue{background-color: #171695;}
.bg-light-blue{background-color:#7297A9;}
.bg-navy-blue{background-color:#232c3b;}

.bg-dark-blue{background-color: #016579;}

.bg-maroon{background-color: #9d2431;}
.bg-cyan{background-color: #72c5ef;}
.bg-green{background-color: #87b305;}
.bg-pink{background-color: #fa6f57;}
.bg-light-green{background-color: #a1d36e;}
.bg-yellow{background-color: #ffba00;}



.bg-img
{
    background-image: url("../img/bg.jpg");
}

/*.bg-img-1
{
    background-image: url("../img/bg-2.jpg");
}*/







/*margin css*/
.margin-none{margin:0;}
.margin-top-5{margin-top:5px;}
.margin-right-5{margin-right:5px;}
.margin-bottom-5{margin-bottom:5px;}
.margin-left-5{margin-left:5px;}

.margin-top-10{margin-top:10px;}
.margin-right-10{margin-right:10px;}
.margin-bottom-10{margin-bottom:10px;}
.margin-left-10{margin-left:10px;}

.margin-top-20{margin-top:20px;}
.margin-right-20{margin-right:20px;}
.margin-bottom-20{margin-bottom:20px;}
.margin-left-20{margin-left:20px;}

.margin-top-30{margin-top:30px;}
.margin-right-30{margin-right:30px;}
.margin-bottom-30{margin-bottom:30px;}
.margin-left-30{margin-left:30px;}

.margin-top-40{margin-top:40px;}
.margin-right-40{margin-right:40px;}
.margin-bottom-40{margin-bottom:40px;}
.margin-left-40{margin-left:40px;}

.margin-top-50{margin-top:50px;}
.margin-right-50{margin-right:50px;}
.margin-bottom-50{margin-bottom:50px;}
.margin-left-50{margin-left:50px;}

.margin-top-55{margin-top:55px;}
.margin-right-55{margin-right:55px;}
.margin-bottom-55{margin-bottom:55px;}
.margin-left-55{margin-left:55px;}

.margin-top-80{margin-top:80px;}
.margin-right-80{margin-right:80px;}
.margin-bottom-80{margin-bottom:80px;}
.margin-left-80{margin-left:80px;}

.margin-top-160{margin-top:160px;}
.margin-right-160{margin-right:160px;}
.margin-bottom-160{margin-bottom:160px;}
.margin-left-160{margin-left:160px;}

.margin-top-200{margin-top:200px;}
.margin-right-200{margin-right:200px;}
.margin-bottom-200{margin-bottom:200px;}
.margin-left-200{margin-left:200px;}

.margin-5{margin:5px;}
.margin-10{margin:10px;}
.margin-15{margin:15px;}
.margin-15{margin:15px;}
.margin-25{margin:25px;}
.margin-30{margin:30px;}
.margin-35{margin:35px;}



/*padding css*/
.padding-none{padding:0;}
.padding-top-5{padding-top:5px;}
.padding-right-5{padding-right:5px;}
.padding-bottom-5{padding-bottom:5px;}
.padding-left-5{padding-left:5px;}

.padding-top-10{padding-top:10px;}
.padding-right-10{padding-right:10px;}
.padding-bottom-10{padding-bottom:10px;}
.padding-left-10{padding-left:10px;}

.padding-top-15{padding-top:15px;}
.padding-right-15{padding-right:15px;}
.padding-bottom-15{padding-bottom:15px;}
.padding-left-15{padding-left:15px;}

.padding-top-100{padding-top:100px;}
.padding-right-100{padding-right:100px;}
.padding-bottom-100{padding-bottom:100px;}
.padding-left-100{padding-left:100px;}

.padding-top-50{padding-top:50px;}
.padding-right-50{padding-right:50px;}
.padding-bottom-50{padding-bottom:50px;}
.padding-left-50{padding-left:50px;}

.padding-top-80{padding-top:80px;}
.padding-right-80{padding-right:80px;}
.padding-bottom-80{padding-bottom:80px;}
.padding-left-80{padding-left:80px;}

.padding-5{padding:5px;}
.padding-10{padding:10px;}
.padding-20{padding:20px;}
.padding-30{padding:30px;}
.padding-35{padding:35px;}
.padding-40{padding:40px;}
.padding-50{padding:50px;}
.padding-60{padding:60px;}
.padding-80{padding:80px;}
.padding-100{padding:100px;}


/*font css*/
.font-size-10{font-size:10px !important;}
.font-size-12{font-size:12px !important;}
.font-size-14{font-size:14px !important;}
.font-size-15{font-size:15px !important;}
.font-size-16{font-size:16px !important;}
.font-size-18{font-size:18px !important;}
.font-size-20{font-size:20px !important;}
.font-size-25{font-size:25px !important;}
.font-size-30{font-size:30px !important;}
.font-size-40{font-size:40px !important;}
.font-size-50{font-size:50px !important;}
.font-size-55{font-size:55px !important;}
.font-size-70{font-size:70px !important;}

/*Line Height*/
.line-height-30 {line-height: 30px}
.line-height-10 {line-height:10px;}

/*Postion*/
.postion-absolute{position:absolute;}
.position-relative{position:relative;}
.position-fixed{position:fixed;}

/*color*/
.color-black{color:#000000;}
.color-white{color:#FFFFFF;}
.color-red{color:#FF0000;}
.color-gray{color:#61656d;}
.color-blue{color:#413686;}
.color-light-blue{color:#8162B1;}
.color-yellow{color:#EEAB42;}
.color-light-red{color:#ED1D24;}
.color-light-gray{color:#CCCCCC}
.color-maroon{color:#9d2431;}
.color-yellow{color:#ffba00;}
.color-cyan{color:#72c5ef;}
.color-navy-blue{color:#242c42;}
.color-green{color:#2b8316;}
.color-light-green{:color:#2b8316;}
.color-dark-gray{color:#999;}
.color-brown{color: #e6772e;}
.color-dark-blue{color:#016579;}
.color-dark-yellow{color:#f8a201;}
.color-light-green{color: #64c195;}
.color-pink{color:#fb758d;}

.color-fb{color: #4c76be;}
.color-twitter{color:#00c7ff;}
.color-google-plus{color: #fc5345;}
.color-insta{color:#964b00;}

/*border css*/
.border-dotted-1px {border:1px dotted #ccc;}
.border-right{border-right:2px solid #666666;}
.border-left-green{border-left:2px solid #00a859;}
.border-left{border-left:2px solid #343e53;}
.border-bottom-1px {border-bottom:1px solid #2b8316;}
.border-color-maroon{border-color:#ccc;}
.border-color-green{border-color:#018446;}

.border-solid-1px {border:1px solid #2b8316;}
.border-solid-blue{border: 5px solid #016579;}
.border-solid-yellow{border: 5px solid #f8a201;}
.border-solid-green{border: 5px solid #64c195;}
.border-solid-pink{border: 5px solid #fb758d;}

.border-top-1px{border-top: 1px solid #2f374c;}
.border-color-gray{border-color: gray;}
.border-color-black{border-color: #000;}
.border-color-yellow{border-color: #ffba00;}
.border-color-orange{border-color: #e6772e;}
/*Font Bold*/
.text-bold {font-weight: bold;}

/*linheight css*/

.line-height-10{line-height: 10px;}
.line-height-20{line-height: 20px;}
.line-height-25{line-height: 25px;}
.line-height-30{line-height: 30px;}
.line-height-50{line-height: 50px;}
.line-height-60{line-height: 60px;}
.line-height-70{line-height: 70px;}
.line-height-80{line-height: 80px;}

/*Text align*/
@media only screen and (max-width: 767px) {
    .text-xs-left { text-align: left; }
    .text-xs-right { text-align: right; }
    .text-xs-center { text-align: center; }
    .text-xs-justify { text-align: justify; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .text-sm-left { text-align: left; }
    .text-sm-right { text-align: right; }
    .text-sm-center { text-align: center; }
    .text-sm-justify { text-align: justify; }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .text-md-left { text-align: left; }
    .text-md-right { text-align: right; }
    .text-md-center { text-align: center; }
    .text-md-justify { text-align: justify; }
}
@media only screen and (min-width: 1200px) {
    .text-lg-left { text-align: left; }
    .text-lg-right { text-align: right; }
    .text-lg-center { text-align: center; }
    .text-lg-justify { text-align: justify; }
}

#name {

    border: 1px solid #ccc;
    width: 100%;
    height: 40px;

}

#email {

    border: 1px solid #ccc;
    width: 100%;
    height: 40px;

}
#phone {

    border: 1px solid #ccc;
    width: 100%;
    height: 40px;

}


#message {

    border: 1px solid #ccc;
    width: 100%;
    height: 80px;

}

.btn.btn-primary {

    margin-top: 10px;
    width: 100%;

}


/*Social icon colors*/
.fb-color {color: #4c76be;}
.twt-color {color: #00c7ff;}
.gplus-color {color: #fc5345;}
.pint-color {color: #ff3635;}
.insta-color {color: #964b00;}