@font-face {
    font-family: 'BYekan';
    src: url('../font/BYekan.eot?#') format('eot'),
    url('../font/BYekan.woff') format('woff'),
    url('../font/BYekan.ttf') format('truetype');
}
html,body{
    width: 100%;
    height: 100%;
    padding: 0px;
    margin: 0px;
    direction: rtl;
    transition: all 1s linear;
}
*{
    padding: 0px;
    margin: 0px;
    -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
            box-sizing: border-box;
    font-family: BYekan;
    transition:all ease-in-out .2s;
}
#main{
    width: 100%;
}
#main #top-slide{
    width: 100%;
    min-height: 100px;
    background: rgba(53,53,59,.98);
}
/*************************************************************************link style***********************************************************/
#main #top-slide #load_slider{
    position: absolute;
    margin: auto;
    top: 260px;
    left: 0px;
    right: 0px;
    z-index: 0;
}
#nav_logo{
    height: 37px;
    position: fixed;
    top: 5px;
    right: 10px;
    z-index: 111;
}
nav{
    width: 100%;
    height: 100px;
    padding-top: 50px;
    line-height: 50px;
    background: rgba(53,53,59,1);
    transition: height 0s linear;
}
nav .list-bottom{
    margin-right: 13px;
    font-size: 20px;
    color: #ffffff;
    display: none;
}
nav .list-bottom label{
    cursor: pointer;
}
nav .list-bottom label i{
    margin-left: 10px;
}
#nav-right-check{
    display: none;
    opacity: 0;
    visibility: hidden;
}
nav ul{
    padding: 0px 68px 0px 0px;
}
nav ul span{
    margin: 0px 8px 0px 8px;
    display: block;
    font-size: 20px;
    color: #494950;
}
nav ul li{
    display: inline-block;
    color: #d9d9d9;
}
nav ul li a {
    line-height: 20px;
    padding: 5px 16px;
    font-size: 18px;
    color: #d9d9d9;
    text-decoration: none;
    border: 1px solid rgba(53, 53, 59, 1);
    display: block;
}
nav ul li a i{
    font-size: 14px !important;
    margin: 0px 10px 0px 0px;
}
nav ul li a:hover, .selected{
    color: rgba(201,52,40,1);
    background: none;
    border: 1px solid #494950;
}
nav ul ul li a:hover {
    background: rgba(53, 53, 59, 1);
}
nav ul ul{
    padding: 9px 0px 0px 0px;
    background: rgba(53,53,59,.6);
    visibility: hidden;
    position: absolute;
    opacity: 0;
    z-index: 44;
}
nav ul ul li{
    min-width: 350px;
    padding-left: 0px;
    margin-left: 0px;
    margin-bottom: 1px;
    position: relative;
    display: block;
}
nav ul ul li a{
    height: auto;
    border: none;
    background: rgba(53,53,59,.6);
    line-height: normal;
    text-align: right;
}
nav ul ul li a:hover{
    border: none;
}
nav ul ul ul{
    padding: 0px 0px 0px 0px;
    margin-top: 0px;
    margin-right: 1px;
    top: 0px;
    right: 100%;
}
nav ul li:hover>ul{
    visibility: visible;
    display: block;
    opacity: 1;
}
#nav_fixed{
    width: 100%;
    height: 50px;
    padding-top: 0px;
    position: fixed;
    top: -60px;
    left: 0px;
    z-index: 30;
    display: none;
}
#nav_right{
    max-width: 250px;
    height: 100%;
    margin-right: -200px;
    padding-top: 0px;
    overflow: hidden;
    position: fixed;
    top: 100px;
    right: 0px;
    z-index: 44;
    background: rgba(53,53,59,.9);
    opacity: 0;
    visibility: hidden;
    transition: all .5s linear;
}
#nav-right-check:checked+#nav_right{
    visibility: visible;
    opacity: 1;
    margin-right: 0px;
}
#nav_right ul {
    width: 100%;
    padding: 0px;
    text-align: right;
}
#nav_right ul li{
    padding-left: 0px;
    margin-top: 1px;
    margin-left: 0px;
    line-height: 40px;
    display: block;
}
#nav_right ul li a{
	padding: 15px 16px;
}
#nav_right ul li a.selected{
    color: rgba(201,52,40,1);
    background: none;
    border: 1px solid #494950;
}
#nav_right ul ul{
    visibility: visible;
    opacity: 1;
    background: none;
    position: static;
}
#nav_right ul ul li{
    padding: 0px 10px;
    position: static;
}
#nav_right ul ul li a{
    text-align: right;
    padding-right: 40px;
}
/*************************************************************************slider style***********************************************************/
#main #top-slide #slide-images{
    width: 100%;
    height: 560px;
    position: relative;
    overflow: hidden;
}
#main #top-slide #slide-images a{
    text-decoration: none;
}
#main #top-slide #slide-images img{
    min-width: 100%;
    opacity: 0;
    position: absolute;
    display: none;
    transition: all .4s linear;
    transition: margin-right 0s linear;
}
#slider-logo{
    max-width: 100px;
    max-height: 150px;
    position: absolute;
    top: 10px;
    left: 40px;
}
#main .slider-center-text{
    max-width: 90%;
    margin: auto;
    text-align: center;
    position: absolute;
	bottom:90px;
    right: 20px;
    display: none;
    opacity: 0;
}
#main .slider-center-text a{
    text-decoration: none;
    color: rgba(255,255,255,1);
    text-shadow: 0px 1px 2px rgba(0,0,0,1);
}
#main .slider-center-text #top-text{
    width: auto;
    padding-bottom: 12px;
    font-size: 24px;
    display: block;
}
#main .slider-center-text #bottom-text {
    font-size: 40px;
    display: inline-block;
}
#small_slide{
    text-align:center;
    position:absolute;
    overflow:hidden;
    top:575px;
    left:0px;
    right:0px;
}
#small_slide ul{
    height: 100px;
}
#small_slide ul li{
    width:200px;
    height:100px;
    margin-right:5px;
    display:inline-block;
    cursor:pointer;
    overflow: hidden;
	border: 1px solid white;
}
#small_slide ul li img{
    height:100px;
    margin: auto;
}
#small_slide ul li .small_slide_cover{
    width:198px;
    height:98px;
    margin-top:100px;
    display:inline-block;
    background:rgba(51,55,56,.7);
    position:absolute;
    z-index: 66;
}
#small_slide ul li:hover>.small_slide_cover{
    margin-top:0px;
}
#main #slide-space{
    width: 100%;
    height: 45px;
    background: rgba(53,53,59,.98);
    text-align: center;
}
/*************************************************************************headlines-text style***********************************************************/
.headlines-text{
    width: 250px;
    height: 80px;
    margin: 0px auto;
    padding: 30px 0px 0px 0px;
    line-height: 50px;
    font-size: 30px;
    border-bottom: 1px solid rgba(202,202,204,1);
    text-align: center;
    color: rgba(53,53,59,1);
}
/*************************************************************************anthology style***********************************************************/
#main #anthology-box{
    width: 100%;
    margin-top: 10px;
}
#main #anthology-box #anthology-images{
    width: 100%;
    margin: 30px auto;
    padding-bottom: 30px;
    text-align: center;
}
#main #anthology-box #anthology-images ul{
    text-align: center;
}
#main #anthology-box #anthology-images ul li{
    width: 350px;
    height: 350px;
    margin: 0px 15px 20px 15px;
    overflow: hidden;
    display: inline-block;
    cursor: pointer;
}
#main #anthology-box #anthology-images ul li .li-block{
    height: 350px;
    overflow: hidden;
    position: absolute;
}
#main #anthology-box #anthology-images ul li img{
    width: 350px;
    height: 350px;
}
#main #anthology-box #anthology-images ul li .anthology-images-text,#main #anthology-images ul li .anthology-images-cover{
    width: 350px;
    height: 350px;
    display:inline-block;
    position: absolute;
    transition: all .4s linear;
}
#main #anthology-box #anthology-images ul li .anthology-images-text{
    margin-top: -350px;
    padding: 80px 5px 5px 5px;
    font-size: 30px;
    color: #fff;
    z-index: 2;
}
#main #anthology-box #anthology-images ul li .anthology-images-text p{
    margin: 5px;
    font-size: 18px;
    text-align: justify;
    text-justify: auto;
}
#main #anthology-box #anthology-images ul li .anthology-images-text a{
    width: 120px;
    margin: 10px auto;
    padding: 5px;
    text-decoration: none;
    font-size: 16px;
    padding: 3px;
    display: block;
    color: #ffffff;
    border: 1px solid #ffffff;
}
#main #anthology-box #anthology-images ul li .anthology-images-text a:hover{
    background: #1a507f;
    color: #ffffff;
}
#main #anthology-box #anthology-images ul li .anthology-images-cover{
    margin-top: 350px;
    background: rgba(201,52,40,.9);
    z-index: 1;
}
#main #anthology-box #anthology-images ul .li-block:hover>.anthology-images-cover{
    margin-top: 0px;
}
#main #anthology-box #anthology-images ul .li-block:hover>.anthology-images-text{
    margin-top: 0px;
}
/*************************************************************************solution style***********************************************************/
#main #solution{
    width: 100%;
    padding: 0px 70px 20px 70px;
    background: rgba(229,231,230,1);
    overflow: hidden;
	text-align:center;
}
#main #solution .headlines-text{
    width: 150px;
}
#main #solution ul li{
    width: 25%;
    padding: 30px 15px;
    text-align: center;
    display: inline-block;
	margin: 0 -3px;
}
#main #solution ul li:hover img{
	padding:5px;
}
#main #solution ul li:hover i{
	color: #25d508;
}
#main #solution ul li img{
    width: 120px;
    height: 120px;
    margin-bottom: -120px;
    transition: all .4s linear;
    display: none;
    -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
            border-radius: 50%;
}
#main #solution ul li .solution-head{
    font-size: 20px;
    color: rgba(0,0,0,1);
}
#main #solution ul li .solution-text{
    padding: 10px 0px;
    font-size: 13px;
    color: rgba(0,0,0,.7);
    text-align: justify;
    text-justify: auto;
}
#main #solution ul li a{
    font-size: 24px;
    text-decoration: none;
    color: rgba(227,0,46,1);
}
#main #solution ul li a:hover{
    color: rgba(37,213,8,1);
}
/**********************************************************************recent-projects style********************************************************/
#main #recent-projects{
    padding: 50px 0px 10px 0px;
}
#main #recent-projects #recent-projects-slider{
    margin-top: 50px;
    overflow: hidden;
}
#main #recent-projects #recent-projects-slider ul{
    overflow: hidden;
}
#main #recent-projects #recent-projects-slider ul li{
    width: 20%;
    max-height: 300px;
    display: inline-block;
    overflow: hidden;
	margin:0 -1.5px;
}
#main #recent-projects #recent-projects-slider ul li img{
    width: 100%;
    max-height: 300px;
    cursor: pointer;
    transition: all .6s linear;
}
#main #recent-projects #recent-projects-slider ul #first_child img{
    margin-right: -100%;
}
#main #recent-projects #recent-projects-slider ul #last_child img{
    margin-right: 100%;
}
#main #recent-projects #image_view_recent{
    opacity: 0;
    display: none;
}
#main #recent-projects #recent_project_image_view{
    max-width: 0px;
    max-height: 0px;
    padding: 10% 20%;
    margin: auto;
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    text-align: center;
    background: rgba(0,0,0,.8);
    visibility: hidden;
    opacity: 0;
    z-index: 44;
    transition: all .4s linear;
}
#main #recent-projects #recent_project_image_view img{
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    position: fixed;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    cursor: pointer;
}
#main #recent-projects #image_view_recent:checked~#recent_project_image_view{
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    visibility: visible;
    opacity: 1;
}
/*****************************************************************other project bottom style****************************************************/
#other-project{
    width: 200px;
    height: 45px;
    margin:0px auto 100px auto;
    line-height: 40px;
    text-decoration: none;
    text-align: center;
    font-size: 20px;
    color: #ffffff;
    border: 1px solid rgba(202,51,40,1);
    background: rgba(202,51,40,1);
    display: block;
}
#other-project:hover{
    background: rgba(202,51,40,.85);
}
/*******************************************************************best-solution style*******************************************************/
#best-solution{
    width: 100%;
    height: 250px;
    padding: 20px 0px;
    margin-bottom: -200px;
    text-align: center;
    overflow: hidden;

}
#best-solution img{
    min-width:100%;
    height: 400px;
    transition:margin-top .3s linear;
}
#best-solution-text{
    height: 200px;
    padding: 50px 0px;
    text-align: center;
    color: #ffffff;
    text-shadow: 0px 1px 2px rgba(0,0,0,1);
}
#best-solution-text h3{
    font-size: 36px;
}
#best-solution-text p{
    font-size: 24px;
}
/************************************************************************email style************************************************************/
#email{
    padding: 20px 0px;
    text-align: center;
}
#email form{
    margin: 20px 0px 60px 0px;
}
#email form input[type="text"]:hover,#email form input[type="text"]:focus{
    border-color: rgba(202,51,40,1);
}
#email form input[type="submit"]{
    width: 90px;
    height: 40px;
    font-size: 20px;
    cursor: pointer;
    border: 1px solid rgba(202,51,40,1);
    background: rgba(202,51,40,1);
    color: #ffffff;
}
::-moz-placeholder {
    text-align: right !important;
}
:-ms-input-placeholder {
    text-align: right !important;
}
::-webkit-input-placeholder {
    text-align: right !important;
}
#email form input[type="text"]{
    width: 500px;
    height: 40px;
    text-align: left;
    padding: 5px;
    font-size: 20px;
    border: 1px solid rgba(230,230,230,1);
}
#email form input[type="submit"]:hover{
    background: rgba(202,51,40,.85);
}
/************************************************************************footer-slide style************************************************************/
#footer_slide{
    width: 100%;
    height: 80px;
    line-height: 80px;
    background: rgba(225,226,228,1);
    text-align: center;
}
#footer_slide ul{
    width: 100%;
    height: 80px;
    overflow: hidden;
}
#footer_slide ul li{
    width: 16.666666%;
    display: inline-block;

    transition: all .7s linear;
}
#footer_slide ul li .footer_a_slide{
    margin-top: 80px;
    padding: 10px 5px;
    display: block;
    text-decoration: none;
    transition: all .4s linear;
}
#footer_slide ul li .footer_a_slide img{
    max-width: 70%;
    max-height: 60px;
}
#footer_slide ul li .footer_a_slide:hover> img{
    transform: scale(1.2);
}
/********************************************************************** footer style************************************************************/
#footer{
    padding: 20px 100px;
    background: #353b3b;
    color: #fff;
}
#footer #footer-top{
    padding-bottom: 20px;
    border-bottom: 1px solid #999d9e;
}
#footer #footer-top-right{
    float: right;
}
#footer #footer-top-right span{
    padding: 0px 10px;
    line-height: 50px;
    float: right;
}
#footer #footer-top-right ul{
    width: 400px;
}
#footer #footer-top-right ul li{
    height: 50px;
    margin-left: 5px;
    display: inline-block;
}
#footer #footer-top-right ul li a{
    text-decoration: none;
}
#footer #footer-top-right ul li i{
    width: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 36px;
    display: block;
    color: #ffffff;
    background: #86898e;
    -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
            border-radius: 50%;
}
#footer #footer-top-right ul li #facebook:hover{
    background: #3b579d;
}
#footer #footer-top-right ul li #twit:hover{
    background: #2caae1;
}
#footer #footer-top-right ul li #insta:hover{
    background: #2a5b83;
}
#footer #footer-top-right ul li #rss:hover{
    background: #ff8d42;
}
#footer #footer-top-left{
    padding: 3px 0px 3px 10px;
    font-size: 12px;
    float: left;
    direction: ltr;
}
#footer #footer-top-left p{
    font-size: 16px;
    margin-bottom: 10px;
}
#footer #footer-top-left #email-address{
    font-family: tahoma;
    font-size: 12px;
    margin-bottom: 0px;
}
#ico_mail{ text-align:left !important; display:inline-block; float:left;}
#ico_mail i{ position:relative; top:8px;}
#ico_mail span{ display:block;}
@media only screen and (max-width: 500px){
	#foot_icon{ text-align:center;}
	#ico_mail{ float:none;}
	#ico_mail i{ top:-17px;}
	#ico_mail span{ font-size:20px;}
}
#footer #footer-top-left i{
    margin-right: 8px;
    font-size: 18px;
}
#footer #footer-bottom #footer-bottom-right{
    float: right;
}
#footer #footer-bottom #footer-bottom-right ul{
    margin: 5px 10px 0px 60px;
    float: right;
}
#footer #footer-bottom #footer-bottom-right ul li{
    display: block;
}
#footer #footer-bottom #footer-bottom-right ul li a{
    text-decoration: none;
    color: #ffffff;
}
#footer #footer-bottom #footer-bottom-right ul li a i{
    margin: 0px 4px;
    line-height: 30px;
}
#footer #footer-bottom #footer-bottom-right ul li a:hover{
    color: rgba(202,51,40,1);
}
#footer #footer-bottom #footer-bottom-left{
    float: left;
}
#footer #footer-bottom #footer-bottom-left p{
    line-height: 20px;
    text-align: left;
    font-size: 12px;
    font-family: tahoma;
    clear: both;
}
#footer #footer-bottom #footer-bottom-left #address{
    padding: 10px 0px;
    margin-bottom: 25px;
    font-family: BYekan;
    font-size: 14px;
    text-align: justify;
    text-justify: auto;
    float: left;
}
#footer #footer-bottom #footer-bottom-left #designer a{
    text-decoration: none;
    margin: 5px;
    color:#FFFFFF;
}
#footer #footer-bottom #footer-bottom-left #designer a:hover{
    color: #cecece;
}
.clear{
    clear: both;
}
.nav_space{
    height: 100px;
    display: none;
}
#back_to_top{
 	width:50px;
	height:50px; 
	line-height:45px;
	background:rgba(202,51,40,1);
	border-radius:50%;
	text-align:center;
    position: fixed;
    bottom: 20px;
    right: 30px;
	font-size:24px;
    color: #fff;
    display: none;
    opacity: .4;
}
#back_to_top:hover{
    opacity: 1;
}
/***************************************************************************responsive for 1200px**************************************************/
@media only screen and (max-width: 1200px){
    /*************************************************************************slider style***********************************************************/
    #main #slider-center-text{
        width: 220px;
    }
    #main #slider-center-text #top-text{
        font-size: 18px;;
    }
    #main #slider-center-text #bottom-text {
        font-size: 28px;
    }
    /*************************************************************************anthology style***********************************************************/
    #main #anthology-box #anthology-images ul li{
        width: 300px;
        height: 300px;
    }
    #main #anthology-box #anthology-images ul li .li-block{
        height: 300px;
    }
    #main #anthology-box #anthology-images ul li img{
        width: 300px;
        height: 300px;
    }
    #main #anthology-box #anthology-images ul li .anthology-images-text,#main #anthology-images ul li .anthology-images-cover{
        width: 300px;
        height: 300px;
    }
    #main #anthology-box #anthology-images ul li .anthology-images-text{
        margin-top: -300px;
        padding: 60px 5px 5px 5px;
        font-size: 26px;
    }
    #main #anthology-box #anthology-images ul li .anthology-images-text p{
        font-size: 16px;
    }
    /**********************************************************************recent-projects style********************************************************/
    #main #recent-projects #recent-projects-slider ul li{
        width: 20%;
    }
    #main #recent-projects #recent-projects-slider ul li img{
        height: 200px;
    }
    /************************************************************************footer-slide style************************************************************/
    #footer_slide ul li .footer_a_slide{
        padding: 15px 5px;
    }
    #footer_slide ul li .footer_a_slide img{
        max-height: 50px;
    }
}
/***************************************************************************responsive for 1050px**************************************************/
@media only screen and (max-width: 1050px){
    /*************************************************************************slider style***********************************************************/
	#main .slider-center-text {
		bottom:10px;
		right:0;
		left:0;
	}
	#main #top-slide #slide-images{
        height: 450px;
    }
    #main #top-slide #slide-images img{
        height: 450px;
    }
    #small_slide{
        display: none;
    }
    /*************************************************************************anthology style*********************************************************/
    #main #anthology-box #anthology-images ul li{
        width: 250px;
        height: 250px;
    }
    #main #anthology-box #anthology-images ul li .li-block{
        height: 250px;
    }
    #main #anthology-box #anthology-images ul li img{
        width: 250px;
        height: 250px;
    }
    #main #anthology-box #anthology-images ul li .anthology-images-text,#main #anthology-images ul li .anthology-images-cover{
        width: 250px;
        height: 250px;
    }
    #main #anthology-box #anthology-images ul li .anthology-images-text{
        padding: 40px 5px 5px 5px;
        margin-top: -250px;
    }

    #main #anthology-box #anthology-images ul li .anthology-images-text h4{
        font-size: 22px;
    }
    #main #anthology-box #anthology-images ul li .anthology-images-text p{
        font-size: 16px;
    }
}
/***************************************************************************responsive for 950px**************************************************/
@media only screen and (max-width: 950px){
    /*************************************************************************slider style***********************************************************/
    #main #top-slide #slide-images{
        height: 400px;
    }
    #main #top-slide #slide-images img{
        height: 400px;
    }
    #main .slider-center-text #top-text{
        font-size: 22px;
    }
    #main .slider-center-text #bottom-text {
        font-size: 36px;
    }
    /*************************************************************************anthology style*********************************************************/
    #main #anthology-box #anthology-images ul li{
        width: 240px;
        height: 240px;
    }
    #main #anthology-box #anthology-images ul li .li-block{
        height: 240px;
    }
    #main #anthology-box #anthology-images ul li img{
        width: 240px;
        height: 240px;
    }
    #main #anthology-box #anthology-images ul li .anthology-images-text,#main #anthology-images ul li .anthology-images-cover{
        width: 240px;
        height: 240px;
    }
    #main #anthology-box #anthology-images ul li .anthology-images-text{
        padding-top: 40px;
        margin-top: -240px;
    }
    #main #anthology-box #anthology-images ul li .anthology-images-text p{
        font-size: 14px;
    }
    /*************************************************************************solution style***********************************************************/
    #main #solution{
        padding: 0px 100px 20px 100px;
    }
    #main #solution ul li{
        width: 50%;
        padding: 30px;
    }
    #main #solution ul li img{
        width: 150px;
        height: 150px;
    }
    #main #solution ul li .solution-head{
        font-size: 24px;
    }
    #main #solution ul li .solution-text{
        font-size: 18px;
    }
    /**********************************************************************recent-projects style********************************************************/
    #main #recent-projects #recent-projects-slider ul{
        height: 170px;
    }
    #main #recent-projects #recent-projects-slider ul li img{
        height: 170px;
    }
    /*****************************************************************end recent-projects style****************************************************/
    #footer{
        padding: 20px 50px;
        background: #353b3b;
        color: #fff;
    }
}
/***************************************************************************responsive for 870px**************************************************/
@media only screen and (max-width: 1050px){
    #main #top-slide #nav_top ul,#main #top-slide #nav_fixed ul{
        display: none;
    }
    #main #top-slide nav .list-bottom{
        display: block;
    }
    nav ul li a{
        border: none;
    }
    nav ul li a:hover, .selected{
        color: #d9d9d9;
        background: none;
        border: none;
    }
    nav ul ul li a:hover{
        background: rgba(53,53,59,.6);
    }
}
@media only screen and (max-width: 870px){
    /*************************************************************************slider style***********************************************************/
    #main #top-slide #slide-images{
        height: 350px;
    }
    #main #top-slide #slide-images img{
        height: 350px;
    }
    #main #slider-center-text{
        top: 120px;
    }
    #main #slider-center-text #top-text{
        font-size: 18px;
    }
    #main #slider-center-text #bottom-text {
        font-size: 24px;
    }
    #main #slider-logo{
        position: absolute;
        top: 10px;
        left: 5px;
    }
    #nav_logo{
        right: auto;
        left: 15px;
    }
    /*************************************************************************anthology style***********************************************************/
    #main #anthology-box{
        width: 100%;
        margin-top: 10px;
    }
    #main #anthology-box #anthology-images{
        width: 100%;
        margin: 30px 0px;
    }
    #main #anthology-box #anthology-images ul{
        text-align: center;
    }
    #main #anthology-box #anthology-images ul li{
        width: 450px;
        height: 450px;
        margin: auto;
        margin-bottom: 35px;
        display: block;
    }
    #main #anthology-box #anthology-images ul li .li-block{
        height: 450px;
    }
    #main #anthology-box #anthology-images ul li .li-block{
        width: 450px;
        height: 450px;
        position: absolute;
        overflow: hidden;
    }
    #main #anthology-box #anthology-images ul li img{
        width: 450px;
        height: 450px;
    }
    #main #anthology-box #anthology-images ul li .anthology-images-text,#main #anthology-images ul li .anthology-images-cover{
        width: 450px;
        height: 450px;
    }
    #main #anthology-box #anthology-images ul li .anthology-images-text{
        margin-top: -450px;
        padding: 110px 5px 5px 5px;
        font-size: 34px;
    }
    #main #anthology-box #anthology-images ul li .anthology-images-text h4{
        font-size: 38px;
    }
    #main #anthology-box #anthology-images ul li .anthology-images-text p{
        font-size: 22px;
    }
    #main #anthology-box #anthology-images ul li .anthology-images-cover{
        margin-top: 450px;
    }
    /*************************************************************************solution style***********************************************************/
    #main #solution{
        padding: 0px 0px 50px 0px;
    }
    #main #solution .headlines-text{
        width: 150px;
    }
    #main #solution ul li{
        width: 90%;
        margin: 50px auto 0px auto;
        padding: 0px;
        display: block;
    }
    #main #solution ul li img{
        width: 150px;
        height: 150px;
        margin-top: 10px;
        margin-bottom: -150px;
    }
    #main #solution ul li .solution-head{
        font-size: 24px;
    }
    #main #solution ul li .solution-text{
        font-size: 18px;
    }
    /**********************************************************************recent-projects style********************************************************/
    #main #recent-projects #recent-projects-slider ul{
        width: 100%;
        height: auto;
    }
    #main #recent-projects #recent-projects-slider ul li{
        width: 100%;
        margin: 0px 0px 5px 0px;
        text-align: center;
        display: block;
    }
    #main #recent-projects #recent-projects-slider ul li img{
        width: 400px;
        height: 350px;
    }
    #main #recent-projects #recent-projects-slider ul #first_child img{
        margin-right: 0px;
    }
    #main #recent-projects #recent-projects-slider ul #last_child img{
        margin-right: 0px;
    }
    /************************************************************************email style************************************************************/

    #email form input[type="submit"] {
        width: 70px;
    }
    #email form input[type="text"]{
        width: 300px;
    }
    /************************************************************************footer-slide style************************************************************/
    #footer_slide{
        width: 100%;
        height: auto;
        padding: 10px;
        line-height: 20px;
    }
    #footer_slide ul{
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    #footer_slide ul li{
        width: 100%;
        display:block;
    }
    #footer_slide ul li .footer_a_slide{
        margin-top: 0px;
        padding: 0px 0px;
        display: block;
    }
    #footer_slide ul li .footer_a_slide img{
        max-width: 100%;
        max-height: 60px;
    }
    /********************************************************************** footer style************************************************************/
    #footer{
        padding: 20px 20px;
    }
    #footer #footer-top-right{
        width: 50%;
    }
    #footer #footer-top-right span{
        width: 100%;
        display: block;
        font-size: 14px;
        line-height: 40px;
    }
    #footer #footer-top-right ul{
        width: 100%;
    }
    #footer #footer-top-right ul li i{
        width: 40px;
        line-height: 40px;
        font-size: 24px;
    }
    #footer #footer-bottom #footer-bottom-right{
        width: 60%;
    }
    #footer #footer-bottom #footer-bottom-right ul{
        margin: 5px 10px 0px 40px;
        float: right;
    }
    #footer #footer-bottom #footer-bottom-left{
        width: 40%;
    }
    #footer #footer-bottom #footer-bottom-left #address{
        margin-bottom: 30px;
    }
}
/***************************************************************************responsive for 500px**************************************************/
@media only screen and (max-width: 500px){
    #main .slider-center-text #top-text{
        font-size: 20px;
    }
    #main .slider-center-text #bottom-text {
        font-size: 24px;
    }
    /*************************************************************************slider style***********************************************************/
    #main #slider-center-text{
        width: 70%;
    }
    #best-solution-text h3{
        font-size: 28px;
    }
    #best-solution-text p{
        font-size: 16px;
    }
    /*************************************************************************anthology style***********************************************************/
    #main #anthology-box{
        width: 100%;
        margin-bottom: 20px;
    }
    #main #anthology-box #anthology-images ul li{
        width: 270px;
        height: 270px;
    }
    #main #anthology-box #anthology-images ul li .li-block{
        width: 270px;
        height: 270px;
    }
    #main #anthology-box #anthology-images ul li img{
        width: 270px;
        height: 270px;
    }
    #main #anthology-box #anthology-images ul li .anthology-images-text,#main #anthology-images ul li .anthology-images-cover{
        width: 270px;
        height: 270px;
    }
    #main #anthology-box #anthology-images ul li .anthology-images-text{
        margin-top: -270px;
        padding: 50px 5px 5px 5px;
        font-size: 24px;
    }
    #main #anthology-box #anthology-images ul li .anthology-images-text h4{
        font-size: 20px;
    }
    #main #anthology-box #anthology-images ul li .anthology-images-text p{
        font-size: 16px;
    }
    #main #anthology-box #anthology-images ul li .anthology-images-cover{
        margin-top: 270px;
    }
    /**********************************************************************recent-projects style********************************************************/
    #main #recent-projects #recent-projects-slider ul li img{
        width: 200px;
        height: 200px;
    }
    /************************************************************************email style************************************************************/

    #email form input[type="submit"] {
        width: 40%;
        margin: auto;
        display: block;
    }
    #email form input[type="text"]{
        width: 70%;
        margin: 10px auto;
        display: block;
    }
    /********************************************************************** footer style************************************************************/
    #footer{
        padding: 10px 10px;
    }
    #footer #footer-top{
        padding-bottom: 20px;
    }
    #footer #footer-top-right{
        width: 100%;
        float: none;
        text-align: center;
    }
    #footer #footer-top-right span{
        font-size: 20px;
    }
    #footer #footer-top-right ul{
        width: 100%;
    }
    #footer #footer-top-left{
        width: 100%;
        padding: 3px 0px 3px 10px;
        float: none;
        direction: ltr;
        text-align: center;
    }
    #footer #footer-top-left #email-address,#footer #footer-top-left p{
        font-size: 20px;
    }
    #footer #footer-bottom #footer-bottom-right{
        width: 100%;
        padding: 10px 0px;
        float: none;
        display: block;
        text-align: center;
        border-bottom: 1px solid #999d9e;
    }
    #footer #footer-bottom #footer-bottom-right ul{
        width: 100%;
        margin: auto;
        float: none;
    }
	#footer #footer-bottom #footer-bottom-right ul:nth-child(2){
		margin-top:30px;	
	}
    #footer #footer-bottom #footer-bottom-right ul li{
        display: block;
        margin-bottom: 5px;
    }
    #footer #footer-bottom #footer-bottom-right ul li a{
		max-width:90%;
        font-size: 20px;
        border: 2px solid #575b5b;
        border-radius: 3px;
        display: block;
        margin: auto;
    }
    #footer #footer-bottom #footer-bottom-right ul li a i{
        display: none;
    }
    #footer #footer-bottom #footer-bottom-left{
        margin-top: 20px;
        width: 100%;
        float: none;
        display: block;
    }
    #footer #footer-bottom #footer-bottom-left p{
        line-height: 20px;
        text-align: center;
        font-size: 12px;
        font-family: tahoma;
        display: block;
    }
    #footer #footer-bottom #footer-bottom-left #address{
        margin-bottom: 20px;
        float: none;
        display: block;
    }
}
/************************************************************************************************************************************************/
/************************************************************************************************************************************************/
/************************************************************************************************************************************************/
/********************************************************************* news page *****************************************************************/
#main #top-slide #background-images{
    width: 100%;
    height: 570px;
    overflow: hidden;
}
#main #top-slide #background-images img{
    min-width: 100%;
    height: 570px;
    transition: margin-right 0s linear;
}
#main #project-subject{
    height: 30px;
    margin: 20px 120px;
    line-height: 20px;
    font-size: 14px;
    color: #4a4a4a;
}
#main #project-subject #project-map{
	padding-right:50px;	
}
#main #project-subject #project-map a{
    text-decoration: none;
    color: #4a4a4a;
    font-size: 14px;
}
#main #project-subject #project-map a:hover{
    color: rgba(202,51,40,1);
}
#main #project-subject #project-map i{
    margin: 5px;
    font-size: 14px;
}
#main #project-subject-text{
    padding: 0px 120px;
}
#main #project-subject-text #header #header-text{
    width: 70%;
    padding-right: 50px;
    float: right;
    color: #4a4a4a;
}
@media only screen and (max-width: 850px) {
	#main #project-subject-text #header #header-text{
		width:100%;
		display:block;
		text-align:center;

	}
}
#main #project-subject-text #header #header-text .header-text-up{
    font-size: 18px;
}
#main #project-subject-text #header #header-text  h1{
    font-size: 36px;
}
#main #project-subject-text #header #header-link{
    width: 200px;
    padding-left: 50px;
    direction: ltr;
    float: left;
}
@media only screen and (max-width: 850px) {
	#main #project-subject-text #header #header-link{
		width:100%;
		display:block;
		text-align:center;

	}
}
#main #project-subject-text #header #header-link ul li{
    width: 40px;
    height: 40px;
    line-height: 45px;
    margin: 5px 2px;
    text-align: center;
    font-size: 26px;
    display: inline-block;
    -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
            border-radius: 50%;
    overflow: hidden;
}
#main #project-subject-text #header #header-link ul #google-plus{
    font-size: 22px;
}
#main #project-subject-text #header #header-link ul li a{
    display: block;
    text-decoration: none;
    background: #e5e7e6;
    color: #6f6f73;
}
#main #project-subject-text #header #header-link ul #facebook a:hover{
    background: #3b579d;
    color: #FFFFFF;
}
#main #project-subject-text #header #header-link ul #google-plus a:hover{
    background: #cf1416;
    color: #FFFFFF;
}
#main #project-subject-text #header #header-link ul #print a:hover{
    background: #fe6601;
    color: #FFFFFF;
}
#main #project-subject-text #all-subject-text{
    color: #4a4a4a;
}
#main #project-subject-text #all-subject-text ul li, #main #project-subject-text #all-subject-text ol li{
    margin-right:25px;
}
#main #project-subject-text #all-subject-text a,#main #project-subject-text ul li a{
    text-decoration: none;
    color: #4a4a4a;
}
#main #project-subject-text #all-subject-text #text{
    padding: 20px 50px;
    font-size: 18px;
    text-align: justify;
    text-justify: auto;
}
@media only screen and (max-width: 1000px) {
	#main #project-subject-text{
    padding: 0px 80px;
	}
	#main #project-subject{
		margin:20px 80px;	
	}
	#main #project-subject #project-map{
		padding-right:0px;
	}
    #main #project-subject-text #all-subject-text #text{
        padding: 20px 0px;
    }
    #main #project-subject-text #header #header-text{
        padding-right: 0px;
    }
    #main #project-subject-text #header #header-link{
        padding-left: 0px;
    }
}
#main #project-subject-text #all-subject-text img{
    max-width: 100%;
    margin: 10px auto;
    display: block;
}
#gallery-header {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 36px;
    color: #4a4a4a;
}
#main #project-subject-text #all-subject-text #all-image-text{
    width: 100%;
    overflow: hidden;
}
#main #project-subject-text #all-subject-text #all-image-text ul{
    width: 100%;
    overflow: hidden;
}
#main #project-subject-text #all-subject-text #all-image-text ul li{
    width: 25%;
    max-height: 300px;
    margin: 0px -3px;
    padding: 10px;
    overflow: hidden;
    display: inline-block;
    text-align: center;
}
#main #project-subject-text #all-subject-text #all-image-text ul li img{
    width: 100%;
    max-height: 300px;
    cursor: pointer;
}
#all-image-text-view-checked{
    display: none;
    visibility: hidden;
    opacity: 0;
}
#all-image-text-view{
    width: 100%;
    height: 100%;
    margin: auto;
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow: hidden;
    background: rgba(0,0,0,.8);
    visibility: hidden;
    opacity: 0;
    z-index: 50;
    transition: all 0s linear;
}
#all-image-text-view-checked:checked~#all-image-text-view{
    visibility: visible;
    opacity: 1;
}
#all-image-text-view #image_view_box{
    width: 600px;
    height: 600px;
    margin: auto;
    direction: ltr;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}
