/*

Theme Name: EZCOM

Author: EZ

Description: In 2014

Version: 3.0

*/





/* Global style */

body

{

    font-family: 'Roboto', sans-serif;



    position: relative;



    letter-spacing: .5px;



    color: #231f20;

    background: #fff;

}

ul,

ol

{

    margin: 0;

    padding: 0;



    list-style: none;

}

a:focus,

a:active

{

    text-decoration: none;



    color: #fff;

    outline: none;

}

a:hover

{

    text-decoration: none;

}

/* Layout */

input,textarea{

	font-family: 'Open Sans',sans-serif;

}

/* Colors */

.color-base

{

    color: #281767;

}

.bgr-base

{

    background: #f00;

}

.color-white

{

    color: #fff;

    font-size:13px;

}

.text-posfolio{

    font-size:18px;

    font-style:italic;

}

.bgr-white

{

    background: #fff;

}

.color-black

{

    color: #000;

}

.bgr-black

{

    background-color: #000;

}

.menu-opacity{	

	position: fixed !important;

	top: 0;

	left: 0;

	right: 0;

	z-index: 99999;

}

.control .text{

	cursor: pointer;

}

.color-black-lighter

{

    color: #231f20;

}

.bgr-black-lighter

{

    background: #231f20;

}

.upper

{

    text-transform: uppercase;

}

/* Margin - Padding */

.pd-top-60

{

    padding-top: 60px;

}

.pd-bottom-60

{

    padding-bottom: 60px;

}

.pd-top-40

{

    padding-top: 40px;

}

.pd-bottom-40

{

    padding-bottom: 40px;

}

.pd-top-30

{

    padding-top: 30px;

}

.pd-bottom-30

{

    padding-bottom: 30px;

}

.pd-top-20

{

    padding-top: 20px;

}

.pd-top-10

{

    padding-top: 10px;

}

.pd-bottom-20

{

    padding-bottom: 20px;

}

.mg-bottom-40

{

    margin-bottom: 40px;

}

.overflow

{

    overflow: hidden;

}

/* Transition */

.transition

{

    transition: all .4s;

}

/* Logo */

#logomenu

{

    z-index: 9999;

    padding-top: 5px;

    padding-bottom: 3px;

    background: none;

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    background: #fff;

    border-bottom: 1px solid #d9d9d9;

}

.home #logomenu{

	z-index: 99999;

    padding-top: 5px;

    padding-bottom: 3px;

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    background: #ffffff;

}

#logo

{

    text-align: center;

}

.logo

{

    font-family: 'Raleway',sans-serif;

    font-size: 36px;



    display: inline;

    float: left;



    margin-right: auto;

    margin-left: auto;



    color: #ff0009;

}

.logo:hover

{

    color: #fff;

}

/* Menutop */

.navbar-default

{

    margin-bottom: 0;



    border: none;

    border-radius: 0;

    background: transparent;

}

.navbar-collapse

{

    border: none;

}

.navbar-default .navbar-nav > li > a

{

    color: #fff;

}

.collapse ul li a,

.collapse ul li a:after

{

    transition: all .4s;

}

.collapse ul li a:hover,

.collapse ul li a:hover:after,

.collapse ul li.current-menu-item a,

.collapse ul li.current-menu-item a:after

{

    color: #2a1476 !important;

}

.main-menu{

    padding:10px 0px;

}

.menu-toggle

{

    z-index: 9999999;



    display: block;

    visibility: visible;



    width: 40px;

    height: 40px;

    margin: 20px auto 0;



    border-radius: 3px;

    background: #fff;

}

.menu-toggle:hover

{

    background: #e4e4e4;

}

.menu-toggle span

{

    position: relative;

    display: block;

    width: 25px;

    height: 4px;

    margin-top: 15px;

    margin-left: 0px;

    border-radius: 3px;

    background: #29156C;

}

.menu-toggle span:after,

.menu-toggle span:before

{

    position: absolute;

    left: 0;



    width: 25px;

    height: 4px;



    content: '';

    transition: all .4s;



    border-radius: 3px;

    background: #29156C;

}

.menu-toggle span:after

{

    top: -8px;

}

.menu-toggle span:before

{

    top: 8px;

}

.menu-toggle.active span

{

    width: 0;

    height: 0;

}

.menu-toggle.active span:after,

.menu-toggle.active span:before

{

    width: 20px;

    height: 3px;

    margin-top: 0;



    border-radius: 0;

}

.menu-toggle.active span:after

{

    top: 1px;

    left: 3px;



    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

}

.menu-toggle.active span:before

{

    top: 1px;

    left: 3px;



    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg);

}

/* Slider */

.rev_slider_wrapper .description

{

    position: relative;



    padding-left: 20px;

}

.rev_slider_wrapper .description:after

{

    font-family: 'FontAwesome';



    position: absolute;

    top: 0;

    left: 0;



    content: '\f00c';



    color: #f00;

}

/* Content */

.content:after

{

    display: table;

    clear: both;



    content: '';

}

.content-thumb

{

    text-align: center;

}

.content .content-title

{

    font-weight: bold;

}

.content .content-text

{

    line-height: 20px;



    margin-bottom: 0;

}

.headding1

{

    font-size: 42px;

    font-weight: 700 !important;

    margin-top: 0;

    font-family: 'Raleway',sans-serif;font-weight: 700;;

}

.headding2

{

    font-family: 'Raleway', sans-serif;

    font-size: 16px;

    font-weight: 700 !important;



    margin-top: 0;



    text-align: center;

    text-transform: uppercase;

}

.text-center{

    line-height:26px;

}

/* Support */

.support-content

{

    padding-top: 15px;

    padding-bottom: 15px;

}

.support-content .content-thumb

{

    margin-bottom: 25px;

}

.support-content .content-thumb img

{

    width: auto;

    height: 80px;

}

.support-content .content-title

{

    position: relative;



    padding-bottom: 10px;

}

.support-content .content-title:after

