@charset "utf-8";
/* CSS Document */
body{}

@font-face { font-family: "droidsans"; src:url(../fonts/droidsans.eot) /* EOT file for IE */ }
@font-face { font-family: "droidsans"; src:url(../fonts/droidsans.ttf) /* TTF file for CSS3 browsers */ }
@font-face { font-family: "sanche"; src:url(../fonts/sanche.eot) /* EOT file for IE */ }
@font-face { font-family: "sanche"; src:url(../fonts/sanche.ttf) /* TTF file for CSS3 browsers */ }



h1, h2, h3, h4, h5, h6 ,p, li, ul, a{ margin:0px; padding:0px;}
li{ list-style:none;}
a{ text-decoration:none;}
#home {display:inline-block;}
#header{ display:block;background:#262783;position:fixed;
z-index:99999;}

.logo-txt {}

.header_inner_1 { text-align:right; display:inline-block; width:100%; position:relative; z-index:9999;}
.header_inner_1 .phon{ display:inline-block; text-align:right; margin-top:10px;}

.header_inner_1 .logo img {width:120px; float:right; margin-top:4px;}

.header_inner_1 .phon ul{ margin:0px; padding:0px;}
.header_inner_1 .phon ul li{ display:inline-block; padding:2px 10px; text-align:right; font-family:Verdana, Geneva, sans-serif;
 font-size:12px; color:#fff;}
.header_inner_1 .phon ul li.phon_1{ background:url(../images/cal_icon.png) no-repeat center left;}
.home_bg{ background:#000; border:none;}
 ul.home_1 li a{ font-family:"droidsans", Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#FFF; padding:15px 42px; }
.ovr_sem{margin: 42px -51px;}
.header_inner_1 .col-md-12 .sara-top-cont{padding:0px;}
.header_inner_1 .phon .form-down { margin-top:1px;}
.header_inner_1 .phon .form-down a:hover {background:#F5003B; color:#fff;text-decoration: none;}
.header_inner_1 .phon .form-down a {background:#fff;padding:5px 10px;color:#F5003B; font-size:14px;display:block;}

.ovr_sem span { color:#fff;}
.sara-menu ul li {float:left; padding:10px 15px;}
.sara-menu ul li a { color:#fff;font-size:13px;text-transform:uppercase;font-weight:bold;font-family: Verdana, Geneva, sans-serif;}
.sara-menu ul li a:hover { color:#FFFF0A;}
.sara-menu {margin-top:5px;}
.sara-menu .logo-txt {font-size: 40px;
padding-right: 90px;
text-transform: uppercase;
color: #F00;
font-weight: bold;
line-height:24px;
width: 100%;
float: left;
text-align: left;}

#silder{ display:block; margin-top:95px;}
.overlay {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    right: 0;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, 0.9);
    overflow-x: hidden;
    transition: 0.5s;
}

.overlay-content {
    position: relative;
    top: 25%;
    width: 100%;
    text-align: center;
    margin-top: 30px;
}

.overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 36px;
    color: #818181;
    display: block;
    transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
    color: #f1f1f1;
}

.overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
}

@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px}
  .overlay .closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px;
  }
}

}

#header_bootom{display:block;}


/*welcome*/
#welcome{ display:block;}
.wel_1{ display:inline-block; padding:40px 0px;}
#welcome h1.hea_1{ font-family:'sanche'; font-size:36px; padding-bottom:30px;}
#welcome p.pr_1{ font-family:'droidsans'; font-size:16px; line-height:28px; color:#000; font-weight:300;}
#welcome p.pr_2{ font-family:'droidsans'; font-size:16px; line-height:28px; color:#000; font-weight:300;}



#service{ background:url(../images/service-bg4.jpg) no-repeat; display:block; padding:30px 0px;}
#service .ser_right{padding: 25px 10px; display:inline-block; background:#2cbed2;}
#service .serv_left h1{ font-weight:300; text-transform:uppercase; font-size:60px; position:relative; padding-top:300px; color:#FFF; font-family:'sanche';}
#service .serv_left p{ font-family:'droidsans'; font-size:16px; line-height:28px; color:#FFF; font-weight:300;}
#service .ser_right .web_site { padding:20px 0px;}
#service .ser_right .web_site h2{ font-family:'sanche'; font-size:20px; text-transform:uppercase; color:#0e425a; padding:15px;}
#service .ser_right .web_site p{ font-family:'droidsans'; font-size:15px; line-height:22px; color:#FFF; min-height:115px;}
#service .ser_right .web_site.bg_1{ /*border-right:1px solid #FFF;*/ }
#service .ser_right .web_site.bg_2{ }
#service .ser_right .web_site.bg_3{ /* border-right:1px solid #FFF; */ }
#service .ser_right .web_site.bg_4{ /* border-bottom:1px solid #FFF; */}
#service .ser_right .web_site.bg_5{ /*border-right:1px solid #FFF;*/}
#service .ser_right .web_site.bg_1:hover{ background:#ec981a; display:inline-block; cursor:pointer;}
#service .ser_right .web_site.bg_2:hover{ background:#72b841; display:inline-block; cursor:pointer;}
#service .ser_right .web_site.bg_3:hover{ background:#3499c1; display:inline-block; cursor:pointer;}
#service .ser_right .web_site.bg_4:hover{ background:#c73d2d; display:inline-block; cursor:pointer;}
#service .ser_right .web_site.bg_5:hover{ background:#e36391; display:inline-block; cursor:pointer;}
#service .ser_right .web_site.bg_6:hover{ background:#b4c52b; display:inline-block; cursor:pointer;}

#portfolio{ display:block; margin:px 0px;}
.out_pro{ display:inline-block; padding:40px 0px;}
#portfolio .out_pro h1{ font-size:50px; text-transform:uppercase; color:#000; position:relative; margin:20px; font-family:'sanche';}
#portfolio .out_pro p{ font-size:18px; padding-bottom:30px; font-family:'droidsans'; }
.filtr-item {
    padding: 1rem;
}
.item-desc {
    background-color: rgba(0,0,0,0.5);
    color: white;
    position: absolute;
    text-transform: uppercase;
    text-align: center;
    padding: 1rem;
    z-index: 1;
    bottom: 1rem;
    left: 1rem;
    right: 1rem;
}

/* Filter controls */
.simplefilter li, .multifilter li, .sortandshuffle li {
    color: white;
    cursor: pointer;
    display: inline-block;
    text-transform: uppercase;
    padding: 1rem 2rem;
}
.simplefilter li {
    background-color: #585858;
}
.simplefilter li.active {
    background-color: #212121;
}
.multifilter li {
    background-color: #4b9eff;
}
.multifilter li.active {
    background-color: #2265b4;
}

/* Shuffle and sort controls */
select {
    padding: 1rem 1rem;
    text-transform: uppercase;
}
.sortandshuffle .shuffle-btn {
    background-color: #dec800;
}
.sortandshuffle .sort-btn {
    background-color: #de0000;
}
.sortandshuffle .sort-btn.active {
    background-color: #9d0000;
}

/* Search control */
.search-row {
    margin-left: 2.5rem;
}
.filtr-search {
    padding: 0.5rem;
    text-transform: uppercase;
}
#tcb-testimonial-carousel {
     padding: 40px 0px;
}
#tcb-testimonial-carousel a {
  color: #b20000;
}
#tcb-testimonial-carousel .text-brand {
  color: #b20000;
}
#tcb-testimonial-carousel .carousel-indicators .active {
  background: #b20000;
}
#tcb-testimonial-carousel .no-margin {
  margin: 0;
}
#tcb-testimonial-carousel .carousel-indicators li {
  border: 1px solid #ccc;
}
#tcb-testimonial-carousel .carousel-control {
  color: #b20000;
  width: 5%;
}
#tcb-testimonial-carousel .carousel-control:hover,
#tcb-testimonial-carousel .carousel-control:focus {
  color: #b20000;
}
#tcb-testimonial-carousel .carousel-control.left,
#tcb-testimonial-carousel .carousel-control.right {
  background-image: none;
}
#tcb-testimonial-carousel .item {
  padding: 15px 40px;
  background: #f8f8f8;
}
#tcb-testimonial-carousel .media-object {
  margin: auto;
}
@media screen and (max-width: 768px) {
  #tcb-testimonial-carousel .media-object {
    margin-bottom: 15px;
  }
}