#image-view-close{
    margin-left: 10px;
    margin-top: -20px;
    display: block;
    position: absolute;
    color: #FFFFFF;
    font-size: 36px;
    cursor: pointer;
    text-shadow: 0px 1px 2px #000000;
    z-index: 1111;
}
#all-image-text-view img{
    margin: auto;
    position: absolute;
    display: none;
    opacity: 0;
    cursor: pointer;
}
#all-image-text-view #next,#all-image-text-view #pre{
    width: 50px;
    height: 100px;
    margin: auto;
    background: rgba(0,0,0,1);
    color: #FFFFFF;
    font-size: 46px;
    text-align: center;
    position: fixed;
    top: 0px;
    bottom: 0px;
    cursor: pointer;
    opacity: .3;
}
#all-image-text-view i{
    line-height: 100px;
}
#all-image-text-view #next{
    right: 0px;
}
#all-image-text-view #pre{
    left: 0px;
}
#all-image-text-view #next:hover,#all-image-text-view #pre:hover{
     opacity: .8;
 }
#main #project-subject-text #all-subject-text #end-text{
    margin: 10px 0px;
    font-size: 16px;
}
#main #project-subject-text #all-subject-text #annex-file{
    margin: 10px 0px;
    font-size: 14px;
}
#main #project-subject-text #all-subject-text #annex-file a{
    margin: 0px 5px;
    color: #58879b;
    font-family: tahoma;
}
#main #project-subject-text #all-subject-text #text-url a{
    font-family: tahoma;
}
#main #project-subject-text #all-subject-text #annex-file a:hover,#main #project-subject-text #all-subject-text #text-url a:hover{
    color:rgba(202,51,40,1);
}
#main #project-subject-text ul li{
    margin-left: 5px;
    display: inline-block;
}
#main #project-subject-text #label{
    margin-bottom: 50px;
}
#main #project-subject-text #label li a{
    padding: 5px;
    background: #e5e7e6;
    -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
            border-radius: 3px;
}
#main #project-subject-text #label li a:hover{
    background: none;
    color: rgba(202,51,40,.85);
}
.anthology-bg{
    margin: 20px 0px;
    background: #e5e7e6;
}
/***************************************************************************responsive for 1050px**************************************************/
@media only screen and (max-width: 1050px) {
    #main #top-slide #background-images {
        height: 450px;
    }
    #main #top-slide #background-images img {
        height: 450px;
    }
    #main #project-subject-text #all-subject-text #all-image-text ul li{
        width: 50%;
    }
}
/***************************************************************************responsive for 950px**************************************************/
@media only screen and (max-width: 950px) {
    #main #top-slide #background-images {
        height: 400px;
    }

    #main #top-slide #background-images img {
        height: 400px;
    }
}
/***************************************************************************responsive for 870px**************************************************/
@media only screen and (max-width: 870px) {
    #main #top-slide #background-images {
        height: 350px;
    }

    #main #top-slide #background-images img {
        height: 350px;
    }
}
@media only screen and (max-width: 750px){
    #main #project-subject{
        text-align: center;
    }
    #main #project-subject-text #all-subject-text #all-image-text ul li{
        width: 100%;
        max-height: 300px;
        margin: 2px 0px;
        display: block;
        text-align: center;
    }
    #main #project-subject-text #all-subject-text #all-image-text ul li img{
        width: auto;
        height: auto;
    }
    #gallery-header{
        text-align: center;
    }
}
/***************************************************************************responsive for 620px**************************************************/
@media only screen and (max-width: 620px) {
    #main #project-subject {
        margin: 20px 20px;
    }

    #main #project-subject-text {
        padding: 0px 20px;
    }

    #main #project-subject-text #header #header-text {
        width: 100%;
        float: none;
        font-size: 36px;
        text-align: center;
    }

    #main #project-subject-text #header #header-link {
        width: 100%;
        float: none;
    }

    #main #project-subject-text #header #header-link ul {
        text-align: center;
    }
    #all-image-text-view #image_view_box {
        width: 400px;
        height: 400px;
    }
    #all-image-text-view #image_view_box img{
        max-width: 400px;
    }
}
@media only screen and (max-width: 430px) {
    #all-image-text-view #image_view_box {
        width: 300px;
        height: 300px;
    }
    #all-image-text-view #image_view_box img{
        max-width: 300px;
    }
}
@media only screen and (max-width: 330px) {
    #all-image-text-view #image_view_box {
        width: 200px;
        height: 200px;
    }
    #all-image-text-view #image_view_box img{
        max-width: 200px;
    }
}
/************************************************************************************************************************************************/
/************************************************************************************************************************************************/
/************************************************************************************************************************************************/
/********************************************************************* service page *****************************************************************/
#main #service_name{
    padding: 0px 170px;
    margin-bottom: 30px;
    font-size: 34px;
    color: #4a4a4a;
}
#main #subject-text{
    padding: 0px 170px;
    font-size: 16px;
    text-align: justify;
    text-justify: auto;
    color: #4b4b4b;
}
#main #project-menu{
    /*margin: 50px 0px;*/
    padding: 0px 120px 10px 120px;
    color: #4a4a4a;
    background: #e5e7e6;
    overflow: hidden;
}
#main #project-menu #project-right{
    width: 50%;
    margin-top: 50px;
    padding-left: 50px;
    float: right;
    text-align: center;
}
#main #project-menu #project-right:nth-of-type(2n){
    padding-right: 50px;
	padding-left:0px;
}
#main #project-menu #project-left{
    width: 50%;
    margin-top: 50px;
    padding-right: 50px;
    float: right;
    text-align: center;
}
#main #project-menu img{
    max-width: 100%;
}
#main #project-menu h4{
    padding: 5px 0px;
    font-size: 24px;
}
#main #project-menu p{
    font-size: 16px;
    text-align: justify;
    text-justify: auto;
}
.read-more{
    width: 120px;
    margin: 10px auto;
    padding: 5px;
    text-decoration: none;
    text-align: center;
    font-size: 16px;
    padding: 3px;
    display: block;
    color: #ffffff;
    background: #ca3328;
    border: 1px solid #ffffff;
}
.read-more:hover{
    background: #1a507f;
    color: #ffffff;
}
#main #project-menu #paging ul{
    margin: 50px 0px 25px 0px;
    text-align: center;
    direction: ltr;
}
#main #project-menu #paging ul li{
    display: inline-block;
    margin: 0px 2px;
}
#main #project-menu #paging ul li a{
    padding: 0px 7px;
    display: block;
    text-decoration: none;
    color: #4a4a4a;
}
#main #project-menu #paging ul li a:hover{
    background: rgba(202,51,40,1);
    color: #FFFFFF;
}
#main #image-list{
    width: 100%;
    padding: 50px 100px 0px 100px;
    overflow: hidden;
}
#main #image-list ul li{
    width: 25%;
    max-height: 300px;
    padding: 0px 20px;
    display: inline-block;
	margin: 0 -3px; 
}
#main #image-list ul li img{
    width: 100%;
    cursor: pointer;
}
#main #image-list ul li img:hover{
    opacity: .7;
}
#main #image-list #image_view_service{
    display: none;
    visibility: hidden;
    opacity: 0;
}
#main #image-list #service_image_view{
    max-width: 0px;
    max-height: 0px;
    padding: 10% 20%;
    margin: auto;
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    text-align: center;
    background: rgba(0,0,0,.8);
    visibility: hidden;
    opacity: 0;
    z-index: 44;
    transition: all .4s linear;
}
#main #image-list #service_image_view img{
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    position: fixed;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    cursor: pointer;
}
#main #image-list #image_view_service:checked~#service_image_view{
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    visibility: visible;
    opacity: 1;
}
#main #sub-category{
    width: 200px;
    height: 45px;
    margin:10px auto 100px auto;
    line-height: 40px;
    text-decoration: none;
    text-align: center;
    font-size: 20px;
    color: #ffffff;
    border: 1px solid rgba(202,51,40,1);
    background: rgba(202,51,40,1);
    display: block;
}
#main #sub-category:hover{
    background: rgba(202,51,40,.85);
}
#special-text{
    width: 100%;
    height: 400px;
    padding: 78px 120px;
    background: #e5e7e6;
}
#special-text #text{
    width: 50%;
    padding-left: 20px;
    color: #4a4a4a;
    float: right;
}
#special-text #text h4{
    font-size: 24px;
}
#special-text #text p{
    font-size: 16px;
    text-align: justify;
    text-justify: auto;
}
#special-text #image{
    width: 50%;
    padding-right: 20px;
    color: #4a4a4a;
    overflow: hidden;
    float: left;
}
#special-text #image img{
    width: 100%;
    max-height: 250px;
}
/***************************************************************************responsive for 1200px**************************************************/
@media only screen and (max-width: 1200px) {
    #main #service_name {
        padding: 0px 80px;
    }
    #main #subject-text{
        padding: 0px 80px;
    }
    #main #project-menu{
        padding: 0px 80px;
    }
    #main #sub-category:hover{
        background: rgba(202,51,40,.85);
    }
    #special-text{
        padding: 100px 80px;
    }
}
/***************************************************************************responsive for 1150px**************************************************/
@media only screen and (max-width: 1150px) {
    #main #image-list{
        height: auto;
        text-align: center;
    }
    #main #image-list ul li{
        width: 50%;
        max-height: 400px;
        padding: 0px;
        margin-bottom: 50px;
        text-align: center;
        display: inline-block;
    }
    #main #image-list ul li img{
        max-width: 400px;
        max-height: 400px;
        cursor: pointer;
    }
}
/***************************************************************************responsive for 1050px**************************************************/
@media only screen and (max-width: 1050px) {
    #main #image-list ul li{
        width: 50%;
        max-height: 300px;
    }
    #main #image-list ul li img{
        max-width: 300px;
        max-height: 300px;
    }
}
/***************************************************************************responsive for 850px**************************************************/
@media only screen and (max-width: 850px) {
    #main #project-menu #project-right{
        width: 100%;
        padding: 0px 50px;
        float: none;
    }
    #main #project-menu #project-right:nth-of-type(2n){
    padding-right: 50px;
	padding-left:0px;
	}
    #main #project-menu img{
        max-width: 100%;
        max-height: 200px;
    }
    #main #project-menu h4{
        padding: 5px 0px;
        font-size: 24px;
    }
    #main #project-menu p{
        font-size: 16px;
        text-align: justify;
        text-justify: auto;
    }
    #main #image-list ul li{
        width: 100%;
        height: 400px;
        padding: 0px;
        margin-bottom: 20px;
        text-align: center;
        display: block;
    }
    #main #image-list ul li img{
        width: 400px;
        height: 400px;
        cursor: pointer;
    }
    #special-text{
        height: auto;
        padding: 100px 120px;
        text-align: center;
    }
    #special-text #text{
        width: 100%;
        float: none;
        padding: 0px;
    }
    #special-text #image{
        padding: 0px;
        width: 100%;
        float: none;
    }
}
/***************************************************************************responsive for 750px**************************************************/
@media only screen and (max-width: 750px) {
    #main #service_name {
        padding: 0px 50px;
    }
    #main #subject-text{
        padding: 0px 50px;
    }
    #main #project-menu{
        padding: 0px 50px;
    }
    #main #image-list{
        padding: 50px 50px;
    }
    #special-text{
        padding: 100px 50px;
    }
    #main #project-menu #project-right{
        padding: 0px 0px;
    }
    #main #project-menu #project-right:nth-of-type(2n){
    padding: 0px 0px;
	}
}
/***************************************************************************responsive for 550px**************************************************/
@media only screen and (max-width: 550px) {
    #main #service_name {
        padding: 0px 0px;
        text-align: center;
    }
    #main #subject-text{
        padding: 0px 10px;
    }
    #main #project-menu{
        padding: 0px 10px;
    }
    #main #image-list{
        padding: 50px 10px;
    }
    #special-text{
        padding: 100px 10px;
    }
}
/***************************************************************************responsive for 550px**************************************************/
@media only screen and (max-width: 500px) {
    #main #image-list ul li {
        height: 200px;
    }

    #main #image-list ul li img {
        width: 200px;
        height: 200px;
    }
    #main #subject-text{
        font-size: 16px;
    }
    #main #project-menu h4{
        padding: 5px 0px;
        font-size: 22px;
    }
    #main #project-menu p{
        font-size: 16px;
    }
    #special-text #text h4{
        font-size: 24px;
    }
    #special-text #text p{
        font-size: 16px;
    }
}
/************************************************************************************************************************************************/
/************************************************************************************************************************************************/
/************************************************************************************************************************************************/
/********************************************************************* contact page *****************************************************************/
#contact-main #google_map iframe{
    width: 100%;
    height: 500px;
}
#contact-main #all-contact{
    width: 100%;
    margin: 50px 0px;
    padding: 20px 10px;
}
#contact-main #all-contact #specifications{
    width: 50%;
    padding: 0px 70px 0px 20px;
    float: right;
}
#contact-main #all-contact #contact-form{
    width: 50%;
    padding: 0px 20px 0px 70px;
    float: left;
    border-right: 1px solid rgba(0, 0, 0, .1);
}
#contact-main .contact-heading{
    padding-right: 11px;
    margin:auto;
    margin-bottom: 20px;
    font-size: 30px;
}
#contact-main #all-contact #specifications .contact-icon{
    width: 10%;
    padding: 0px 5px;
    margin-bottom: 15px;
    float: right;
    text-align: center;
}
#contact-main #all-contact #specifications .contact-icon i{
    width: 30px;
    height: 30px;
    margin: auto;
    padding: 5px 0px;
    display: block;
    font-size: 22px;
    background: rgba(53,53,59,.98);
    color: #f6f6f6;
    -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
            border-radius: 3px;
}
#contact-main #all-contact #specifications #pdf-icon i{
    background: #b21900;
    color: #ffffff;
}
#contact-main #all-contact #specifications #pdf-url a{
    text-decoration: none;
    color: #3451ff;
}
#contact-main #all-contact #specifications .contact-paragraph{
    width: 90%;
    padding: 2px 5px;
    margin-bottom: 15px;
    float: left;
    font-size: 16px;
}
#contact-main #all-contact #specifications .contact-paragraph p{
    text-align: justify;
    text-justify: auto;
}
#contact-main #all-contact #contact-form form div label{
    width: 120px;
	padding:2px 0px;
    font-size: 16px;
    text-align: left;
    float: right;
	display:inline-block;
}
#contact-main #all-contact #contact-form input[type="text"]{
    width: 250px;
    height: 30px;
    margin-right: 5px;
    margin-bottom: 10px;
	padding:2px 5px;
	font-size:17px;
}
#contact-main #all-contact #contact-form #user-mail,#contact-main #all-contact #contact-form #user-tell{
	text-align:left;
	font-family:Tahoma;
}
#contact-main #all-contact #contact-form input[type="text"]:focus,#contact-main #all-contact #contact-form textarea:focus{
    border-color: #b21900;
}
#contact-main #all-contact #contact-form textarea{
    min-width: 76%;
    max-width: 76%;
    min-height: 100px;
    max-height: 100px;
    margin-right: 5px;
	padding:2px 5px;
	font-size:17px;
}
#contact-main #all-contact #contact-form img{
    width: 150px;
    height: 50px;
    margin: 5px 125px 5px 0px;
    display: block;
}
#contact-main #all-contact #contact-form #captcha-code{
    width: 150px;
}
#contact-main #all-contact #contact-form input[type="submit"]{
    width: 150px;
    height: 30px;
    margin: 5px 125px 5px 0px;
    display: block;
    font-size: 16px;
    cursor: pointer;
    border: 1px solid rgba(202,51,40,1);
    background: rgba(202,51,40,1);
    color: #ffffff;
}
#contact-main #all-contact #contact-form input[type="submit"]:hover{
    background: rgba(202,51,40,.8);
}
#specifications #add_pdf{ margin-top:100px;}
#specifications #add_pdf div{ float:right;}
#specifications #add_pdf div:nth-child(2){ padding:17px 5px 0 0;}
#specifications #add_pdf div a{ line-height:25px; color:rgba(202,51,40,1); text-decoration:none; transition:all linear 0.3s;}
#specifications #add_pdf div a:hover{ color: rgba(202,51,40,.85);}
#specifications #add_pdf div img{ display:block; margin:auto;}
#specifications #add_pdf span{ margin-bottom:15px; display:block;}
.borderg{ margin-bottom:10px;}
.borderg img{ margin-left:7px; position:relative; top:2px;}
.borderg .title{ font-size:30px;}
@media only screen and (max-width: 880px) {
	#specifications #add_pdf div{ float:none;}
}
@media only screen and (max-width: 670px) {
	#specifications #add_pdf{ margin:30px 0;} 
}
@media only screen and (max-width: 1270px) {
    #contact-main #all-contact #contact-form textarea {
        min-width: 73%;
        max-width: 73%;
    }
}
/***************************************************************************responsive for 1150px**************************************************/
@media only screen and (max-width: 1160px) {
    #contact-main #all-contact #specifications{
        padding: 0px 10px;
    }
    #contact-main #all-contact #specifications .contact-icon{
        width: 15%;
    }
    #contact-main #all-contact #specifications #pdf-icon i{

        background: #b21900;
        color: #ffffff;
    }
    #contact-main #all-contact #specifications .contact-paragraph {
        width: 85%;
    }
    #contact-main #all-contact #contact-form{
        padding: 0px 10px;
    }
    #contact-main #all-contact #contact-form input[type="text"]{
        width: 200px;
    }
    #contact-main #all-contact #contact-form input[type="text"]:focus,#contact-main #all-contact #contact-form textarea:focus{
        border-color: #b21900;
    }
    #contact-main #all-contact #contact-form textarea{
        min-width: 67%;
        max-width: 67%;
    }
}
/***************************************************************************responsive for 900px**************************************************/
@media only screen and (max-width: 900px) {
    #contact-main #all-contact{
        text-align: center;
    }
    #contact-main .contact-heading{
        padding-right: 0px;
        text-align: center;
    }
    #contact-main #all-contact #contact-form form div label{
        display: block;
        float: none;
        text-align: center;
        margin: auto;
    }
    #contact-main #all-contact #contact-form input[type="text"]{
        width: 300px;
        float: none;
    }
    #contact-main #all-contact #contact-form textarea{
        min-width: 300px;
        max-width: 300px;
        float: none;
    }
    #contact-main  #nav_top ul, #contact-main  #nav_fixed ul {
        display: none;
    }

    #contact-main  nav .list-bottom {
        display: block;
    }
    #contact-main #all-contact #contact-form img{
        margin: 5px auto 5px auto;
        display: block;
    }
    #contact-main #all-contact #contact-form input[type="submit"] {
        margin: 5px auto 5px auto;
        display: block;
    }
}
/***************************************************************************responsive for 670px**************************************************/
@media only screen and (max-width: 670px) {
    #all-contact{
        padding: 20px 0px;
    }
    #contact-main #all-contact #specifications{
        width: 100%;
        padding: 0px 0px;
        float: none;
    }
    #contact-main #all-contact #contact-form{
        width: 100%;
        padding: 0px 0px;
        float: none;
        border-right: none;
    }
}
/***************************************************************************responsive for 450px**************************************************/
@media only screen and (max-width: 450px) {
    #contact-main #all-contact #contact-form input[type="text"]{
        width: 90%;
    }
    #contact-main #all-contact #contact-form textarea{
        min-width: 90%;
        max-width: 90%;
    }
    #contact-main #all-contact #contact-form input[type="submit"]{
        display: block;
        margin: auto;
    }
}