{

    position: absolute;

    bottom: 0;

    left: 50%;



    width: 45px;

    height: 0;

    margin-left: -22.5px;



    content: '';



    border-bottom: 1px solid #999;

}

.design-info{

    line-height:24px;

    margin-top:15px;

}

/* Process */

#process

{

    position: relative;

    background: url('images/bgr1.jpg') center no-repeat fixed;

    background-size: cover;

}

.process-content .content-title

{

    font-weight: 500 !important;

    color: #fff !important;

}

.control-wrapper

{

    background: #fff;

}

.control-wrapper ul li

{

    display: inline-block;

    float: left;

}

.control-wrapper .text

{

    display: block;



    margin-bottom: 0;

    padding: 10px 20px 10px 0;



    color: #231f20;

    background: #fff;

}

.control-content

{

    position: relative;



    overflow: hidden;

}

.control-item

{

    padding-top: 20px;

    padding-left: 35px;

}

.control-item .content-title

{

    font-weight: 500 !important;



    position: relative;



    text-align: left;



    color: #000;

}

.control-item .content-title:after

{

    position: absolute;

    top: -10px;

    left: -32px;



    content: '';

}

#cafe.control-item .content-title:after

{

    width: 25px;

    height: 26px;



    background: url('images/icon-cafe-mini.png') no-repeat center center;

}

#art.control-item .content-title:after

{

    top: -7px;



    width: 25px;

    height: 26px;



    background: url('images/icon-art-mini.png') no-repeat center center;

}

#code.control-item .content-title:after

{

    top: 0;



    width: 25px;

    height: 15px;



    background: url('images/icon-code-mini.png') no-repeat center center;

}

#check.control-item .content-title:after

{

    width: 25px;

    height: 24px;



    background: url('images/icon-check-mini.png') no-repeat center center;

}

.control-item .content-text

{

    text-align: justify;



    color: #000;

}

.control-nav

{

    font-size: 14px;



    display: inline-block;



    margin-top: 20px;

    margin-bottom: 20px;

    padding: 5px 10px;



    text-transform: uppercase;



    color: #000;

    background: #dfe0da;

}

.control-nav:hover

{

    color: #2A1476;

}

.imac

{

    display: none;

}

/* Project */

.project-content .row

{

    position: relative;

}

.project-content .content-text

{

    padding-top: 20px;

    padding-bottom: 20px;

}

.project-carousel .item

{

    position: relative;

}

.owl-controls{

	display: none;

}

.project-carousel .item .content-detail

{

    position: absolute;

    top: 75%;

    left: 0;



    width: 100%;

    height: 25%;

    transition: all .4s;



    background: rgba(0,0,0,.7);

}

.project-carousel .item .content-title

{

    margin-top: 10px;

}

.project-carousel .item .zoom,

.project-carousel .item .link

{

    display: none;

}

.fancybox-inner{

    height:auto!important;

}

.fancybox-wrap , .fancybox-wrap .quickview-img , .fancybox-wrap .quickview-content {

    max-width:1000px;

}

.quickview-content {

    background: #000 none repeat scroll 0% 0%;

    color: #999;

    overflow: hidden;

    padding:10px;

}

.quickview-content h2 {

    color:#fff;

    font-size:24px;

    margin-top: 5px;

    margin-bottom: 5px;

}

.quickview-content .des-info {

    margin-bottom: 15px;

    padding-top: 15px;

    padding-bottom: 15px;

    border-bottom: 1px solid #1E1E1E;

}

.quickview-content .text-info .date,

.quickview-content .text-info .category, 

.quickview-content .text-info  a {

    padding-left: 20px;

    font-size:13px;

    color:#999;

    position:relative;

    padding-bottom:5px;

}

.quickview-content .text-info .date:after,

.quickview-content .text-info .category:after,

.quickview-content .text-info  a:after{

    position: absolute;

    content: "";

    width: 16px;

    height: 18px;

    top: 0px;

    left: 0px;

}

.quickview-content .text-info .date:after {

    background:  url("images/portfolio-icon1.png") no-repeat ;

}

.quickview-content .text-info .category:after {

    background:  url("images/portfolio-icon2.png") no-repeat ;

}

.quickview-content .text-info  a:after {

    background:  url("images/portfolio-icon.png") no-repeat ;

}

.fancybox-skin{

    padding:0px!important;

}



.project-carousel .quickview{

    display:none;

}

.project-control

{

    position: absolute;

    z-index: 9999;

    top: 50%;



    display: block;



    width: 55px;

    height: 55px;

    margin-top: -27.5px;

    padding-top: 12.5px;

    transition: all .4s;

    text-align: center;



    background: #666;

}

.project-control:hover

{

    background: #2A1476;

}

.project-control.left

{

    left: 0;

}

.project-control.right

{

    right: 0;

}

/* Quickview */



/* They say */

.say-carousel:after

{

    font-family: 'Arial';

    font-size: 110px;

    font-weight: bold;

    line-height: 80px;	

    position: absolute;

    top: 0;

    left: 0;

    height: 50px;

    content: '“';

    text-align: center;

    color: #a5a4a4;    

}

.say-content .headding1{

	font-family: 'Raleway',sans-serif;font-weight: 700;;

	font-size: 36px;

	line-height: 1.3;

	margin-bottom: 10px;

}

.say-content .headding1 span{

	font-family: Raleway;

	font-weight: 300;

}

.say-carousel .owl-controls{

	display: block;

}

.say-content .content-text{

	font-family: Georgia;

	font-size: 17px;

	font-style: italic;

	text-align: left;

	margin-left: 70px;

}

.say-content .content-title

{

    font-weight: 600;

    padding-bottom: 20px;

}

.say-carousel .item .author

{

    font-weight: bold;



    padding-top: 20px;

    padding-bottom: 20px;



    text-transform: uppercase;

    

    font-family: Open Sans;

    font-style: inherit;

    background: url(images/line.png) top left no-repeat;

    width: 60%;

    padding-top: 20px;

    margin-top: 40px;

    font-size: 15px;

    padding-bottom: 0;

    margin-bottom: 0;

}

.say-control.left