#testimonial{ background:url(../images/testimonial-bg.jpg) no-repeat; display:block; margin:50px 0px;}
.tbg_1{display:inline-block; padding:40px 0px;}
ol.cur_1{ bottom:50px;}
#testimonial h1{ font-family:'sanche';}
#testimonial p{ font-family:'droidsans';}
#process{ display:block; margin:50px 0px;}
#process .procss_1 .work_1{ display:inline-block; background:#009688; padding:37px 20px; }
#process .procss_1 .work_1 h1{ font-size:23px; line-height:26px; text-transform:uppercase; color:#FFF; padding: 13px 0px; font-family:'sanche';}
#process .procss_1 .work_1 p{ padding:0 0 10px; line-height:26px; font-size:16px; color:#FFF; font-family:'sanche';}
#process .procss_1 .work_1 .btn{ padding:7px 14px; background:#000; color:#FFF; margin-left:44px; color:#FFF;}
#process .procss_1 .work_2{ display:inline-block;}
.work_2{ background:#333; color:#FFF; display:inline-block;}
.col-md-3.work_2 .bg_1{text-align:center; padding:29px 0px;} 
.col-md-3.work_2 .bg_1 img.plans{ padding:30px 0px;}
.col-md-3.work_2 .bg_1 h1{ font-size:20px; color:#4cb069; padding:10px 0px; font-family:'sanche';}
.col-md-3.work_2 .bg_1 p{  padding:0 0 10px; line-height:22px; font-size:14px; color:#FFF; font-family:'droidsans';}
.work_3{ background:#222; color:#FFF; display:inline-block;}
.col-md-3.work_3 .bg_1{text-align:center; padding:29px 0px;} 
.col-md-3.work_3 .bg_1 img.plans{ padding:30px 0px;}
.col-md-3.work_3 .bg_1 h1{ font-size:20px; color:#4cb069; padding:10px 0px; font-family:'sanche';}
.col-md-3.work_3 .bg_1 p{  padding:0 0 10px; line-height:22px; font-size:14px; color:#FFF; font-family:'droidsans';}
.work_4{ background:#111111; display:inline-block;}
.col-md-3.work_4 .bg_1{text-align:center; padding:29px 0px;} 
.col-md-3.work_4 .bg_1 img.plans{ padding:30px 0px;}
.col-md-3.work_4 .bg_1 h1{ font-size:20px; color:#4cb069; padding:10px 0px; font-family:'sanche';}
.col-md-3.work_4 .bg_1 p{  padding:0 0 10px; line-height:22px; font-size:14px; color:#FFF; font-family:'droidsans';}





#partner{ display:block; padding: 30px 0px;}

#flexiselDemo3 {
display:none;
}

.nbs-flexisel-container {
    position:relative;
    max-width:100%;
}
.nbs-flexisel-ul {
    position:relative;
    width:99999px;
    margin:0px;
    padding:0px;
    list-style-type:none;   
    text-align:center;  
}

.nbs-flexisel-inner {
    position: relative;
    overflow: hidden;
    float:left;
    width:100%;
    background:#fcfcfc;
    background: #fcfcfc -moz-linear-gradient(top, #fcfcfc 0%, #eee 100%); /* FF3.6+ */
    background: #fcfcfc -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#eee)); /* Chrome,Safari4+ */
    background: #fcfcfc -webkit-linear-gradient(top, #fcfcfc 0%, #eee 100%); /* Chrome10+,Safari5.1+ */
    background: #fcfcfc -o-linear-gradient(top, #fcfcfc 0%, #eee 100%); /* Opera11.10+ */
    background: #fcfcfc -ms-linear-gradient(top, #fcfcfc 0%, #eee 100%); /* IE10+ */
    background: #fcfcfc linear-gradient(top, #fcfcfc 0%, #eee 100%); /* W3C */
    border:1px solid #ccc;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;  
}

.nbs-flexisel-item {
    float:left;
    margin:0px;
    padding:0px;
    cursor:pointer;
    position:relative;
    line-height:0px;
}
.nbs-flexisel-item img {
    max-width: 100%;
    cursor: pointer;
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
}

/*** Navigation ***/

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
    padding:5px 10px;
    border-radius:15px;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;      
    position: absolute;
    cursor: pointer;
    z-index: 4;
    top:40%;
    background: rgba(0,0,0,0.5);
    color: #fff;     
}

.nbs-flexisel-nav-left {
    left: 10px;
}

.nbs-flexisel-nav-left:before {
    content: "<"
}

.nbs-flexisel-nav-left.disabled {
    opacity: 0.4;
}

.nbs-flexisel-nav-right {
    right: 5px;    
}

.nbs-flexisel-nav-right:before {
    content: ">"
}

.nbs-flexisel-nav-right.disabled {
    opacity: 0.4;
}






#footer_top{ display:block; background:#1f241e;}
.contact { padding:50px 0px; display:inline-block;}
.contact .cont_us{ display:inline-block;}
.contact .cont_us h1{ font-size:18px; text-transform:uppercase; color:#FFC107; padding-bottom:20px;font-family:'sanche';}
.contact .cont_us ul{ margin:0px; padding:0px;}
.contact .cont_us ul li{font-size:14px; color:#FFF; padding-left:20px; line-height:22px; margin-bottom:10px; color:#afafaf;}

.contact .cont_us ul li.pho{ background:url(../images/cal_icon.png) no-repeat left top;}
.contact .cont_us ul li.gma{ background:url(../images/cal_icon.png) no-repeat left top;}
.contact .cont_us ul li.syp{ background:url(../images/cal_icon.png) no-repeat left top;}
.contact .cont_us ul li span.ph_1{ font-weight:6000; text-transform:uppercase; color:#FFF;}

.contact .servies{display:inline-block;}
.contact .servies h1{ font-size:18px; text-transform:uppercase; color:#FFC107; padding-bottom:20px;font-family:'sanche'}
.contact .servies ul{ margin:0px; padding:0px;}
.contact .servies ul li{ margin:0px 0px 10px 0px; list-style:disc; color:#F44336;}
.contact .servies ul li a{font-size:14px; color:#afafaf;}
.contact .con_1 h1{ font-size:18px; text-transform:uppercase; color:#FFC107;padding-bottom:20px;font-family:'sanche'}
.contact .con_1 .name_3{ background:rgba(44, 190, 210, 1); color:#fff ; }
.contact .con_1 .name_3:hover{ background:#D34722; color:#fff}


#footer_bootem{ display:block; background:#111; padding:15px 0px;}
.cop_r p{ color:#FFF; font-family:'droidsans'}
.cop_r a { color:#FFC107;}


@media only screen and (max-width: 600px) { 

#portfolio .out_pro h1 {
    font-size: 20px;
    
}

#service .serv_left h1{ font-weight:300; text-transform:uppercase; font-size:30px; position:relative; padding-top:300px; color:#FFF; font-family:'sanche';}
.ovr_sem{margin: 42px 1px;}
#service{ background:url(../images/service-bg4.jpg) center center; background-repeat:no-repeat; background-attachment:fixed; height:100%; background-size:cover; width:100%; }
#testimonial h1{ font-family:'sanche'; font-size:18px;}

#silder{ display:block; margin-top:-40px; height:0%; background-size:cover; width:100%;}
.header_inner_1 { text-align:right; display:inline-block; width:100%; position:relative; z-index:9999;}
.header_inner_1 .phon ul li{ display:inline-block; padding:0px 20px; text-align:right; font-family:Verdana, Geneva, sans-serif;
 font-size:12px; color:#FFF;}
img.zop_1{ width:25%}
#testimonial{ background:url(../images/testimonial-bg.jpg)background-repeat:no-repeat; background-attachment:fixed; height:100%; background-size:cover; width:100%;  }
ul.home_1 li a{ font-family:"droidsans", Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#FFF; padding:10px 20px; }
#header_bootom{display:block;}
}