ul{
margin-bottom:0
}
.msg-error {
    color: #f00;
}
#mobileresult {
    font-size: 10px;
    border-width: 1px;
    border-style: solid;
    padding: 0.3em;
    position: absolute;
    right: 0;
    bottom: 0;
    line-height: 20px;
}
.hidden {
    display: none;
    position: relative;
    left: -999em;
}
.ok {
    background-color: lightgreen;
    color: darkgreen;
    border-color: darkgreen;
}
.invalid {
    background-color: pink;
    color: darkred;
    border-color: darkred;
}
.clear{ clear: both; }
.slideshow img{width: 100%;}
a.style-adv{margin-bottom:4px;display:block;width:100%;height:100%;position:relative;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;overflow:hidden}
a.style-adv:before{position:absolute;content:'';top:10px;bottom:10px;left:50%;right:50%;z-index:1;border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
a.style-adv:hover:before{left:5px;right:5px}
a.style-adv:after{position:absolute;content:'';top:50%;bottom:50%;left:10px;right:10px;z-index:1;border-left:1px solid #fff;border-right:1px solid #fff;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
a.style-adv:hover:after{top:5px;bottom:5px}
a.style-adv img{width:100%;-webkit-transition:all 1s cubic-bezier(0.44,0.185,0.575,0.86);-moz-transition:all 1s cubic-bezier(0.44,0.185,0.575,0.86);-o-transition:all 1s cubic-bezier(0.44,0.185,0.575,0.86);transition:all 1s cubic-bezier(0.44,0.185,0.575,0.86)}
a.style-adv:hover img{opacity:.7;-webkit-transform:scale(1.06);-moz-transform:scale(1.06);-o-transform:scale(1.06);-ms-transform:scale(1.06);transform:scale(1.06)}
.PageOverlay{position:fixed;top:0;left:0;height:100vh;width:100vw;z-index:2;opacity:.5;visibility:visible;background:#363636;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}
.PageOverlay_modal{position:fixed;top:0;left:0;height:100vh;width:100vw;z-index:2;opacity:.5;visibility:visible;background:#363636;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}
.PageOverlay{position:fixed;top:0;left:0;height:100vh;width:100vw;z-index:2;opacity:.5;visibility:visible;background:#363636;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}
.RemoveOverlay{position:sticky;background-color:rgba(255,255,255,1);z-index:10}
.modal-confirm{color:#636363;width:325px}

.modal-confirm .modal-content{padding:20px;border-radius:5px;border:none}

.modal-confirm .modal-header{border-bottom:none;position:relative}

.modal-confirm h4 {
    text-align: center;
    font-size: 26px;
    margin: 30px 0 -15px;
    display: block;
    width: 100%;
}
.modal-confirm .form-control,.modal-confirm .btn{min-height:40px;border-radius:3px}

.modal-confirm .close{position:absolute;top:-5px;right:-5px}

.modal-confirm .modal-footer{border:none;text-align:center;border-radius:5px;font-size:13px}

.modal-confirm .icon-box{color:#fff;position:absolute;margin:0 auto;left:0;right:0;top:-70px;width:95px;height:95px;border-radius:50%;z-index:9;background:#82ce34;padding:15px;text-align:center;box-shadow:0 2px 2px rgba(0,0,0,0.1)}

.modal-confirm .icon-box i{font-size:50px;position:relative;top:10px}

.modal-confirm.modal-dialog{position:fixed;left:50%;top:50%;z-index:20000;transform:translate(-50%,-50%)}

.modal-confirm .btn{color:#fff;border-radius:4px;background:#82ce34;text-decoration:none;transition:all .4s;line-height:normal;border:none}

.modal-confirm .btn:hover,.modal-confirm .btn:focus{background:#6fb32b;outline:none}
h1,h2,h3,h4,h5,h6{
margin:0;
margin-bottom:8px;
line-height:1.3
}

a{
color:#555
}

a:hover,a:focus,a:active{
text-decoration:none;
color:#306ac2
}
ul.tsc_pagination li a i{line-height:30px}



ul.tsc_pagination li a:hover,ul.tsc_pagination li a.current{color:#FFF;box-shadow:0 1px #EDEDED;-moz-box-shadow:0 1px #EDEDED;-webkit-box-shadow:0 1px #EDEDED}

ul.tsc_pagination{padding:0;height:100%;overflow:hidden;list-style-type:none;margin-bottom:30px;text-align:center;display:block;width:100%}

ul.tsc_pagination li{margin:0;padding:0;display:inline-block}

ul.tsc_pagination li a {

    text-decoration: none;

    width: 30px;

    height: 30px;


    line-height: 30px;

    margin: 0 4px;

    transition: all .3s;

    border: 1px solid #d40050;

    display: inline-block;

}

ul.tsc_pagination li a img{border:none}

ul.tsc_pagination li a:hover,ul.tsc_pagination li a.current{background:#d40050}
body{

    font-size: 14px;

    line-height: 22px;

    color: #333333;

    font-family: 'Arial' , 'Tahoma';

}





.breadcrumb{box-shadow:0 -3px 8px 0 rgba(0,0,0,0.04);margin-bottom:0;-webkit-border-radius:0;-moz-border-radius:0;-o-border-radius:0;-ms-border-radius:0;border-radius:0;width:100%;background:inherit}



.breadcrumb.nomb{margin-bottom:0}



.breadcrumb:after{position:absolute;top:100%;right:0;width:170px;border-bottom:1px dotted #d9d9d9}



.breadcrumb ul{padding:10px 0;width:100%;background-color:transparent;margin:0;position:relative;text-align:left}



.breadcrumb ul:after{position:absolute;right:0;bottom:0;width:150px;height:1px}



.breadcrumb ul li{padding:0 12px;position:relative;display:inline-block;font-size:12px;line-height:20px;color:#64b9f0}



.breadcrumb ul li a{font-size:14px;line-height:24px;color:#288ad6}



.breadcrumb ul li a h1{font-size:12px;margin:0;padding:0;line-height:30px}



.breadcrumb ul li:first-child{padding-left:0}



.breadcrumb ul li:last-child{}



.breadcrumb ul li ~ li:before{position:absolute;font-family:fontawesome;content:"\f105";top:2px;left:-2px;color:#333}



.breadcrumb ul li.home a{display:inline-bloosition: absolute;top:4px;left:-3px;text-indent:-99999px;color:transparent;width:20px;height:22px;background:url(../images/icon-home.png) no-repeat 50% -2px}




.viewmore-text{
margin:0!important
}

.viewmore-text:hover a{
background:#306ac2!important;
color:#fff!important;
transition:all .5s
}

.color-featured{
text-decoration:none;
color:#306ac2
}

.mg-bt-20{
margin-bottom:20px!important
}

.mg-bt-30{
margin-bottom:30px!important
}

.mg-bt-40{
margin-bottom:40px!important
}

.text-gray{
color:#707070
}

img{
max-width:100%
}

.pad0{
padding-left:0!important;
padding-right:0!important
}

textarea,input[type="text"],input[type="button"],input[type="email"],input[type="password"],input[type="submit"]{
-webkit-appearance:none;
border-radius:0
}

.breadcrumb>li{
display:inline
}

.details-content img{
height:initial!important
}

.article-content h2{
font-size:17px
}

.article-content h3{
font-size:16px
}

.article-content h4{
font-size:15px
}

.article-content h5{
font-size:14px
}

.article-content h6{
font-size:13px
}

.rte img{
max-width:100%!important;
margin:15px 0;
height:initial!important
}

.img-fix{
width:100%
}

.button{
display:inline-block;
color:#636363;
border:0;
outline:none;
background-color:#ededed;
width:125px;
height:40px;
line-height:40px;
vertical-align:top;
text-align:center
}

.button.square{
width:40px;
height:40px
}

.button:hover,.button.red{
color:#fff;
background-color:#306ac2
}

.input-control{
background-color:#f4f4f4;
padding:5px;
outline:none;
border:0
}

.fa{
line-height:inherit
}

.text1line{
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden
}

.no-padding{
padding:0
}

.left{
float:left
}

.right{
float:right
}

.errors ul{
padding:0 0 0 15px;
color:red
}

body{
font-size:14px;
font-family:'Arial',sans-serif;
color:#707070
}

*{
box-sizing:border-box
}

.pad50{
padding:50px 0
}

.title-module-small{
font-weight:700;
font-size:18px;
position:relative;
padding-bottom:15px;
margin-bottom:20px
}

.title-module-small:after{
position:absolute;
bottom:0;
left:0;
content:'';
height:4px;
width:25px;
background:linear-gradient(to left,#2260bf,#03bcca)
}

.title-page{
text-align:center
}

.title-page h1{
font-size:32px;
font-weight:700;
position:relative;
padding-bottom:15px;
margin-bottom:25px;
color:#306ac2;
color:#4b4b4b
}

.title-page h1:after{
position:absolute;
bottom:0;
left:50%;
margin:0;
margin-left:-15px;
content:'';
height:3px;
width:25px;
background:linear-gradient(to left,#2260bf,#03bcca)
}

.title-page .page-description{
color:#888;
width:66%;
margin:0 auto;
margin-bottom:40px;
text-align:justify
}

.title-module{
text-align:center;
}

.title-module p{
padding:0 15px
}

.title-module h2{
margin:0 0 15px;
color:#306ac2;
font-weight:700;
font-size:24px;
line-height: 34px;
}

.title-module p{
color:#acacac
}

.viewmore{
text-align:center;
clear:both
}

.viewmore a{
width:150px;
height:45px;
line-height:45px;
text-align:center;
border:1px #ebebeb solid;
border-radius:20px;
display:inline-block;
font-weight:700;
color:#888
}

.owl-controls .owl-page span{
width:10px;
height:10px;
background:none!important;
border:2px #d9d9d9 solid;
border-radius:50%
}

.owl-controls .owl-page.active span,.owl-controls .owl-page:hover span{
background:#306ac2!important;
border:2px #306ac2 solid!important
}

.breadcrumb{
background:transparent;
padding:0;
margin-bottom:30px;
border-bottom:solid 1px #ebebeb
}

.breadcrumb .breadcrumb-title{
position:relative;
background:url(../img/bg-breadcrum.png) center center #4d4f4e;
min-height:120px;
background-size:cover
}

.breadcrumb .breadcrumb-title h2{
text-align:center;
position:absolute;
width:100%;
font-size:24px;
text-transform:uppercase;
font-weight:700;
color:#FFF;
top:50%;
margin-top:-16px
}

.breadcrumb li{
display:inline-block;
padding:10px 0;
font-size:12px;
text-transform:uppercase;
font-weight:700
}

.breadcrumb li img{
position:relative;
bottom:2px;
margin:0 10px
}

.breadcrumb li a{
color:#898989
}

.breadcrumb li:last-child{
color:#306ac2
}

.paginate{
text-align:center;
margin-bottom:50px;
clear:both
}

.paginate li{
display:inline-block
}

.paginate li a,.paginate li span{
display:table-cell;
width:35px;
height:35px;
text-align:center;
vertical-align:middle;
border-radius:50%;
background:#f7f8f9;
transition:al .5s
}

.paginate li span.active,.paginate li a:hover{
background:#306ac2;
color:#fff!important
}

.paginate li.next-button a,.paginate li.next-button span,.paginate li.prev-button a,.paginate li.prev-button span{
width:42px;
height:42px;
position:relative;
top:3px;
border:1px #676767 solid;
background:none
}

.paginate li.next-button a:hover,.paginate li.prev-button a:hover{
background:#306ac2;
color:#fff!important;
border-color:#306ac2
}

.form-search{
width:450px;
max-width:100%;
margin:0 auto;
position:relative
}

.form-search select{
width:90px;
height:40px;
position:absolute;
background:#f4f4f4;
border:none;
border-right:1px #dcdcdc dashed;
padding:0 5px;
outline:none
}

.form-search select option{
padding:5px
}

.form-search input{
height:40px;
width:100%;
padding-left:105px
}

.form-search button{
position:absolute;
top:0;
right:0;
width:40px
}

.template-search{
margin-bottom:40px
}

#mp_header{
background-size:100% 100%;
box-shadow:0 2px 7px #e6e6e6
}

#mp_header .topbar{
background:#f5f5f5;
padding:10px 0
}

#mp_header .topbar .right{
text-align:right
}

#mp_header .topbar .right a{
padding-left:10px
}

#mp_header .top-header{
position:relative;
padding:5px 0px  0px;
}

#mp_header .top-header a{
color:#fff;
display:inline-block
}

#mp_header .top-header a:hover{
color:#306ac2
}

#mp_header .top-header .service{
display:inline-block;
zoom:1;
padding:14px 0;
float:right;
margin-left:20px
}
#mp_header .top-header .service i
{
    color: #0554f2;
}

#mp_header .top-header .service .content{
vertical-align:middle;
display:inline-block;
zoom:1;
margin-left:10px
}

#mp_header .top-header .service .content p{
margin:0;
color:#b6b6b6
}

#mp_header .top-header .service .content p:first-child{
color:#000
}

#mp_header .top-header .service .content p a{
color:#333
}

#mp_header .top-header .mpq_fix_top{
height:41px;
width:100%;
position:absolute;
z-index:-1;
overflow:hidden
}

#mp_header .top-header .mpq_fix_top .right{
overflow:hidden
}

#mp_header .top-header .mpq_fix_top .right .mp_top_angle{
height:41px;
width:100%;
display:block;
background:#306ac2;
position:absolute;
left:39.5%;
z-index:-1;
transform:skewX(-25deg)
}

#mp_header .top-header .container .right{
text-align:right
}

#mp_header .bottom-header{
position:relative;
text-align: center;
background: #0554F2;
}