{

    padding-right: 10px;

}

.say-control.right

{

    padding-left: 10px;

}

.they-say-all

{

    display: none;

}

.say-all-wrapper

{

    display: none;

}

.nicescroll-rails

{

    z-index: 9999999 !important;



    display: none !important;

}

.nicescroll-rails > div

{

    background: rgb(242, 51, 58) !important;

}

/* List logo */

.llogo-item

{

    width: 100%;

    margin: 0;

    padding: 0;



    list-style: none;



    text-align: center;

}

.llogo-item li

{

    display: inline-block;

}

.llogo-item li img

{

    display: block;

    transition: all .5s;

    -webkit-filter: grayscale(100%); 

    -moz-filter: grayscale(100%); 

    -ms-filter: grayscale(100%); 

    -o-filter: grayscale(100%); 

    filter: grayscale(100%); 

    filter: url('.get_template_directory_uri().'/images/grayscale.svg#greyscale); 

    filter: gray; 

}

.llogo-item li img:hover {

	filter: none;

	-webkit-filter: grayscale(0%);	

}

.llogo-item li img.active

{

    -webkit-transform: scale(1.1);

    transform: scale(1.1);

}

/* About us */

.tab-about .content-title

{

    font-family: 'Raleway', sans-serif;

    font-size: 16px;

    font-weight: bold;

}

.tab-container

{

    width: 100%;

}

.tab-container li p

{

    font-weight: 600;



    overflow: hidden;



    margin-bottom: 0;

}

.tab-container .tab-title

{

    padding: 20px 25px 20px 0;



    cursor: pointer;



    border-top: 1px solid #dadada;

    background: url('images/tab-close.png') no-repeat;

    background-position: center right;

}

.tab-container .tab-title.active

{

    color: #2428ba;

    background: url('images/tab-open.png') no-repeat;

    background-position: center right;

}

.tab-container .tab-content

{

    display: none;



    padding-bottom: 20px;

    line-height:26px;

}

/* About slider */

.slider-about

{

    position: relative;



    margin-top: 25px;

    padding-right: 40px;

    padding-left: 40px;

}

.slider-about .about-control

{

    position: absolute;

    top: 50%;



    margin-top: -23px;

}

.slider-about .about-control.left

{

    left: 0;

}

.slider-about .about-control.right

{

    right: 0;

}

/* Progress bar */

.progress-bar-content

{

    position: relative;



    background: #fff;

}

.progress-bar-content .overlay

{

    position: absolute;

    top: 0;

    left: 0;



    width: 100%;

    height: 100%;



    background: rgba(0,0,0,.7);

}

.pgr-about

{

    position: relative;



    max-width: 165px;

    max-height: 165px;

    margin: 0 auto;

}

.pgr-about .percent-text

{

    font-size: 30px;

    font-weight: 400;

    line-height: 169px;



    position: absolute;

    top: 0;

    left: 0;



    width: 100%;



    text-align: center;



    color: #fff;

}

.pgr-text

{

    font-family: 'Raleway', sans-serif;

    font-size: 14px;

    font-weight: 500;



    margin-top: 25px;

    margin-bottom: 35px;



    text-align: center;

    text-transform: uppercase;



    color: #fff;

}

/* Our member */

.member

{

    margin-bottom: 20px;

}

.member .content-thumb

{

    position: relative;

    overflow: hidden;

    max-width: 220px;

    margin: 0 auto;

    margin-bottom: 20px;

    border-radius: 50%;

}

.member .content-thumb img

{

    z-index: 1;



    width: 100%;



    border-radius: 50%;



}



.member .content-title

{

    font-size: 16px;

}

.member .content-title a

{

    color: #231f20;

}

.member .content-title a:hover

{

    color: #f00;

}

.member .content-des

{

    font-size: 15px;

}



/* Contact form */

.contact-form .form-control

{

    display: block;



    width: 100%;

    height: 35px;

    padding: 5px 10px;



    border: none;

    border-bottom: 1px solid #d6d6d6;

    border-radius: 0;

    box-shadow: none;

    background: none;

    color: #fff;

}

.contact-form .form-control:focus, .captcha-box input[type="text"]:focus

{

    border-bottom: 1px solid #f00;

}

.contact-form textarea.form-control

{

    height: 140px;



    resize: none;

}

.contact-form .form-submit

{

    font-weight: 600;

    line-height: 35px;
    font-size: 14px;


    position: relative;

    z-index: 2;





    width: 105px;

    height: 45px;

    padding-left: 30px;



    text-align: center;

    text-transform:uppercase;

    float:right;

    color: #fff;

    border: none;

    background: url('images/icon-submit.png') no-repeat 15px center #2A1476;

}

.contact-form .submit

{

    position: relative;



    display: inline-block;



    height: 45px;



    cursor: pointer;

}

.contact-form .content-title,

.locate .content-title

{

    font-size: 18px;

    font-weight: 700;

    text-align: left;

    text-transform: uppercase;

}

.locate .content-des

{

 line-height:28px;

 color: #fff;

}

.page-template-contact-page #logomenu{

	position: fixed;	

	top: 0;

    left: 0;

    right: 0;

}

.locate-group{

    padding:3px 0px;

    color: #555;

    overflow: hidden;

    margin-bottom: 10px;

}

.locate-group a{

	color: #fff;

}

.form-box{

	margin-bottom: 20px;

}

.captcha-row{

	margin-top: 20px;

}

.form-left{

	width: 48%;

	float: left;

}

.open-map a{

	font-weight: 600;

    line-height: 45px;

    position: relative;

    z-index: 2;

    width: 140px;

    height: 45px;

    text-align: center;

    text-transform: uppercase;

    float: right;

    color: #fff;

    border: none;

    display: block;

    background: #2A1476;

    margin-top:10px;

    text-align: center;

    font-size: 14px;

}

.contact-title{

	text-align: center;

	color: #fff;

	font-size: 48px;

	font-family: 'Raleway',sans-serif;font-weight: 700;

	text-transform: uppercase;

	margin-bottom: 40px;

}

