/*----data------*/


.mod-data { text-align:center;padding:100px 0; background-color:#212246; background-image:url(../images/about_bg.jpg); 
background-repeat:no-repeat; background-position:center center; background-size:cover; }
.mod-data strong {font-weight: normal; font-size: 28px; padding-top:20px; line-height:1.2;padding-bottom:5px;display: block; color: #F3C921;}
.mod-data p {line-height: 1.8; margin:0 auto; font-size: 15px;}

@media (min-width: 768px) {
.mod-data { padding:220px 0;}
.mod-data strong {font-size: 54px;  padding-top:40px;padding-bottom:10px; }
.mod-data p { font-size: 17px;}
}
@media (min-width: 992px) {
.mod-data { padding:250px 0;}
.mod-data strong {padding-top:10px; }
}
@media (min-width: 1700px) {
.mod-data strong {font-size: 60px; }
}



/*------mod-right----*/

.mod-rights { position: relative;}

.mod-rights .container {
    position: relative;
}
.mod-rights .mod-title{  }
 
.mod-rights .info {
    position: relative;
}

.mod-rights h3.title {
    padding:15px 0;
    color: #fff;
    margin-bottom: 30px;
    font-weight: 200;
 
    font-size: 18px;
    text-align:right;
	 border-bottom:2px solid #176eff; border-image:linear-gradient(to left,#176eff,#00f3ff) 2; 
 border-left:0!important;border-right:0!important;border-top:0!important;
}

.mod-rights .each-text {
    position: relative;
    min-height: 180px;
    margin-top: 15px;
    line-height: 1.8;
    font-size: 15px;
 
}

.mod-rights .each-text h1 {
    position: relative;
    left: 50px;
    top: 3px;
    font-size: 20px;
    margin: 0;
    display: inline;
}

.mod-rights .each-text p {
    width: 90%;
    padding-top: 15px;
    padding-left: 50px;
}

.mod-rights .each-text span.icon {
    width: 40px;
    height: 30px;
    font-size: 18px;
    line-height: 30px;
    color: #fff;
    background-color: #2a57ab;
    text-align: center;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
}
 

@media (min-width: 768px) {
    .mod-rights .row {
        padding-top: 20px;
        padding-bottom: 40px;
    }
    .mod-rights h3.title{
        font-size: 26px;
    }
    .mod-rights .each-text span.icon {
        width: 55px;
        height: 55px;
        color: #fff;
        font-size: 24px;
        line-height: 55px;
    }
    .mod-rights .each-text p {
        width: 100%;
        font-size: 15px;
        padding-top: 15px;
        padding-left: 70px;
    }
    .mod-rights .each-text {
        min-height: 120px;
    }
    .mod-rights .each-text h1 {
        left: 70px;
        top: 0;
        font-size: 20px;
    }
}

@media (min-width:1200px) {
    .mod-rights .each-text p {
        width: 90%;
        font-size: 16px;
    }
    .mod-rights .each-text {
        font-size: 14px;
    }
    .mod-rights .each-text h1 {
        font-size: 22px;
    }
}

@media (min-width: 1400px) {
    .mod-rights .each-text {
        margin: 0 5px;
    }
}

/*-----contact----*/
@media (min-width: 768px) {
.mod-review { padding-bottom:90px;}
}
/*-----service----*/
.mod-service {padding-bottom:60px;}
@media (min-width: 768px) {
	.each-service .service-desc p {font-size:17px; color:#fff;    min-height: 90px;}

}
.mod-service-sub {    background-color: #363775;}

/*-----contact----*/

.mod-contact-bg { background-color:#212246; background-image:url(../images/about_bg.jpg); 
background-repeat:no-repeat; background-position:center center; background-size:cover; }
.mod-contact-bg .text-center {padding:50px 15px; font-size:18px; line-height:1.42; font-weight:100;}
.mod-contact-bg .text-center strong { display:block;color:#F3C921;font-size:22px; font-weight:normal;line-height:1.8; }

@media (min-width: 768px) {
.mod-contact-bg .text-center {padding:100px 30px;  font-size:28px; line-height:1.8; }	
.mod-contact-bg .text-center strong {font-size:34px;}
}
@media (min-width: 1200px) {
.mod-contact-bg .text-center {padding:180px 30px;  }	
}



.mod-contact { padding:100px 0; background:none;}
.mod-contact .container { }
.contact-text {
    width: 100%;margin:0 auto;
    padding:20px 20px; position:relative;
    border: 1px solid #627eb2;
}

.contact-text h2 {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: right;
    color: #627eb2;
    font-size: 26px;
    font-weight: 100;
}

.contact-text p {
    margin-bottom: 2px;
    font-size: 14px;
}
.contact-text .media-ma {background-color:#fff;width:80px;margin-top:20px; }
.contact-text .media-ma img { padding:3px; width:100%;height:auto;}
.contact-text .text-wrap { }
.contact-text p strong {
    font-size: 16px;
    line-height: 2;
    letter-spacing: 2px;
}

.contact-cover {
    height: 290px;
    background-color: #363775;
    border: 1px solid #363775;
    text-align: center;
    margin:20px auto;width: 100%;
    padding-top: 70px;
}

.contact-cover p {
    margin: 0 20px;
    padding-top: 15px;
    margin-top: 20px;
    font-size: 14px;
    font-weight:normal;
    border-top: 1px dashed #fff;
}

.contact-cover img {
    width: 160px;
    margin: 0 auto;
    display: block;
    text-align: center;
}

@media(min-width:768px) {
    .contact-text {
        margin-top: 0;
        max-width: 480px;
        height: 290px;padding:20px 30px;
    }
.contact-text .media-ma {width:120px;margin-top:70px; float:left; }
.contact-text .media-ma img { padding:5px;}
.contact-text .text-wrap {margin-left:150px;}
.contact-text h2 {font-size:32px;}
    .contact-cover {
        max-width: 480px;
    }
    .contact-cover p {
            margin: 0 50px;margin-top:20px;
        font-size: 16px;
        letter-spacing: 2px;
    }
    .contact-cover img {
        width: 200px;
    }
}
@media(min-width:992px) {
	.contact-cover {margin:0 auto;}
}