#mp_header .bottom-header .mpq_fix_bottom{
height:121px;
width:100%;
position:absolute;
z-index:-1;
overflow:hidden
}

#mp_header .bottom-header .mpq_fix_bottom .right{
overflow:hidden
}

#mp_header .bottom-header .mpq_fix_bottom .right .mp_bottom_angle{
height:121px;
width:100%;
display:block;
background:#2a2a2a;
position:absolute;
left:36.75%;
z-index:-1;
transform:skewX(-25deg)
}

#mp_header .bottom-header .container .right{
background:#2a2a2a
}

#mp_header .bottom-header .container .main-nav>li{
display:inline-block;
line-height:30px;
padding:13px 20px 13px 0;
font-weight:700
}

#mp_header .bottom-header .container .main-nav>li>a {
    /* text-transform: uppercase; */
    color: #f3f3f3;
    font-size: 14px;
    position: relative;
    padding: 22px 0;
    font-weight: 400;
}
#mp_header .bottom-header .container .main-nav>li>a:hover {
    color: #fff;
}

#mp_header .bottom-header .container .main-nav>li:last-child:after{
display:none
}
#mp_header .bottom-header .container .main-nav>li.active>a {
 color: #fff;
}




#mp_header .bottom-header .container li.has-submenu{
position:relative
}