.contact-bg{

	background: url(images/contact-bg.png) no-repeat;

	background-size:cover;

	padding-top: 80px;

}

.open-map a .fa{

	font-size: 22px;

	width: 20px;

	margin-top: 10px;

	text-align: left;

}

.clr{

	clear: both;

}

.form-right{

	width: 48%;

	float: right;

}

.captcha-box img{

	width: 20%;

	margin-top: 8px;

}

.contact-content .captcha-box input[type="text"]{

    padding: 5px 10px;

    border: none;

    border-bottom: 1px solid #d6d6d6;

    border-radius: 0;

    box-shadow: none;

    outline: none;

    background: none;

    color: #fff;

}

.form-quote .captcha-box{

	margin-top: 2px;

}

.form-quote .captcha-box input[type="text"]{

	margin-top: 12px;

}

.form-quote .captcha-box input[type="text"]:focus{

	border: none;

}

.captcha-box input[type="text"]{

	width: 78%;

    height: 35px;

}

.contact-form ::-webkit-input-placeholder { color:#fff; }

.contact-form ::-moz-placeholder { color:#fff; } 

.contact-form :-ms-input-placeholder { color:#fff; } 

.contact-form input:-moz-placeholder { color:#fff; }

.contact-form  .content-des

{

    font-size: 13px;

    color:#555;

    line-height:26px;

}

/* Locate */

.locate-group .fa

{

    font-size: 22px;



    width: 45px;

    height:45px;

    background:#c2c2c2;

    border-radius:50%;

    text-align:center;

    line-height:45px;

    float: left;

    margin-right: 12px;

    transition:0.5s ease;

}

.locate-group .fa:hover{

	background: red;

	color: #fff;

}

.locate-group .fa-envelope{

	font-size:18px;

}



.locate-group .text

{

    color:#fff;

    line-height: 1.5;

    margin-top: 10px;

    margin-bottom: 0;

}

.contact-group .text{

	margin-top: 2px;

}

.locate-group .title

{

    font-weight: 700;



    width: 80px;

    padding: 0 10px 0;



    text-transform: uppercase;

}

/* Services  */

.service-content

{

    position: relative;



    padding-top: 50px;

    padding-bottom: 50px;



    background: url('images/img-services1.jpg') no-repeat center;

    background-size:cover; 

}

.service-man

{

    display: none;

}

.service-create

{

    background: #f8f8f8;

}

.service-create .content

{

    position: relative;



    background: #fff;

}

.service-create .content .item

{

    float: left;



    width: 100%;

}

.service-create .content .item .content-title

{

    font-size: 18px;

    font-weight: 600;



    position: relative;



    text-align: left;

    text-transform: uppercase;

}

.service-convert

{

    background: url('images/bg_content2.jpg') no-repeat center center;

    background-size: cover;

}

.service-convert .thumb img

{

    margin: 0 auto;

}

.service-dev

{

    background: url('images/img_city1.jpg') no-repeat center center;

    background-size: cover;

}

/* Portfolio */

.page-head.portfolio-head

{

    background: url('images/banner1.png') no-repeat;

    background-size: cover; 

    padding-top: 150px;

    overflow: hidden;

}

.page-head.about-head

{

    background: url('images/bg-about.png') no-repeat;

    background-size: cover; 

    padding-top: 150px;

}

.page-head

{

    padding-top: 55px;

    padding-bottom: 55px;

}

.page-head .headding

{

    font-size: 36px;

    font-weight: bold;



    color: #fff;

}

.list-portfolio{

    margin-left: -5px;

    margin-right: -5px;

    text-align: center;

}

.list-portfolio li{

    list-style: none;

    display: inline-block;

    margin-left: 5px;

    margin-right: 5px;

    margin-bottom:25px;

}

.list-portfolio li a{

    padding: 8px 15px;

    color: #000;

    background: #ccc;

}

.list-portfolio li.active a,

.list-portfolio li a:hover{

    color: #fff;

    background: #281473;

}

.portfolio-paging

{

    margin-top: 30px;

}

.portfolio-paging .nextpostslink,

.portfolio-paging .previouspostslink

{

    font-size: 13px;

    font-weight: bold;



    color: #000;

    border: none;

}

.portfolio-paging .nextpostslink:hover,

.portfolio-paging .previouspostslink:hover

{

    color: #f00;

}

.portfolio-paging .current

{

    padding: 5px 10px;



    color: #fff;

    border: 1px solid #f00 !important;

    background: #f00;

}

.portfolio-paging .page

{

    font-weight: bold;



    padding: 5px 10px;



    color: #000;

    border: 1px solid #f00 !important;

    transition: all .4s;

}

.portfolio-paging .page:hover

{

    color: #fff;

    background: #f00;

}

/* Count project */

.count-project-content

{

    padding-top: 20px;

    padding-bottom: 20px;



    background: #1c1d18;

}

.count-project-content .item

{

    margin-top: 20px;

}

.count-project-content .item img

{

    height: 45px;

    margin: 0 auto;

}

.count-project-content .name

{

    font-size: 15.1px;



    position: relative;

    position: relative;



    margin-top: 20px;

    padding-top: 20px;



    text-align: center;



    color: #fff;

}

.count-project-content .name:after

{

    position: absolute;

    top: 0;

    left: 50%;



    width: 45px;

    height: 3px;

    margin-left: -22.5px;



    content: '';



    background: #fff;

}

.count-project-content .number

{

    font-size: 48px;

    font-weight: 600;



    text-align: center;



    color: #fff;

}

/* Portfolio */

.form-quote

{

    background: url('images/banner-quote.jpg') no-repeat center center;

    background-size: cover; 

}

.form-content

{

    padding-right: 15px;

    padding-left: 15px;



    background: rgba(0,0,0,.7);

    box-shadow: 0 0 3px rgba(0,0,0,.8);

}

.form-content .input .text-form

{

    line-height: 35px;



    display: block;



    width: 100%;

    height: 35px;

    margin-top: 10px;

    padding-left: 20px;



    color: #000;

    border: none;

}

.selectize-input > * {

    font-family: "Open Sans","sans-serif";

}

.form-content .input.require

{

    position: relative;

}

.form-content .input.require:after

{

    position: absolute;

    top: 18px;

    right: 15px;



    width: 11px;

    height: 11px;

    margin-top: -6px;



    content: '';



    background: url('images/icon-star.png') no-repeat;

}

.form-content .input.require.focus:after

{

    background: url('images/icon-star-focus.png') no-repeat;

}

.form-content p

{

    line-height: 26px;



    margin-top: 10px;



    color: #fff;

}

.form-content p.info

{

    display: none;



    color: #f00;

}

.form-content .input.file

{

    position: relative;



    float: right;



    width: 35px;

    height: 35px;

    margin-top: 10px;

}

.form-content .input.file:after,

.form-content .input.file:before

{

    position: absolute;



    content: '';

    cursor: pointer;

}

.form-content .input.file:after

{

    z-index: 0;

    top: 8px;

    right: 9px;



    width: 16px;

    height: 17px;



    background: url('images/icon-upload.png') no-repeat;

}

.form-content .input.file:before

{

    top: 0;

    left: 0;



    width: 35px;

    height: 35px;

    transition: all .4s;



    background: #49ac4d;

}

.form-content .input.file:hover:before

{

    background: #37803a;

}

.form-content .input.file input

{

    display: none;

}

.form-content .selectize-input

{

    line-height: 35px;



    height: 35px;

    margin-top: 10px;

    padding: 0 0 0 20px;



    border: none !important;

    box-shadow: none !important;

}

.form-content .selectize-input,

.form-content .selectize-dropdown

{

    color: #777;

    border-radius: 0;

}

.form-content textarea

{

    display: block;



    width: 100%;

    height: 125px;

    margin-top: 10px;

    padding: 7px 20px;



    resize: none;



    color: #000;

    border: none;

    border-radius: 0;

}

.form-content .input input[type=submit]

{

    line-height: 35px;

    display: block;

    width: 50%;

    margin:auto;

    height: 35px;

    margin-top: 3px;

    text-align: center;

    color: #fff;

    border: 0;

    background: #3b579d;

    margin-top: 15px;

}

.form-content .input input[type=submit]:hover

{

    background: #b90000;

}

.wpcf7-mail-sent-ok

{

    color: #00d7d7 !important;

    border: none !important;

}

.wpcf7-validation-errors

{

    color: #f00 !important;

    border: none !important;

}

/* Belive we */

.check-text p

{

    line-height: 200%;

}

.check-text .item

{

    position: relative;



    padding-left: 20px;

}

.check-text .item:after

{

    font-family: 'FontAwesome';



    position: absolute;

    top: 2px;

    left: 0;



    content: '\f00c';



    color: #f00;

}

.check-text.check-arrow .item

{

    font-weight: bold;

}

.check-text.check-arrow .item:after

{

    top: 10px;



    width: 12px;

    height: 7px;



    content: '';



    background: url('images/g.png') no-repeat;

}

.check-text.white p

{

    color: #fff;

}

.check-text.white .item:after

{

    color: #fff;

}

/* Contact */

.contact-map img

{

    width: 100%;

}

/* Footer */

footer

{

    padding-top: 20px;

    padding-bottom: 20px;



    background: #2F3038;

}

.content-footer .content-title

{

    font-size: 16px;

    font-weight: 500;



    text-transform: uppercase;

}

.content-footer a{

	color: #fff;

}

.content-footer

{

    margin-bottom: 30px;

}

.content-footer *

{

    text-align: left;

}

.copyright

{

    font-size: 12px;



    margin-bottom: 0;

    padding-top: 20px;



    border-top: 1px solid #4b5255;

}

.copyright a{

    color: #fff;

}

/* Gototop */

.gototop

{

    position: fixed;

    z-index: 9999;

    right: 20px;

    bottom: 20px;

    width: 30px;

    height: 30px;

    padding-top: 5px;

    transition: all .4s;

    text-align: center;

    display: none;

    border-radius: 30px;

    background: #000;

}

.gototop i{

    color: #fff;

}

.gototop:hover

{

    background: #2A68AF;

}



/* Custom Revolution */

.banner1{

    font-family: 'Raleway',sans-serif;

    font-size: 42px;

    font-weight: lighter;

}

.banner1 b{

    font-weight: bold;

}

.content-title.headding1{

	text-transform: uppercase;

	color: #2a1476;

}

.form-quote .wpcf7-captchar{

	width: 100%;

	margin-top: 10px;

}

.wpcf7-captchar{

	color: #000;

	padding: 0 20px;

}

.form-quote .wpcf7-submit{

	text-transform: uppercase;

}

.count-project-content .name{

	text-transform: uppercase;

}

.mg-head-mobile{

	display: none;

}

.portfolio .expander{

	overflow: hidden;

}

.portfolio .expander-wrapper{

	height: auto !important;

}

.portfolio .expander-wrapper .itemshow{

	background: #000;

	padding-bottom: 15px;

}

.llogo-control{

	background: none;

}

.llogo-control:hover{

	background: none;

}

.mg-head{

	padding-top: 100px;

}

.about-content{

	padding-top: 50px;

}

.slide-destop{

	padding-top:0;

}

.fix-head {

	height: 87px;	

}

.member .item {

	position: relative;

}

.member .link-box {

	position: absolute;

	top:50%;

	left: 0;

	right: 0;

	text-align: center;

	transform: translateY(-50%);

	-webkit-transform: translateY(-50%);	

	opacity:0;

	transition: 0.2s all;

	-webkit-transition: 0.2s all;

}

.member .link-box a{

	width: 40px;

	line-height: 40px;

	text-align: center;

	display: inline-block;

	border-radius:50%;

	color: #fff;

	

}

.member .link-box a.facebook {

	background: #3b579d;

}

.member .link-box a.google {

	background: #ff0009;

}

.member .markk{

	position: absolute;

	top: 0;left: 0;width: 100%; height: 100%;

	border-radius:50%;	

	transition: 0.5s all;

	-webkit-transition: 0.5s all;

	box-shadow: inset 0 0 0 0px rgba(0,0,0,0.3);

}

.member:hover .markk{

	box-shadow: inset 0 0 0 200px rgba(0,0,0,0.3);

}

.member:hover .link-box{

	opacity:1;

	transition-delay: 0.3s;

	-webkit-transition-delay: 0.3s;

}

.content_info_more {

    color: #333;

}

.content_info_more .locate-group .text {

    color: #333;

    margin-top: 0;

}

.devvn_table{

	display: table;

	width: 100%;

}

.devvn_cell{

	display: table-cell;

	vertical-align: middle;

}

.locate-group .devvn_cell.cell_1{

	width: 45px;

}

.contact_more {

    padding: 30px 0 10px;

}

.contact_more .content_info_more{

	margin-bottom: 20px;

    width: 100%;

    max-width: 250px;

    margin: 0 auto 20px;

}

.contact_more .open-map a{

	float: left;

}

.contact_more .locate .content-des {

    line-height: 28px;

    color: #333;

}

.contact_more .row_contact_more:nth-child(2n+1){

	clear: both;

}

body .fancybox-overlay{

	z-index: 9999999;

}

body{

	overflow-x: hidden;

}

.content_info_more .locate-group .text *{

	color: #333;

}

svg {

  display: block;

  height: 100%;

}

.content-footer .elp-widget *{

	text-align: left;

}

.content-footer .elp-widget {

    width: 100%;

    max-width: 370px;

    text-align: left;

    float: right;

}

.content-footer .elp-widget .es_caption {

    position: relative;

    overflow: hidden;

}


.content-footer .elp-widget .es_lablebox{

	display: none;

}

.content-footer .elp-widget .es_textbox {

    display: inline-block;

    width: 100%;

    margin-right: -110px;

    float: left;

    padding: 5px;

    padding-right: 110px;
}

.content-footer .elp-widget .es_button {

    margin: 0;

    padding: 0;

    display: inline-block;

    float: right;

}

.content-footer .elp-widget input#es_txt_email {

    height: 37px;

    background: none;

    border:1px solid #555;

    width: 100%;

    font-size: 13px;   

    padding: 10px;
    color: #fff;

}

.content-footer .elp-widget input#es_txt_button {

    background: #2a1476;
    color: #fff;
    font-weight: bold;
    border: 1px solid #2a1476;

    height: 37px;

    margin: 5px 5px 0 0;

    border-radius: 0px;

    -moz-border-radius: 0px;

    -webkit-border-radius: 0px;

    text-align: center;

    font-size: 13px;

    text-transform: uppercase;

}

.content-footer .elp-widget input#es_txt_button:hover{

	background-color: #fff;
    color: #2a1476

}

.social-og{

	list-style: none;

	text-align: right;

}

.social-og li{

	display: inline-block;

}

.social-og a{

	width: 28px;

    height: 28px;

    display: block;

    text-align: center;

    line-height: 28px;

    border-radius: 50%;

}

.item-blog h2 a{

    color: #222;

    font-size: 24px;

    text-transform: uppercase;

    font-weight: bold;

}

.item-blog h2 a:hover{

    color: #2B1577;

}

.item-blog p{

    font-size: 13px;

    color: rgb(34, 34, 34);

    line-height: 1.6em;

}

.post-info {

    background-color: #ededed;

    padding: 10px 20px;

    margin-bottom: 10px;

}

.post-info span:before{

    font-family: "FontAwesome";

    font-style: normal;

    font-size: 15px;

    color: #555;

    margin-right: 5px;

}

.post-info .time:before{

    content: "\f017";

}

.post-info .authod:before{

    content: "\f007";

}

.post-info .category:before{

    content: "\f02c";

}

.post-info span{

    font-size: 13px;

    color: #555;

    font-style: italic;

    padding:0px 5px;

    position: relative;

    margin-right: 10px;

}

.post-info span:after{

    width: 1px;

    background: #ccc;

    height: 15px;

    content: "";

    display: inline-block;

    position: absolute;

    margin-left: 10px;

    margin-top: 3px;

}

.post-info span:last-child:after{

    width: 0px;

}

.item-blog {

    border-bottom: 1px solid rgb(204, 204, 204);

    margin-bottom: 25px;

    padding-bottom: 10px;

}

.item-blog img{

    width: 100%;

    height: auto;

}

.list-blog {

    padding-right: 80px;

}

.list-blog .item-blog:last-child,

.list-blog .item-blog:nth-child(3n){

 border-bottom: none;

}

.loadmore{

    text-align: center;

}

.loadmore .load{

    width: 137px;

    height: 40px;

    display: inline-block;

    background: #4C4C4C ;

    text-align: center;

    color: #FFF;

    font-size: 15px;

    cursor: pointer;

    padding: 8px 20px;

    text-transform: uppercase;

}

.loadmore .load:hover{

    background: #CCCCCC;

    border: 1px solid #4C4C4C;

    color: #222;

}



.sidebar-blog{

    padding: 0px;

}

.sidebar-blog .screen-reader-text{

    display: none;

}

.blog-title{

    font-size: 24px;

    color: #222;

    text-transform: uppercase;

    border-bottom: 1px solid #ccc;

    font-weight: bold;

    padding-bottom: 15px;

}

.sidebar-blog ul li{

 margin-bottom: 10px;

 padding-left: 20px;

}

.sidebar-blog ul li:before{

  font-family: "FontAwesome";

  font-style: normal;

  font-size: 15px;

  color: #555;

  margin-right: 5px;

  content: "\f101";

  position: absolute;

  left: 0px;

}

.sidebar-blog ul li a{

    font-size: 13px;

    color: #222;

}

.sidebar-blog ul li.current-cat a,

.sidebar-blog ul li a:hover{

    color: #26136C;

}

.sidebar-blog ul li span.post_count{

    text-align: right;

    font-weight: bold;

    float: right;

}

.widget_recent_entries ul li span.post-date{

    color: #777;

    font-style: italic;

    display: block;

}

.widget_recent_entries ul li span.post-date:before{

  font-family: "FontAwesome";

  font-style: normal;

  font-size: 15px;

  color: #555;

  margin-right: 5px;

  content: "\f017";

}

.sidebar-blog .searchform{ 

    position: relative;

}

.sidebar-blog .searchform .text{

    padding: 10px 20px;

    width: 100%;

    border: 1px solid #ccc;

}



.searchform #searchsubmit {

    position: absolute;

    right: 10px;

    color: #555;

    top: 0px;

    height: 100%;

    z-index: 99;

    border: medium none;

    background: none;

    font-size: 15px;

}