.responsenl{font-size:26px; font-family:BYekan; color:#333; line-height:30px;}
/*Label*/
.main_div{width:1300px; margin:auto;}
.searchdiv .bordered tr:hover {background: #FFFFFF !important;}      
.titrLa{font-family:BYekan; font-size:22px; color:#2a0c02; float:right; width:50%; padding-top:10px}
.grayLa{color:#999;}
.bordered {width:95%; margin:auto; border-collapse: collapse; /* IE7 and lower */font-family:tahoma; font-size:15px; line-height:30px; background-color:#FAF9F1; border-radius: 0 1px 1px #ccc; direction:rtl;}
.bordered tr:hover {transition: all 0.1s ease-in-out;}      
.bordered td, .bordered th {padding: 2px 5px 2px 3px; border:1px solid #fff}
.bordered th {background-color: #ca3328; color:#FFF; border-top: none; text-align:right; font-weight:100;}
.bordered th a{color:#FFF;}
.bordered td a{text-decoration:none; color:#790000;}
.bordered td a:hover{color:#333;}
.bordered select{padding: 5px;}
.icoY{color:#ca3328;}
.pagLabFL{float:left; width:50%}
.pagLab{text-align:left; padding:10px 0 10px 0px; font-family:tahoma; font-size:13px; line-height:25px;}
.pagLab i{font-size:18px; color:#ca3328;}
@media only screen and (min-width: 40px) and (max-width: 1300px) {
	.main_div{width:100%; margin:auto;}
}
@media only screen and (min-width: 40px) and (max-width: 768px) {

	/*Lable*/
	.titrLa{float:none; text-align:center; width:100%;}
	.pagLabFL{float:none; width:100%;}
	.pagLab{text-align:center;}
	.inputlast input{padding:5px 57px 5px; border:1px solid #FFB500;}
	.inputC{font-size:14px !important;}
	.inputlast{padding-left:0px;}
	.no{display:none}
}

/***************************Calendar******************************/
/*
 * Copyright (c) 2012-2013 Thibaut Courouble
 * http://www.cssflow.com
 *
 * Licensed under the MIT License:
 * http://www.opensource.org/licenses/mit-license.php
 */

/* calendar style here */
.picker-container {
  position: absolute;
  z-index: 99;
}


.cal {
  background-color: white;
  display: block;
  width: 216px;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
  border-collapse: collapse;
  border-spacing: 0;
}

.cal a {
  text-decoration: none;
}

.cal tr, .cal th, .cal td {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

.cal caption {
  line-height: 32px;
  font-weight: bold;
  color: #e2e2e2;
  text-align: center;
  text-shadow: 0 -1px black;
  background: #333;
  //background: rgba(0, 0, 0, 0.35);
  border-top: 1px solid #333;
  border-bottom: 1px solid #313131;
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.04);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.04);
}
.cal caption a {
  display: block;
  line-height: 32px;
  padding: 0 10px;
  font-size: 15px;
  color: #e2e2e2;
}
.cal caption a:hover {
  color: white;
}
.cal caption .prev {
  float: left;
}
.cal caption .next {
  float: right;
}
.cal th, .cal td {
  width: 30px;
  text-align: center;
  text-shadow: 0 1px rgba(255, 255, 255, 0.8);
}
.cal th:first-child, .cal td:first-child {
  border-left: 0;
}
.cal th {
  line-height: 20px;
  font-size: 8px;
  color: #696969;
  text-transform: uppercase;
  background: #f3f3f3;
  border-left: 1px solid #f3f3f3;
}
.cal td {
  font-size: 11px;
  font-weight: bold;
  border-top: 1px solid #c2c2c2;
  border-left: 1px solid #c2c2c2;
}
.cal td a {
  clear: both;
  display: block;
  position: relative;
  width: 30px;
  line-height: 28px;
  color: #666;
  background-image: -webkit-linear-gradient(top, #eaeaea, #e5e5e5 60%, #d9d9d9);
  background-image: -moz-linear-gradient(top, #eaeaea, #e5e5e5 60%, #d9d9d9);
  background-image: -o-linear-gradient(top, #eaeaea, #e5e5e5 60%, #d9d9d9);
  background-image: linear-gradient(to bottom, #eaeaea, #e5e5e5 60%, #d9d9d9);
  -webkit-box-shadow: inset 1px 1px rgba(255, 255, 255, 0.5);
  box-shadow: inset 1px 1px rgba(255, 255, 255, 0.5);
}
.cal td a:hover, .cal td.off a {
  background: #f3f3f3;
}
.cal td.off a {
  color: #b3b3b3;
}
.cal td.active a, .cal td a:active {
  margin: -1px;
  color: #f3f3f3;
  text-shadow: 0 1px rgba(0, 0, 0, 0.3);
  background: #6dafbf;
  border: 1px solid #598b94;
  -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.05);
}
.cal td.active:first-child a, .cal td:first-child a:active {
  border-left: 0;
  margin-left: 0;
}
.cal td.active:last-child a, .cal td:last-child a:active {
  border-right: 0;
  margin-right: 0;
}
.cal tr:last-child td.active a, .cal tr:last-child td a:active {
  border-bottom: 0;
  margin-bottom: 0;
}
/*Sitemap*/
.titr{font-family:BYekan; font-size:21px; color:#2a0c02; padding-bottom:15px; padding-right:10px;}
.titr i{font-size:25px;}
.textSiteMap{font-family:'BYekan'; font-size:18px; margin-right:15px; padding-bottom:20px;}
.textSiteMap ul{list-style:none;}
.textSiteMap li a{text-decoration:none; color:#5D5D5D;}
.textSiteMap ul ul{color:#CC0000; margin-right:30px; list-style:disc; padding-top:10px;}
.textSiteMap ul ul li a{color:#666666; line-height:28px; font-size:16px;}
.textSiteMap li a:hover{text-decoration:none; color:#CC0000;}

.button{text-align:center; padding:10px 30px; font-size:16px; background:#4B95A5; color:#FFF; border-radius:5px; transition: all 0.5s ease 0s; }.button:hover{background:#12B7C6; transition: all 0.5s ease 0s; cursor:pointer; color:#FFF;}
.textpr img{width:100%; height:auto;}

/*** album ***/
#album{ max-width:1000px; margin:auto;}
#album h2{ font-size:20px; line-height:25px; padding:20px 0; color:rgba(201,52,40,1);}
#album .number{ background:#CCC; font-size:15px; text-align:center;}
#album .imgbox{ padding:30px 0;} 
#album .imgbox .in_box{ width:Calc(50% - 2px); margin-bottom:30px; float:right; cursor:pointer;}
#album .imgbox > div:nth-child(2n-1){ margin-left:4px;}
#album .imgbox .in_box div:first-child{ padding:2px; background:#ccc;}
#album .imgbox .in_box div:last-child{ padding:5px 0; text-align:center;}
#album .imgbox .in_box img{ max-height:150px; margin:5px auto; display:block;}
#album .imgbox:after{ content:""; clear:both; display:block;}
#galleryShow{ max-width: 100%; max-height: 100%; padding:10px; background: rgba(0,0,0,0.7); position: fixed; top: 0; bottom: 0; left: 0; right: 0; overflow: auto; transform-origin: 50% 0; opacity: 0; visibility: hidden; transition: all .5s linear; z-index: 9999; }
#galleryShowClose{ color: #FFF; font-size: 30px; line-height: 30px; cursor: pointer; transition: all .3s linear; }
#galleryShowClose:hover{ color: #BF2338; }
#galleryShowImg{ width:auto; margin-top: 5px; text-align:center; position: relative; opacity: 1; transition: all .8s linear; }
#galleryShowImg span{ background:#fff; padding:10px 10px 5px 10px; position:relative; display:inline-block; }
#galleryShowImg #each_img{ max-width: 100%; max-height:530px; margin:auto; display: block; }
#galleryShowImg span .next_pre{ margin: auto; position: absolute; top: 100px; z-index: 12; cursor: pointer; transition: all .3s linear; opacity: 0;}
#galleryShowImg span>i:hover{ color: #BF2338; }
#leftGallerySlide{ right: 0; }
#rightGallerySlide{ left: 0; }
#galleryShowInfo{ margin-top: 10px; color: #c2c2c2; text-align: left;}
#galleryShowInfo:after{ content:""; clear:both; display:block;}
#galleryShowTxt{ line-height: 24px; font-size: 18px; float:right; } 
#galleryShowdetail{ line-height: 24px; color:#666; font-size: 12px; float:left;}
#galleryShow.active{ opacity: 1 !important; visibility: visible !important; }

@media only screen and (max-width: 850px) {
	#album{ text-align:center;}
}
@media only screen and (max-width: 600px) {
	#album .imgbox .in_box{ width:100%; float:none;}
	#album .imgbox > div:nth-child(2n-1){ margin-left:0;}
}
.topmsg{color:green;}