/*--------------------------------------------
 ---- Coder: Masud Chowdhury -----------------
 ---- Contact: maxbizbd@ymail.com ------------
 ---- Github: https://github.com/maxbizbd ----
 -------------------------------------------*/

/*--------------------------------------------
    External Font and load CSS Files
--------------------------------------------*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600);
@import url("slick.css");
@import url("bootstrap.css");
@import url("bootstrap-theme.css");
@import url("ms-setting.css");

/*-------------------------------------------
    Basic Setting
--------------------------------------------*/
::-moz-selection {
    background: #ed1d62;
    color: #fff;
    text-shadow: none; }
::selection {
    background: #ed1d62;
    color: #fff;
    text-shadow: none; }
body {
    color: #4e4e4e;
    font-weight: 400;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    /*background: url("../images/pattern.png") #f4f4f4; */
    background: #f4f4f4; }
a {  color: #ed1d62;  }
a:hover, a:focus { text-decoration: none;color: #ed1d62;}
.btn,a {
    -webkit-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out; }
.btn:hover,a:hover{
    opacity: 0.90;  }
h1,h2,h3,h4,h5,h6{font-weight: 300;}


/*-------------------------------------------
    Header
--------------------------------------------*/
#topContainer{
    background-color: #343434;
    background: url("../images/top-bg.jpg") repeat center;
    background-attachment: fixed;
    color: #FFFFFF;
    -webkit-animation: bg_animation 60s infinite linear; /* Safari 4+ */
    animation:         bg_animation 60s infinite linear; /* IE 10+ */
}
#topContainer .topContainerinner{
    padding: 80px 0;
    /*background-color: rgba(0,0,0,0.80);*/
    background-color: rgba(43, 15, 22, 0.90);
}
@-webkit-keyframes bg_animation {
    0%   {  background-position: 0 0;}
    100% { background-position: -1000px 0;}
}
@keyframes bg_animation {
    0%   {  background-position: 0 0;}
    100% { background-position: -1000px 0;}
}

.slogan{ margin-top: 2px; font-size: 16px; font-weight: 300;}

.logo{
    display: inline-block;
    max-width: 100%;
    width: 340px;
    /*
    background-color: rgba(255,255,255,.4);
    border: 10px solid rgba(255,255,255,.1);
    */
}


/*-------------------------------------------
    Home page
--------------------------------------------*/
.maincontent{
    padding: 30px 0;
}
#celiaform{
    padding: 15px;
    background-color: rgba(0, 0, 0, 0.47);
    color: #FFFFFF;
    border: 1px solid rgba(255, 255, 255, 0.41);
}
.model-carousel-box{
    padding: 50px 0;
}
.model-carousel-box .slick-list{
    border: 4px solid #fff;
}
.model-carousel-box .slick-slide{
    padding: 0;
}
.model-carousel-box .slick-slide img{
    max-width: 100%;
}
.testimonial-slider{
    padding: 50px 0;
}
.testimonial-slider .slick-slide{
    padding: 0;
    text-align: center;
}
.testimonial-slider .slick-slide img{
    width: 200px;
    display: inline-block;
}

.testimonial-slider .slick-dots{ list-style: none; text-align: center;}
.testimonial-slider .slick-dots li{display: inline-block; margin: 10px 5px;}
.testimonial-slider .slick-dots li button{
    height: 15px;
    width: 15px;
    border-radius: 50%;
    border: none;
    text-indent: -9999px;
    background-color: rgba(237, 29, 98, 0.49);
}
.testimonial-slider .slick-dots li.slick-active button{
    background-color: #ed1d62;
}

/*-------------------------------------------
    Footer
--------------------------------------------*/
#bottomFooter{
    margin-top: 15px;
    padding: 25px 0;
    background-color: #363636;
    border-top: 1px solid #d9d9d9; }

/*-------------------------------------------
    Various fixes
--------------------------------------------*/
.btn-base{
    color: #FFFFFF;
    background-color: #ed1d62;
    border-color: #ed1d62;
    opacity: 1;
}
.btn-base:focus,
.btn-base:hover,
.btn-base:active,
.btn-base.active,
.btn-base.disabled,
.btn-base[disabled] {
    color: #FFFFFF;
    background-color: #ed1d62;
    border-color: #ed1d62;
    opacity: .9;
}

.base-color{color: #ed1d62;}
.fw-400{font-weight: 400;}
.white-color{color: #FFFFFF;}
.btn, .form-control{border-radius: 0;}
.form-control{ background-color: rgba(255,255,255,0.85);}
/*--------------------------------------------
    Responsive Grid Media Queries Settings
    1600+   -     Extra Large Screen
    1600-1200   - Large Screen
    1280-992   - desktop (default grid)
    992-768    - tablet landscape
    768-480     - tablet
    480-less    - phone landscape & smaller
---------------------------------------------*/

/*-------------------------Extra large--------------------------------*/
/*----- For very large+ ------*/
@media all and (min-width: 1601px) { }
/*--- below very large screen -----*/
@media all and (max-width: 1600px) { }

/*-------------------------Large-------------------------------------*/
/*--- large screen + -----*/
@media all and (min-width: 1201px) {}
/*--- Large screen only -----*/
@media all and (min-width: 1201px) and (max-width: 1600px) {  }
/*--- below large screen -----*/
@media all and (max-width: 1200px) {
    .tc-md{text-align: center;}
    .logoContainer{ float: none; text-align: center; margin-bottom: 10px; }
}

/*------------------------Medium------------------------------------*/
/*---   Medium screen+   -----*/
@media all and (min-width: 992px) {
    .col-md-20f{  width: 20%; }
    .mw-md-130{min-width: 130px;}
}
/*--- Medium screen only -----*/
@media all and (min-width: 992px) and (max-width: 1200px){
    .tc-md-o{text-align: center;}
}
/*--- below medium screen -----*/
@media all and (max-width: 991px) {
    .show-md{  visibility: visible;  }
    .tc-sm{text-align: center;}
}

/*-----------------------Small-------------------------------------*/
/*---   Small screen+   -----*/
@media all and (min-width: 768px) {
  .mw190-sm{  min-width: 190px;  }
  .blok-sm{  display: block;  }
}
/*--- Small screen only -----*/
@media all and (min-width: 768px) and (max-width: 991px) {
    .tc-sm-o{text-align: center;}
}
/*--- below small screen -----*/
@media all and (max-width: 767px) {
    .tc-xs{text-align: center;}
    .w100-xs{width: 100%;}
}

/*-----------------------Very Small--------------------------------*/
/*--- Extra Small screen only -----*/
@media all and (min-width: 480px) and (max-width: 767px) { }
/*--- Very Small screen -----*/
@media all and (max-width: 479px) { }

/*----------------------------- The End ---------------------------*/