.searchform #searchsubmit:hover {

    color: #e29221;

}

.detail-main .post-img {

    width: 100%;

    height: auto;

}

.detail-main h2{

    text-transform: uppercase;

    font-size: 24px;

    font-weight: bold;

    color: #222;

}

.recent-post img{

    width: 100%;

    height: auto;

    min-height: 160px;

}

.recent-post h2{

    font-size: 24px;

    color: rgb(36, 40, 186);

    text-transform: uppercase;

    font-weight: 900;

}

.recent-post ul{

    margin-left: -15px;

    margin-right: -15px;

}

.recent-post ul:after{

   clear: both;

   content: "";

   display: table;

}

.recent-post ul li h3{

    text-align: center;

}

.recent-post ul li h3 a{

    font-size: 14px;

    color: #222;

    text-transform: uppercase;

    font-weight: bold;

}

.recent-post ul li h3 a:hover{

    color: #2A1773;

}

/*

*

* Comment style

*

*/



#formcmmaxweb {

    overflow: hidden;

    position:relative;

    margin-bottom: 20px;

}

#formcmmaxweb .nameuser {

    text-align: left;

}

#formcmmaxweb .avatarmw img {

    float: left;

    margin: 5px 10px 0 0;

    border: 1px solid #ccc;

    padding: 5px;

}