#mp_header .bottom-header .container li.has-submenu .level1,#mp_header .bottom-header .container li.has-submenu .level2{
opacity:0;
visibility:hidden;
transition:all .3s ease;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-o-transition:all .3s ease
}

#mp_header .bottom-header .container li.has-submenu .level1{
margin-top:100px;
top:100%;
text-align:left
}

#mp_header .bottom-header .container li.has-submenu .level1 .level2{
left:120%;
top:0;
width:100%;
position:absolute;
z-index:11;
background-color:rgba(0,0,0,0.9)
}

#mp_header .bottom-header .container li.has-submenu .level1 li:hover .level2{
left:100%;
opacity:1;
visibility:visible
}

#mp_header .bottom-header .container li.has-submenu>ul{
position:absolute;
z-index:999;
width:210px;
background-color:rgba(0,0,0,0.9)
}

#mp_header .bottom-header .container li.has-submenu:hover>.level1{
margin-top:0;
opacity:1;
visibility:visible;
transition:all .3s ease;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-o-transition:all .3s ease
}

#mp_header .bottom-header .container .mini-search{
text-align:center;
position:relative;
color:#fff;
padding:11px 0;
font-size:24px
}

#mp_header .bottom-header .container .mini-search a{
color:#000
}

#mp_header .bottom-header .container .mini-search .cartCount{
position:absolute;
top:50%;
right:0;
display:block;
font-size:14px;
width:25px;
height:25px;
line-height:25px;
text-align:center;
background-color:#306ac2;
border-radius:50%;
margin-top:-30px
}