.comments-title-maxweb {

    margin-bottom: 10px;    

    font-size: 24px;

    color: #2a1476;

    font-weight: bold;

    text-transform: uppercase;

}

.commentlist {

    margin-top: 10px;

}

.comment-author.vcard {

    float: left;

    clear: both;

    z-index: 2;

    position: relative;

    margin: 0px 10px 0 0;

}

.commentlist li {

    overflow: hidden;

    clear: both;

    margin-bottom: 10px;

}

.commentlist .children {

    margin-top: 10px;

}

.commentBody em {

    color: red;

}

.commentBody {

    position: relative;

    padding: 10px;

}

.comment-meta.commentmetadata {

    position: relative;

    padding: 0 0 5px 0;

    margin-bottom: 5px;

    overflow: hidden;

}

.nocomments {

    border-color: #D98D8D;

    background-color: #FFCECE;

    background-position: left -792px;

    color: #665252;

    padding: 10px;

}

.comment-meta.commentmetadata .ngaythang {

    top: 0;

    right: 10px;

    font-size: 12px;

    color: #6e6e6e;

    font-style: italic;

    margin-bottom: 0;

}

.commentBody .reply {

    position: absolute;

    top: 0;

    right: 0;

}

.comment-meta.commentmetadata .fn {

    font-weight: bold;

    color: #222;

    text-transform: uppercase;

    font-size: 16px;

    margin-bottom: 0;

}

.menu-toggle, input[type="submit"], input[type="button"], input[type="reset"], article.post-password-required input[type=submit], li.bypostauthor cite span {

    padding: 6px 10px;

    padding: 0.428571429rem 0.714285714rem;

    font-size: 11px;

    font-size: 0.785714286rem;

    line-height: 1.428571429;

    font-weight: normal;

    color: #7c7c7c;

    background-color: #e6e6e6;

    background-repeat: repeat-x;

    background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);

    background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);

    background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);

    background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);

    background-image: linear-gradient(top, #f4f4f4, #e6e6e6);

    border: 1px solid #d2d2d2;

    border-radius: 3px;

    box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);

}

#formcmmaxweb button, #formcmmaxweb input, #formcmmaxweb textarea {

    border: 1px solid #ccc;

    border-radius: 3px;

    font-family: inherit;

    padding: 6px;

    padding: 0.428571429rem;

    font-size: 14px;

    color: #222;

    font-weight: 900;

}

.menu-toggle, button, input[type="submit"], input[type="button"], input[type="reset"] {

    cursor: pointer;

}

.reply a.comment-reply-link{    

    color: #222;

    text-decoration: underline;

    font-size: 14px;        

    text-transform: uppercase;

}

.reply a.comment-reply-link:hover{

    text-decoration: none;

}

.noidungcomment {

    margin: 10px 0;

}

#formcmmaxweb p,

#formcmmaxweb input,

#formcmmaxweb textarea{

    width: 100%;

    background: transparent;

    outline: none;

}

#formcmmaxweb input:focus,

#formcmmaxweb textarea:focus{

    border-color: #000064;

}

#formcmmaxweb input,

#formcmmaxweb textarea{

    border: 1px solid #ccc;

    color: #222;

    font-size: 14px;

    color: #222;

    font-weight: 900;

    padding: 12px 20px;

}

#formcmmaxweb p{

    margin-bottom: 5px;

    text-align: center;

}

#formcmmaxweb .name-email p{

    width: 50%;

    float: left;

}

#formcmmaxweb .name-email p:first-child{

    padding-right: 2.5px;

}

#formcmmaxweb .name-email p:last-child{

    padding-left: 2.5px;

}

#formcmmaxweb input#submit {

    width: auto;

    font-weight: 700;

    color: #fff;

    background: #2a1476;

    padding: 10px 25px;

    border: none;

    font-size: 16px;

    text-transform: uppercase;

    display: block;

    margin: 0;

    right: 0;

    left: 0;

    border-radius: 0;

    -moz-border-radius: 0;

    -webkit-border-radius: 0;

    border: 2px solid #2a1476;

    float: left;



}