#mp_header .bottom-header li.has-submenu li{
padding:0 20px;
position:relative
}

#mp_header .bottom-header li.has-submenu li a{
display:block;
padding:8px 0;
border-bottom:solid 1px #1d1d1d;
color:#939393;
font-weight:400;
font-family:Arial
}
#mp_header .bottom-header li.has-submenu ul li a
{
	 color: #fff !important;
}
#mp_header .container .left{
float:left
}

#mp_header .container .left .logo{
height:121px;
display:table-cell;
vertical-align:middle
}

#mp_header .container .right{
float:left
}

#mp_header .left{
width:38.4615%
}

#mp_header .right{
width:61.5385%
}

#mp_header.left .logo{
height:121px;
display:table-cell;
vertical-align:middle
}

.header-mobile{
box-shadow:0 2px 7px #E6E6E6
}

.header-mobile .top-header{
background-color:#306ac2;
border-bottom:solid 1px rgba(255,255,255,0.4);
color:#fff;
line-height:40px
}

.header-mobile .top-header a{
color:#FFF;
margin-right:6px
}

.header-mobile .middle-header{
background-color:#306ac2;
border-bottom:solid 1px rgba(255,255,255,0.4);
color:#fff;
line-height:40px
}

.header-mobile .middle-header a{
color:#fff
}

.header-mobile .bottom-header{
position:relative;
padding:7px 0
}

.header-mobile .bottom-header .logo a{
height:45px;
vertical-align:middle
}

.header-mobile .bottom-header .mini-cart{
position:absolute;
right:0;
top:0;
height:100%;
width:80px;
background-image:url(../img/bg-m-cart-min.png);
background-size:100% 100%;
line-height:59px;
text-align:center
}

.header-mobile .bottom-header .mini-cart a{
color:#fff;
font-size:22px;
display:inline
}

.header-mobile .bottom-header .mini-cart .cartCount{
position:absolute;
display:block;
height:25px;
width:25px;
background-color:#306ac2;
color:#fff;
top:50%;
right:10px;
line-height:25px;
border-radius:50%;
margin-top:-25px
}

.header-mobile .bottom-header a.toggle-main-nav {
    font-size: 22px;
    padding-right: 10px;
    position: absolute;
    right: 15px;
    z-index: 222;
    top: 20px;
}
html.mm-opened .header-mobile .bottom-header a.toggle-main-nav {
    right: auto;
    left: 0px;
    transition: all 0.3s;
    top: 5px;
}
.mobile-main-nav .search-form form{
position:relative
}

.mobile-main-nav .search-form .input-control{
width:100%;
height:40px;
padding:10px 20px 10px 40px;
background-color:#363636
}

.mobile-main-nav .search-form button{
position:absolute;
top:0;
left:0;
background-color:transparent;
border:0;
outline:none;
width:40px;
height:40px;
line-height:40px;
text-align:center
}

.slideshow{
overflow:hidden
}

.slideshow .content-slider{
position:absolute;
width:100%;
top:50%;
margin-top:-100px
}

.slideshow .content-slider p{
color:#FFF;
margin:0
}

.slideshow .content-slider p.first-line{
font-size:35px;
color:#00fff6;
font-weight:300;
position:relative;
padding-bottom:10px;
margin-bottom:25px
}

.slideshow .content-slider p.first-line:after{
position:absolute;
left:0;
bottom:0;
content:'';
height:5px;
width:50px;
background:#FFF
}

.slideshow .content-slider p.second-line{
font-size:40px
}