#formcmmaxweb input#submit:hover {

    background: transparent;

    color: #000064;

}

.text-left span{

    float: right;

    font-family: "Georgia";

    font-style: italic;

    margin-top: 10px;

}

::-webkit-input-placeholder {

   color: #555;

}



:-moz-placeholder { /* Firefox 18- */

   color: #555;  

}



::-moz-placeholder {  /* Firefox 19+ */

   color: #555;  

}



:-ms-input-placeholder {  

   color: #555;  

}

ol.commentlist_mw,

ol.commentlist_mw ul.children {

  list-style: none;

  margin-left: 0px;

}

ol.commentlist_mw li{

    margin-bottom: 10px;

}

ol.commentlist_mw ul.children{

    margin-top: 10px;

    margin-left: 50px;

}

#formcmmaxweb #email {

    margin-top: 0;

}

#formcmmaxweb #submit{

    position: relative; 

}

#formcmmaxweb .text-left{

    text-align: left !important;

    margin-top: 10px;

}

.commentlist_mw .children li.comment {

    border-top: 1px dashed #ccc;

}

.comments-title-maxweb {

    border-top: 1px solid #ccc;

    padding-top: 20px;

}

.loadimg{

    display: none;

}
.list-client ul::after{
    display: table;
    clear: both;
    content: "";
}
.testimonial {
    float: left;
    width: 100%;
}
.list-client {
    float: left;
    width: 100%;
}
.siderbar-left-sevice .box-siderbar-left {
    background-color: #e9e7f1;
}
.siderbar-left-sevice ul {
    padding: 15px 30px 30px 0px;
}
.siderbar-left-sevice ul li.child-page {
    position: relative;
    padding-left: 20px;
    margin-left: 20px;
}
.siderbar-left-sevice ul li.child-page:before{
    font-size: 13px;
    color: #222;
    font-family: "FontAwesome";
    content: "\f101";
    position: absolute;
    left: 0px;
    top: 12px;
}
.siderbar-left-sevice ul li.child-page:hover,
.siderbar-left-sevice ul li.child-page.active{
    background: #2a1476;
    margin-left: -10px;
    padding-left: 50px;
}
.siderbar-left-sevice ul li.child-page:hover:after,
.siderbar-left-sevice ul li.child-page.active:after{
     left: 100%;
     top: 50%;
     border: solid transparent;
     content: " ";
     height: 0;
     width: 0;
     position: absolute;
     pointer-events: none;
     border-left-color: #2A1476;
     border-width: 23px;
     margin-top: -23px;
}
.siderbar-left-sevice ul li.child-page:hover .arrow,
.siderbar-left-sevice ul li.child-page.active .arrow{
    position: absolute;
    width: 10px;
    height: 20px;
    background: url(images/bg_span.png) no-repeat;
    left: 0;
}
.siderbar-left-sevice ul li.child-page:hover:before,
.siderbar-left-sevice ul li.child-page.active:before{
    color: #fff;
    left: 30px;
}
.siderbar-left-sevice ul li.child-page:hover a,
.siderbar-left-sevice ul li.child-page.active a{
    color: #fff;
    border-bottom: none;
}
.siderbar-left-sevice ul li.child-page a{
    font-size: 15px;
    color: #222;
    border-bottom: 1px dotted #ccc;
    padding: 12px 0px;
    display: block;
}
.siderbar-left-sevice ul li.child-page:last-child a{
border-bottom: none;
}
.title-sevice{
    font-size: 24px;
    color: #291375;
    text-transform: uppercase;
    margin: 0px;
    padding: 0px;
    margin-bottom: 10px;
    font-weight: bold;
}
.top-content{
    position: relative;
    font-size: 18px;
    color: #222;
    font-family: "Georgia";
    font-style: italic;
    padding: 0px;
    margin: 0px;
    padding-left: 50px;

}
.top-content:before{
    position: absolute;
    left: 0;
    content: "";
    width: 40px;
    height: 40px;
    background: url(images/top-title.png) no-repeat;
    display: inline-block;
    margin-right: 10px;
}
.main-sevice{
    margin-top: 20px;
}
.content-sevice ul{
    margin: 5px 0px;
}
.content-sevice ul li{
    padding: 5px 0px;
    position: relative;
    padding-left: 20px;
}
.content-sevice ul li:before{
    font-size: 13px;
    color: #222;
    font-family: "FontAwesome";
    content: "\f101";
    position: absolute;
    left: 0px;
    top:5px;
}
.content-sevice p{
    font-size: 13px;
    color: #222;
}
.testimonial{
    margin-top: 30px;
}
.list-client h2{
    font-size: 24px;
    color: #222;
    text-transform: uppercase;
    font-weight: 700;
    display: block;
    border-bottom: 2px solid #cfcfcf;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.list-client ul li {
    margin-bottom: 10px;
    float: left;
    width: 100%;
    border: 1px solid #222;
}
.testimonial-text img{
    width: 50px!important;
    float: left;
    padding: 0px 10px 0px 0px;
}
.author-testimonial{
    float: right;
    font-weight: bold;
    font-size: 15px;
    color: #2a1476;
    text-transform: uppercase;
    position: relative;
    padding-right: 35px;
}
.author-testimonial:before{
    position: absolute;
    top: 50%;
    height: 0px;
    border-top: 1px dashed #2A1476;
    width: 18px;
    content: "";
    left:-30px;
}
.author-testimonial:after{
    position: absolute;
    top: 50%;
    height: 0px;
    width: 18px;
    border-top: 1px dashed #2A1476;
    content: "";
    right: 0;
}
.testimonial .owl-controls {
    margin-top: 0px;
    margin-left: 0px;
    display: block !important;
    position: absolute;
    bottom: -5px;
    left: 0;
}
.testimonial .owl-theme .owl-controls .owl-dot span {
    width: 14px;
    height: 14px;
}
.testimonial .owl-theme .owl-controls .owl-dot {
    height: 14px;
    width: 14px;
    margin-right: 6px;
}