.slideshow .content-slider p.third-line{
font-size:50px
}

.slideshow .owl-theme .owl-controls .owl-buttons>div{
background:#fff;
border-radius:0;
position:absolute;
top:50%;
margin-top:-30px;
height:60px;
width:40px;
text-align:center;
line-height:60px;
transition:all .3s
}

.slideshow .owl-theme .owl-controls .owl-buttons>div.owl-prev{
left:-40px
}

.slideshow .owl-theme .owl-controls .owl-buttons>div.owl-next{
right:-40px
}

.slideshow:hover .owl-prev{
left:0!important
}

.slideshow:hover .owl-next{
right:0!important
}
/*BEGIN TẠI SAO CHỌN CHÚNG TÔI*/
.about-us
{
    position: relative;
}
.about-us::after
{
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background:#275FC0;
    z-index: -1;
}
.haboutus-desc{ position: relative;z-index: 22; color: #fff; }
.haboutus-desc h4
{
    margin-top: 15px;
}
.about-us h2{
font-weight:700;
font-size:24px;
}

.about-us a{
width:140px;
height:45px;
line-height:45px;
text-align:center;
border:1px #ebebeb solid;
border-radius:20px;
display:inline-block;
font-weight:700
}

.about-us .video-container{
position:relative;
padding-bottom:50%;
padding-top:30px;
height:0;
overflow:hidden
}

.about-us .video-container iframe,.about-us .video-container object,.about-us .video-container embed{
position:absolute;
top:0;
left:0;
width:100%;
height:100%
}
/*END TẠI SAO CHỌN CHÚNG TÔI*/

@keyframes collection2{
to{
transform:rotate(360deg);
-moz-transform:rotate(360deg);
-webkit-transform:rotate(360deg);
-ms-transform:rotate(360deg);
-o-transform:rotate(360deg)
}

from{
transform:rotate(0deg);
-moz-transform:rotate(0deg);
-webkit-transform:rotate(0);
-ms-transform:rotate(0deg);
-o-transform:rotate(0deg)
}
}

.main-service{
background:#f7f8f9
}

.main-service .item{
position:relative;
padding-left:82px;
margin-bottom:50px
}

.main-service .item h3{
font-size:18px;
font-weight:700;
margin-bottom:15px
}

.main-service .item p{
color:#707070
}

.main-service .item img{
position:absolute;
left:0;
top:0;
perspective:1000px;
-moz-perspective:1000px;
-webkit-perspective:1000px;
-ms-perspective:1000px;
-o-perspective:1000px
}

.main-service .item:hover img{
animation:collection2 2s linear 0 infinite;
-webkit-animation:collection2 2s linear 0 infinite
}

.main-project .title-module{
margin-bottom:25px
}

.main-project .nav-tabs{
border:none;
text-align:center;
margin-bottom:20px
}

.main-project .nav-tabs>li{
display:inline-block;
float:none;
padding:0 6px;
margin-bottom:15px
}

.main-project .nav-tabs>li a{
margin:0;
border-radius:3px;
border:1px #d7d7d7 solid;
transition:all .3s
}

.main-project .nav-tabs>li.active a,.main-project .nav-tabs>li:hover a{
border:1px solid #306ac2;
background:#306ac2;
color:#fff!important
}

.main-project .item{
margin:0 0 15px;
position:relative;
text-align:center
}

.main-project .item a:after{
content:'';
position:absolute;
width:100%;
height:100%;
background:url(../img/view.png) rgba(0,0,0,0.5) center center no-repeat;
z-index:99;
top:0;
left:0;
opacity:0;
transition:all .5s
}

.main-project .item h3{
position:absolute;
padding:15px;
width:100%;
bottom:0;
left:0;
font-size:14px;
background:linear-gradient(to right,rgba(3,188,202,0.8),rgba(35,94,191,0.8));
text-align:center;
line-height:1.5;
z-index:999;
opacity:0;
transition:all .5s;
color:#fff!important;
margin:0
}

.main-project .item:hover h3,.main-project .item:hover a:after{
opacity:1
}

.main-project .viewmore{
margin-top:30px;
display:inline-block;
width:100%
}

.main-reason {
    color: #FFF;
    text-align: center;
    background: url(../images/anh-ly-do.png) #306ac2 center center;
}

.main-reason .title-module>*{
color:#FFF
}

.main-reason h4{
font-size:50px;
font-weight:700;
display:inline;
position:relative
}

.main-blog{
padding-bottom:30px;
background:#f7f8f9
}

.main-blog .owl-controls{
margin-top:20px
}

.main-blog .owl-item{
padding:2px 15px
}

.main-blog a{
font-weight:700
}

.main-blog a.viewmore-blog{
color:#888
}

.main-blog .article{
border:#e0e0e0 1px solid;
margin-bottom:30px;
background:#FFF
}

.main-blog .article:hover .viewmore-blog{
color:#306ac2
}

.main-blog .article .image{
position:relative
}

.main-blog .article .image .date{
height:80px;
width:70px;
position:absolute;
top:0;
left:0;
background:rgba(42,133,225,0.7);
color:#FFF;
padding:13px 10px
}

.main-blog .article .image .date span{
text-align:center;
display:block
}

.main-blog .article .image .date span.day{
font-weight:700;
font-size:20px;
border-bottom:1px #FFF solid;
margin-bottom:3px;
padding-bottom:3px
}

.main-blog .article .image .date span.month{
font-size:13px
}

.main-blog .article .content{
padding:30px 15px 25px;
border-top:#e0e0e0 1px solid
}

.main-blog .article .content .desc{
min-height:80px
}

.main-blog .article .content h3{
font-size:14px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
text-transform:uppercase
}

.comments{
margin-top:25px
}

.comments ul li{
margin-bottom:0
}

.comments .avatar{
width:11%;
float:left
}

.comments .avatar img{
border-radius:50%
}

.comments .info-comment{
width:89%;
float:left;
padding-left:15px
}

.comments .info-comment .comment-content{
padding-bottom:20px;
border-bottom:solid 1px #ebebeb
}

.comments .info-comment .date{
color:#b0b0b0;
margin-bottom:18px
}

.page-title{
font-size:16px;
font-weight:700;
text-transform:uppercase;
font-family:Arial
}

.page-title:after{
content:"";
display:block;
background:#306ac2 left center no-repeat;
width:100px;
height:4px;
margin:20px 0 30px
}

.write-comment{
margin-top:30px;
margin-bottom:40px
}

.write-comment label{
display:block;
margin-bottom:7px;
font-weight:400
}

.write-comment .input-control{
width:100%;
padding:10px 15px
}

.write-comment textarea{
height:185px
}

.write-comment button{
height:44px;
line-height:44px;
padding:0 25px;
width:auto
}

.customer .title-module{
text-align:left;
margin-bottom:25px
}

.customer .title-module h2{
position:relative;
padding-bottom:15px
}

.customer .title-module h2:after{
position:absolute;
bottom:0;
left:0;
content:'';
height:3px;
width:25px;
background:linear-gradient(to left,#2260bf,#03bcca)
}

.customer .value .content h5{
padding:15px;
position:relative;
border-top:1px #ddd solid;
transition:all .5s;
margin:0
}

.customer .value .content h5 i{
position:absolute;
right:15px;
top:17px
}


.customer .value .content.active h5 i:before{
content:"\f068"
}

.customer .value .content.active h5{
background:#f6f6f6;
border-top:1px #f6f6f6 solid
}

.customer .value .content .details{
padding:25px 0;
width:100%;
display: none;

}
.customer .value .content.active .details{
padding:25px 0;
width:100%;
display: block;

}


.customer .value .content .details img{
float:left;
max-width:160px;
margin-right:30px
}

.customer .value .content .details p b{
display:block;
margin-bottom:10px
}

.customer .people-say img{
width:100px;
float:left;
margin-right:25px;
border-radius:50%
}

.customer .people-say .slide-people .details{
display:inline-block;
width:100%;
margin-bottom:50px;
color:#959595
}

.customer .people-say .slide-people .details b{
color:#000;
display:block;
text-transform:uppercase;
padding:15px 0 5px
}

.customer .people-say .owl-controls{
margin-top:50px
}

.main-contact{
width:100%;
background:#f7f8f9;
position:relative;
display:block;
overflow:hidden
}

.main-contact .google-map{
width:100%
}

.main-contact .google-map .map{
width:100%;
height:530px;
background:#dedede
}

.main-contact .map-footer{
width:50%!important;
float:right;
position:absolute;
right:0;
top:0
}

.main-contact .map-footer iframe{
width:100%
}

.main-contact .contact-form{
padding:60px 15px
}

.main-contact .contact-form h2{
font-size:24px;
margin-bottom:35px;
font-weight:700
}

.main-contact .contact-form input{
width:460px;
max-width:100%;
background:none;
border:none;
border-bottom:1px #d7d7d7 solid;
padding:10px 0;
outline:none;
margin-bottom:35px
}

.main-contact .contact-form button{
display:block;
width:180px;
background:none;
border:1px #d7d7d7 solid;
border-radius:20px;
padding:11px 0;
font-weight:700
}

.main-contact .contact-form button:hover{
background:#306ac2;
color:#FFF;
transition:all .5s
}

.main-contact .contact-form .alert{



}

.wrapper-blog h3{
margin:20px 0 15px;
font-size:18px;
transition:all .5s;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis
}

.wrapper-blog h3 a{
color:#2d2d2d
}

.wrapper-blog .article-item{
margin-bottom:50px
}

.wrapper-blog .article-item .desc{
color:#707070
}

.wrapper-blog .article-item:hover a{
color:#306ac2
}

.wrapper-blog .article-item:hover h3{
padding-left:10px
}
.newsletter .wrap-newsletter {
    display: inline-block;
    float: left;
}
.newsletter .wrap-newsletter .form-control {
    font-weight: 400;
}
.newsletter .actions .btn-primary {
    background-color: #00aff2;
    border-color: #00aff2;
    border-radius: 0px;
}
.newsletter .actions .btn-primary i {
    color: #fff;
}
#footer{
color:#696f7c
}

#footer img{
margin-bottom:30px
}

#footer h4{
color:#FFF;
font-weight:700;
padding-bottom:15px;
margin-bottom:35px;
position:relative;
text-transform:uppercase;
font-size:14px
}

#footer h4:after{
position:absolute;
bottom:0;
left:0;
content:'';
height:3px;
width:25px;
background:linear-gradient(to left,#2260bf,#03bcca)
}

#footer .mid-footer {
    clear: both;
    padding: 60px 0 10px;
    background: #0554f2;
}

#footer .mid-footer i{
color:#fff
}

#footer .mid-footer a{
color:#fff;
position:relative;
padding-left:15px;
display:inline-block;
width:100%
}

#footer .mid-footer a i{
color:#04baca;
position:absolute;
left:0;
top:3px;
line-height:15px
}

#footer .mid-footer ul li{
padding:5px 0;
transition:all .5s
}

#footer .mid-footer ul li:hover{
padding-left:10px
}

#footer .mid-footer ul.contact-footer li{
padding-left:33px;
position:relative
}

#footer .mid-footer ul.contact-footer li a{
padding-left:0
}
#footer .mid-footer ul.contact-footer li span {
    display: inline-block;
    float: left;
    padding-right: 15px;
}
#footer .mid-footer ul.contact-footer li span img {
    max-height: 35px;
}
#footer .mid-footer ul.contact-footer li b {
    display: block;
    margin-bottom: 5px;
}
#footer .mid-footer ul.contact-footer li i{
width:18px;
margin-right:15px;
text-align:center;
position:absolute;
left:0;
top:6px
}

#footer .bottom-footer{
background:#040c18;
text-align:center;
padding:12px 0
}

#footer .bottom-footer a{
color:#04baca
}

.sidebar .block{
margin-bottom:40px
}

.sidebar .block.list-articles ul{
position:relative;
padding-top:3px;
border:1px #ebebeb solid;
border-bottom:none
}

.sidebar .block.list-articles ul:before{
position:absolute;
top:0;
left:0;
content:'';
height:3px;
width:100%;
background:linear-gradient(to left,#2260bf,#03bcca)
}

.sidebar .block.list-articles ul li{
border-bottom:1px #ebebeb solid;
padding:20px;
font-weight:700;
transition:all .5s
}

.sidebar .block.list-articles ul li i{
margin-right:5px
}

.sidebar .block.list-articles ul li:hover{
padding-left:25px
}

.sidebar .block.contact-sidebar h4{
font-weight:700;
font-size:18px;
position:relative;
padding-bottom:15px;
margin-bottom:20px
}

.sidebar .block.contact-sidebar h4:after{
position:absolute;
bottom:0;
left:0;
content:'';
height:3px;
width:25px;
background:linear-gradient(to left,#2260bf,#03bcca);
margin:0
}

.sidebar .block.contact-sidebar ul li{
position:relative;
padding:10px 30px;
color:#9b9b9b
}

.sidebar .block.contact-sidebar ul li a{
color:#9b9b9b
}

.sidebar .block.contact-sidebar ul li i{
position:absolute;
color:#306ac2;
left:0;
width:15px;
height:15px;
text-align:center;
top:13px;
line-height:15px
}

.sidebar .block.file-sidebar{
padding:20px;
border-radius:3px;
background:#306ac2;
text-align:center;
transition:all .5s
}

.sidebar .block.file-sidebar:hover{
padding:23px 20px
}

.sidebar .block.file-sidebar a{
color:#fff!important
}

.article-details .share-link{
margin:25px 0 15px
}

.article-details .write-comment{
margin:30px 0 40px
}

.article-details .write-comment label{
display:block;
margin-bottom:7px;
font-weight:400
}

.article-details .write-comment .input-control{
width:100%;
padding:10px 15px
}

.article-details .write-comment button{
height:44px;
line-height:44px;
padding:0 25px;
width:auto;
transition:all .5s
}

.article-details .write-comment button:hover{
padding:0 30px
}

.article-details .write-comment textarea{
height:185px
}

.article-details .write-comment .comments{
margin-bottom:25px
}

.article-details .write-comment .comments .avatar{
width:11%;
float:left
}

.article-details .write-comment .comments .avatar img{
border-radius:50%
}

.article-details .write-comment .comments .info-comment{
width:89%;
float:left;
padding-left:15px
}

.article-details .write-comment .comments .info-comment .date{
color:#b0b0b0;
margin-bottom:18px
}

.article-details .write-comment .comments .info-comment .comment-content{
padding-bottom:20px;
border-bottom:solid 1px #ebebeb
}

.template-customer label{
display:block;
margin-bottom:7px
}

.template-customer .input-control{
width:100%;
height:44px
}

.content-expand-2{
display:inline-block;
margin:20px 0
}

.content-expand-2 b{
margin-bottom:5px;
display:inline-block
}

.content-expand-2 .image{
text-align:center;
padding-top:5px;
margin-bottom:15px
}

.content-expand-2 .image-big{
text-align:center
}

.content-expand-2 .module{
margin:0 0 20px
}

.content-expand-2 .module:last-child{
margin:0
}

.collection-grid .col-sm-4:nth-child(3n+1){
clear:left
}

.list-image .owl-item{
text-align:center
}


@media screen and (max-width: 1024px){
    .header-mobile .bottom-header .logo img{
    max-width:60px
    }
    .header-mobile .bottom-header .logo
    {
        float: left;
        display: inline-block;
        padding-right: 15px;
    }
    .desc-designweb img
    {
        width: auto !important;
        height: auto !important;
    }

}

@media screen and (min-width: 992px){
.article-item:nth-child(3n+1){
clear:left
}
}

@media screen and (min-width: 768px){
.main-project .col-sm-4:nth-child(3n+1){
clear:left
}
}

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

.about-us .video-container{
padding-bottom:45%
}

.product-detail .quantity,.product-detail .action-btn{
float:none
}

.product-detail .action-btn{
margin-top:17px
}

.product-list .button{
width:115px;
margin-right:2px
}

.main-contact .map-footer{
position:initial;
width:100%!important;
left:0
}

.viewmore-text{
text-align:center
}

.main-project .nav-tabs>li{
min-width:49%
}

.main-contact .contact-form button{
margin:0 auto
}

.provided{
display:block
}

.title-page .page-description{
width:100%
}

.customer .value .content .details img{
max-width:initial;
margin-bottom:10px
}

.title-page h1{
font-size:25px
}

.main-service .item{
padding:0;
text-align:center
}

.main-service .item img{
position:relative;
margin-bottom:15px
}
}

@media screen and (min-width: 480px) and (max-width: 767px){
.header-mobile .top-header span{
display:inline-block;
margin-right:10px
}

.main-contact .contact-form{
width:50%
}
}

@media screen and (max-width: 767px){
.home-banner{
margin-top:0;
text-align:center
}

.home-banner .img-fix{
margin-top:30px
}

.service .col-xs-12{
margin-bottom:15px
}

.top-footer .col-xs-12{
margin-bottom:30px
}

.mid-footer .col-xs-12{
margin-bottom:30px
}

.bottom-footer,.bottom-footer .social{
text-align:center
}

.service .col-xs-12:last-child,.top-footer .col-xs-12:last-child,.mid-footer .col-xs-12:last-child{
margin-bottom:0
}

.toolbar-collection select{
width:150px
}

.img-fix,.img-responsive{
width:100%
}

.aside-collection{
margin-top:30px
}

.comments .avatar{
width:20%
}

.comments .info-comment{
width:80%
}

.calculation{
margin-top:15px
}
}

@media screen and (min-width: 768px) and (max-width: 991px){
.service .col-sm-6:nth-of-type(3),.service .col-sm-6:nth-of-type(4){
margin-top:35px
}

.top-footer .col-sm-6:nth-of-type(3),.top-footer .col-sm-6:nth-of-type(4){
margin-top:25px
}

.mid-footer .col-sm-6:nth-of-type(3),.mid-footer .col-sm-6:nth-of-type(4){
margin-top:30px
}

.collection-grid .col-lg-4:nth-of-type(2n+3){
clear:both
}

.aside-collection{
margin-top:30px
}

.template-search .col-sm-6:nth-of-type(2n+1){
clear:both
}

.article-item:nth-child(2n+1){
clear:left
}
}

@media screen and (max-width: 991px){
.slideshow .content-slider p.first-line{
font-size:25px
}

.slideshow .content-slider p.second-line{
font-size:28px
}

.slideshow .content-slider p.third-line{
font-size:35px
}

.slideshow .content-slider p.first-line:after{
height:2px
}

.slideshow .content-slider{
margin-top:-80px
}

.home-about .info:after{
display:none
}

.home-about .info{
width:100%;
float:none;
height:auto;
padding:30px 15px
}

.home-about .image{
width:100%;
float:none;
height:auto
}

.top-collection,.mid-collection,.home-blogs,.home-brands,.home-about,.testimonial{
margin-top:35px
}

.block-title{
padding-bottom:0
}

.bottom-collection{
margin-top:40px;
padding:35px 0 20px
}

.testimonial .owl-item{
padding:0 30px
}

.testimonial .testimonial-box .image{
left:-43px
}

.home-blogs .col-xs-12{
margin-bottom:35px
}

.home-blogs .col-xs-12:last-child{
margin-bottom:0
}

.featured-prod{
height:auto
}

.product-detail .variant-selector .selector-wrapper{
float:none;
width:100%;
margin-bottom:15px
}

.product-detail .variant-selector .selector-wrapper:last-child{
margin-bottom:0
}

.sidebar{
margin-top:30px
}

#map{
margin-top:30px
}

.template-cart .table-cart tbody td:first-child{
padding:10px
}

.template-customer .wrapper-form{
margin-bottom:30px
}
}

@media screen and (min-width: 992px) and (max-width: 1199px){
.about-us h2{
margin-top:0
}

.about-us p{
margin-bottom:15px
}
}