@font-face {
  font-family: 'BHoma';
  src: url('Fonts/BHoma.eot?#') format('eot'),  /* IE6–8 */
       url('Fonts/BHoma.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('Fonts/BHoma.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
html,
button,
input,
select,
textarea {
color : #5555555;
}

html {
font-size   : 14px;
line-height : 1.5em;
}


body {
font-family: 'BHoma', sans-serif;
color                      : #919191;
font-weight                : 400;
font-style                 : normal;
font-size                  : 1rem;
line-height                : 1.5em;
background 				   : #333 url('../Images/bg.gif');
-webkit-text-size-adjust   : 100%;
-webkit-overflow-scrolling : touch;
-webkit-font-smoothing     : antialiased !important;
direction:rtl;
}

/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection rule sets have to be separate.
* Customize the background color to match your design.
*/

::-moz-selection {
background  : #B3D4FC;
text-shadow : none;
}

::selection {
background  : #B3D4FC;
text-shadow : none;
}


/*
* Remove the gap between images, videos, audio and canvas and the bottom of
* their containers: h5bp.com/i/440
*/

audio,
canvas,
img,
video {
vertical-align : middle;
}

/*
* Remove default fieldset styles.
*/

fieldset {
border  : 0;
margin  : 0;
padding : 0;
}

/*
* Allow only vertical resizing of textareas.
*/

textarea {
resize : vertical;
width:100%;
border: 1px solid #e8e8e8;
}

p, ul, ol, pre, table, blockquote {
margin-top: 1rem;
}
ul ul, ol ol, ul ol, ol ul {
margin-top: 0;
margin-bottom: 0;
}
hr {
border: none;
border-top: solid 1px #aaa;
margin: 2em 0;
background:none;
}
a,
a:active,
a:focus,
a:active {
text-decoration : none !important;
outline         : none
}

a {
color           : #ffffff;
text-decoration : none;
transition      : all 0.2s ease 0s;
}

a:hover,
a:focus {
color           : #ffffff;
text-decoration : underline;
}

ul {
margin     : 0;
padding    : 0;
list-style : none
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
color       : #666666;
margin      : 0;
font-family:'BHoma';
}

h1 {
font-weight: 600;
font-style: inherit;
font-size: 2.571rem;
line-height: 1.111em;
}

h2 {
font-weight: 600;
font-style: inherit;
font-size: 2.143rem;
line-height: 0.700em;
}

h3 {
font-weight: 600;
font-style: inherit;
font-size: 1.714rem;
line-height: 1.875rem;
margin: 0rem ;
}
h4 {
font-weight: 600;
font-style: inherit;
font-size: 1.286rem;
line-height: 1.875rem;
margin: 0rem;
}

.ribbon{
width:220px;
margin:1em 0;
font-size:14pt;
color:#fff;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
cursor:default;
}
.ribbon .ribbon-line{
padding:6px 1em;
margin:0;
width:100%;
background:transparent;
text-align:center;
text-shadow:1px 1px 0 rgba(0, 0, 0, 0.7);
}
.rb_red{background:#db4437;}
.rb_purple{background:#9c27b0;}
.b_left{
border:solid 1px #fff;
border-left:0;
}
.b_right{
border:solid 1px #fff;
border-right:0;
}
.inside_left{
padding:4px 6px 4px 0;
}
.inside_right{
padding:4px 0 4px 6px;
}
.left_radius{
border-radius:0 10em 10em 0;
-webkit-border-radius:0 10em 10em 0;
-moz-border-radius: 0 10em 10em 0;
}
.right_radius{
border-radius:10em 0 0 10em;
-webkit-border-radius:10em 0 0 10em;
-moz-border-radius:10em 0 0 10em;
}
.float_left{
float:left;
margin-left:-30px;
}
.float_right{
float:right;
margin-right:-30px;
}

.wrapper{

}

.header-wrapper{
margin-bottom: 30px;
}
/* ---------------
* Header Top 
* ---------------*/
.header-top{
background: #ffffff;
padding: 30px;
position:relative;
}

.header-top .phone,
.header-top .location{
margin:10px 0;
}

.header-top .phone p,
.header-top .location p{
padding: 0;
margin:0;
}

.header-top .phone{
text-align: right;
direction:ltr;
}

.header-top .phone strong{
font-size: 20px;
color:#f75d4f;
}

.header-top .location {
text-align: right;
float:right;
width:150px;
margin-bottom:-20px;
}
.header-top .location strong{
font-size: 13px;
color:#f75d4f;
}

@media (max-width: 600px){
	.header-top .location,
	.header-top .phone {
	text-align: right;
	}
}

@media (max-width: 479px){
	.header-top .location,
	.header-top .phone {
	text-align: right;
	clear:both;
	float:right;
	margin-bottom:10px;
	}
}
@media(min-width: 480px) and (max-width: 767px){
	.header-top .location,
	.header-top .phone {
	text-align: right;
	clear:both;
	float:right;
	margin-bottom:10px;
	}
}

.main-nav-bar{
background: #db4437;
padding:0 3em;
clear:both;
}
.navbar{
position:relative;
margin:0;   
min-height: 0;
border: 0;
display : table;
clear : both
}

.navbar li{
float:right;
padding:1em 0;
}
.navbar li a{
padding:1em;
color:#fff;
}
.navbar li a:hover{
color:#fff;
background: #f75d4f;
}

@media(max-width: 479px){
	.main-nav-bar{
	padding:0 5px;
	clear:both;
	}
	.navbar li{
	float:left;
	}
	.navbar li a{
	padding:1em 5px;
	}
}
/*---------------------------
Breadcrumb
-------------------------*/
.breadcrumb-area{
overflow: hidden;
background: #f1f1f1;
border-bottom:solid 1px #ddd;
}
.breadcrumb{
float:right;
background: #f1f1f1;
padding: 15px 15px 0 0;
margin-bottom: 15px;
margin-right: 15px;
}
.breadcrumb a{
color: #555;
font-weight: 400;
}
.breadcrumb .active{
color:#111;
}
.breadcrumb>li+li:before {
padding: 0 5px;
color: #555;
content: "\f100";
font-family: FontAwesome;
}
.header-social{
text-align: left;
margin-top: 15px;
margin-left: 15px;
float:left;
}
.header-social li{
float:left;
}
.header-social li a{
display:block;
color: rgba(0, 0, 0, .4);
padding-right:15px;
width:20px;
margin:0 4px;
}
.header-social li a:hover{
color: rgba(0, 0, 0, .7);
}

@media(min-width: 480px) and (max-width: 767px){
	.breadcrumb-area{
	padding:0 1em;
	}
	.breadcrumb{
	margin: 0px;
	}
	.header-social{
	padding-top:17px;
	margin:0px;
	}
}

@media(max-width: 479px){
	.breadcrumb-area{
	padding:0 1em;
	}
	.breadcrumb{
	margin: 0px;
	}
	.header-social{
	padding-top:17px;
	margin:0px;
	}
}
@media (max-width : 767px) {
	.logo{
	margin-bottom: 15px;
	}
	.isws h1{
	margin-bottom:15px;
	}
	.header-wrapper {
	padding: 0; 
	}
}
.logo{
text-align:center;
}

.isws h1{
color:#333;
font-family: 'Anton', sans-serif;
line-height:0.65em;
width:270px;
padding:0.3em 0 0;
font-size:4em;
letter-spacing:2px;
}
.isws h1 .subLogo{
word-spacing:0;
width:400px;
font-size:14pt;
margin-right:2px;
}
.isws h1 .lred{
color:#db4437;
}


.avatar {
border-radius:50px/50px;
-moz-border-radius:50px/50px;
-webkit-border-radius:50px/50px;
-khtml-border-radius:50px/50px;
}
.latest-cont div{
float:right;
position:relative;
margin:0.5em 1em;
text-align:right;
}
.latest-cont .pDT{
color:#aaa;
font-size:10px;
text-align:right;
}
.latest-cont .pDT span{
color:#00c3b1;
}
.latest-cont div:first-child{
padding:0 6px 0 0;
}
.latest-cont div:last-child{
word-wrap: break-word;
vertical-align:middle;
width:100%;
}
.the-latest-cmt a {
color:#9c27b0;
font-weight:bold;
}
.the-latest-cmt a:hover {
color:#e91e63;
}
/*--------------------------------------
Service-section
---------------------------------*/
.service-section{
padding:1em 30px;
background:#fff;
margin:1em 0;
border-top:solid 1px #9c27b0;
border-bottom:solid 1px #9c27b0;
}
.the-latest {
width:100%;
padding:1em;
margin:0;
position:relative;
}
.latest-cont {
margin-bottom:2em!important;
color:#333;
text-align:center;
padding:0.5em 0;
}
.latest-cont:last-child {
border-bottom:0;
}
.the-latest a {
color:#9c27b0;
font-weight:bold;
}
.the-latest a:hover {
color:#e91e63;
}


.service-list{
position: relative;
margin-bottom: 30px;
}
.service-list::before{
content: '';
position: absolute;
width:100%;
height:100%;
z-index: 9;
-webkit-transition:background  .3s;
-moz-transition:background  .3s ;
-ms-transition:background  .3s ;
-o-transition:background  .3s ;
transition:background  .3s ;
opacity:0;
transition: opacity .5s;
}
.service-list:hover::before{
background: -webkit-linear-gradient(top right,rgba(252, 83, 76, 0) 0%,rgb(249, 197, 53) 100%);
background: -o-linear-gradient(top right,rgba(252, 83, 76, 0) 0%,rgba(249, 197, 53, .8) 100%);
background: -moz-linear-gradient(top right,rgba(252, 83, 76, 0) 0%,rgba(249, 197, 53, .8) 100%);
background: linear-gradient(top right,rgba(252, 83, 76, 0) 0%,rgba(249, 197, 53, .8) 100%);
opacity: 1;
}
.service-caption{
position: absolute;
left:0;
bottom:0;
z-index: 10;
}
.service-caption{
padding: 0px 0px 15px 30px;
}

.service-left{
float:left;
width:50%;
}
.service-left h2{
color:#ffffff;
}
.service-left p{
color:#ffffff;
}
.service-right{
color:#ffffff;
float:right;
text-align: right;
width:50%;
}
.service-right a{
color: #333;
background: #fff;
padding: 8px 20px;
margin-top: 4.25em;
display: inline-block;
}
.service-right a i{
font-size: 1.714rem;
}
.service-right a:hover{
background: #F9C535;
color: #fff;
}

@media(max-width: 767px){
.service-left{
width: 84%;
}
.service-right {
width: 16%;
}
}
@media(max-width: 991px){
.service-left{
width: 80%;
}
.service-right {
width: 20%;
}
}

/*---------------------------------------
About-section
--------------------------------------*/
.about-wushu{
margin-bottom: 30px;
padding:30px 10%;
overflow: hidden;
border-top:solid 1px #ddd;
border-bottom:solid 1px #ddd;
color:#333;
font-size:13pt;
background:#fff;
text-transform:capitalize;
text-align:justify;
}
.about-wushu h2{
margin-bottom:20px;
color:#222;
font-size:24pt;
}
.about-section{
background: #db4437;
direction:ltr;
margin-bottom: 30px;
text-align:right;
padding:30px 0;
overflow: hidden;
border-top:solid 1px #ab2c17;
border-bottom:solid 1px #ab2c17;
}

.about-carousel-item{
position: relative;
padding: 0 2.143em;
}
.about-us{
padding:0 2.143em;
}
.about-us h3{
color:#f5f5f5;
text-shadow:1px 1px rgba(0, 0, 0, 0.5);
}
.about-us p{
color:#ffb8b2;
text-shadow:1px 1px rgba(0, 0, 0, 0.5);
}
.customNavigation a{
position: absolute;
top: 33%;
font-size: 1.25rem;  
color: #fff;
cursor: pointer;
width: 1.667em;
text-align: center;
background: #8b1805;
padding: 3px 12px;      
}
.customNavigation .prev {
float: left;
left: 0;
}
.customNavigation .next {
float: right;
right: 0;
}
.customNavigation a:hover{
background: #f5f5f5;
color:#8b1805;
}
.customNavigation i{
vertical-align: baseline;
}

.service-items .fix-video{
margin:1em 0;
}

/*-----------------------------------------------------
section-welcome
-------------------------------------------*/
.section-welcome{
margin-bottom:2.143em;
overflow: hidden;
background:#fff;
border-top:solid 1px #ddd;
border-bottom:solid 1px #ddd;
}
.welcome-details{
padding:30px;
}
.welcome{
}

.timetable{
direction:ltr;
background:#fff;
width:100%;
height:200px;
cursor:default;
box-shadow: rgba(0,0,0,0.1) 0 4px 10px -1px;
-webkit-box-shadow:rgba(0,0,0,0.1) 0 4px 10px -1px;
-moz-box-shadow:rgba(0,0,0,0.1) 0 4px 10px -1px;
-o-box-shadow:rgba(0,0,0,0.1) 0 4px 10px -1px;
}

.timetable, .timetable td, .timetable th{
border-collapse:collapse;
border:solid 1px #ddd;
text-align:center;
}
.timetable tr:hover{
background:#f8f8f8;
}
.timetable tr:first-child{
border-bottom:double 3px #ddd;
}
.timetable tr td:first-child{
background:#f5f5f5;
width:60px;
color:#555;
border-right:double 3px #ddd;
}
.timetable th{
color:#555;
padding:4px 0;
background:#f5f5f5;
width:30px;
}

.timetable td{
padding:4px 0;
position:relative;
}
.cursor{
cursor:pointer;
}
.timetable td span{
color:#40a614;
-webkit-text-fill-color:#40a614;
}

.timetable td .tt {
display: none;
width: 120px;
background-color: black;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px 0;
position: absolute;
z-index: 1;
bottom: 100%;
left: 50%;
margin-left: -60px;
}

.timetable td .tt::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: black transparent transparent transparent;
}


.hiring-tab{
overflow: hidden;
position: relative;
margin:1em 0;
}
.hiring-tab .nav-tabs{
float: left;
width: 25%;
border-bottom: 0;
}

.hiring-tab .tab-content{
float: right;
width: 75%;
background: #ffffff;
}
.hiring-tab .nav-tabs li {
float: none;
border-top:solid 1px #db4437;
border-bottom:solid 1px #db4437;
border-right:solid 1px #2c3135;
border-left:solid 5px #db4437;
background:#f9f9f9;
margin-bottom:-1px;
color:#111;
text-align:center;
z-index:1;
}


.hiring-tab .nav-tabs li a{
padding:1em 0;
color: #55595d;
width:100%;
display : table;
}
.hiring-tab .nav-tabs li a:hover{
background:#db4437;
color:#fff;
}
.hiring-tab .nav-tabs li:last-child a{
box-shadow: none;
}
.hiring-tab .nav-tabs li.active{
position:relative;
cursor: default;
border-left:solid 5px #2c3135;
border-top:solid 1px #2c3135;
border-bottom:solid 1px #2c3135;
border-right:solid 1px #fff;
z-index:444;
}
.hiring-tab .nav-tabs li.active a{
background:#fff;
color: #2c3135;
border:none;
}
.hiring-tab .nav-tabs li.active:hover {
background:#fff;
}
.hiring-tab .nav-tabs li.active a:hover {
cursor: default;
}
.tab-content-details{
position:relative;
background: #fff;
padding: 20px;
min-height: 300px;
border-top:solid 1px #2c3135;
border-bottom:solid 1px #2c3135;
border-left:solid 1px #2c3135;
z-index:111;
margin-left:-1px;
}
.tab-content-details h4{
color:#666;
margin-bottom: 1.1em;
}
.tab-content-details p{
color:#222;
text-align:justify;
text-shadow:1px 1px 1px rgba(255, 255, 255, 0.3);
}
.tab-content > .tab-pane {
display : none
}
.tab-content > .active {
display : block;
}
.fade {
opacity            : 0;
-webkit-transition : opacity .15s linear;
transition         : opacity .15s linear
}
.thumbs{
width:240px;
border:solid 3px #333;
position:relative;
margin-bottom:1.5em;
margin-right:1em;
background:#777;
vertical-align:middle;
padding:0!important;
}
.thumbs img{
width:234px!important;
}
video{margin:-15px 0 0;}
.thumbs video{
height:160px;
}
.thumbs span{
background:url('../Images/shadow-240.png');
position:absolute;
width:240px;
height:20px;
left:0;
bottom:-21px;
}
.latest-text{
margin:1em 0!important;
}
.fade.in {opacity : 1}
@media(max-width: 767px){
.hiring-tab .nav-tabs li a{
padding: 10px 6px;
} 
}


.fthumbs{
width:240px;
border:solid 3px #333;
position:relative;
margin-bottom:1.5em;
margin-left:1em;
background:#000;
vertical-align:middle;
}
.fthumbs img{
width:236px;
}
.fthumbs span{
background:url('../Images/shadow-240.png');
position:absolute;
width:240px;
height:20px;
left:0;
bottom:-22px;
}
#loadPhoto{
position:fixed;
top:0;
left:0;
padding:0;
margin:0;
width:100%;
height:100%;
overflow:hidden;
background:url('../Images/bgt.png');
display:none;
z-index:999;
line-height:100%;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.showPhoto{
position:absolute;
top:50%;
left:50%;
padding:0;
border:solid 7px #fff;
background:#fff;
}
#closePhoto{
background:url('../Images/close.png') no-repeat;
position:absolute;
top:-20px;
right:-20px;
cursor:pointer;
width:32px;
height:32px;
}
#caption{
position:absolute;
bottom:6px;
padding:1em;
color:#fff;
background:rgba(0, 0, 0, 0.4);
width:100%;
font-size:12pt;
display:none;
z-index:99;
}
.showPhoto:hover #caption{
display:block;
}
#Aleft, #Aright{
width:63px;
height:63px;
position:absolute;
top:45%;
z-index:9999;
cursor:pointer;
}
#Aleft{
background:url('../Images/arrow.png')0 -63px no-repeat;
left:-35px;
}
#Aright{
background:url('../Images/arrow.png')0 0 no-repeat;
right:-35px;
}

@media only screen and (min-width:320px) and (max-width:479px){
.showPhoto{
border:solid 3px #fff;
}
#caption{
padding:0.5em;
font-size:10pt;
}
}

@media only screen and (min-width:480px) and (max-width:767px){
.showPhoto{
border:solid 3px #fff;
}
#caption{
padding:0.5em;
font-size:10pt;
}
}

@media only screen and (min-width:768px) and (max-width:990px){
.showPhoto{
border:solid 5px #fff;
}
#caption{
padding:0.7em;
font-size:11pt;
}
}

@media only screen and (min-width:991px) and (max-width:1279px){
.showPhoto{
border:solid 7px #fff;
}
}

/*---------------------------------------------------
Call to action
----------------------------------------------*/
.call-to-action{
margin-bottom:2.143em;
overflow: hidden;
background: #ffffff;
border-top:solid 1px #006e64;
border-bottom:solid 1px #006e64;
box-shadow: 0px 8px 20px rgba(85, 89, 93,0.2);
-webkit-box-shadow: 0px 8px 20px rgba(85, 89, 93,0.2);
-moz-box-shadow: 0px 8px 20px rgba(85, 89, 93,0.2);
}
.action-serve{
direction:rtl;
background: #009688;
padding:3.571em 4.429em 2.143em 2.143em;
}
.action-serve h3{
color:#ffffff;
line-height: 1.250em;
}
.action-serve h4{
color:rgba(255, 255, 255, .9);
line-height: 2.222em;
}
.action-serve p{
color:rgba(255, 255, 255, .9);
text-align:justify;
}
#action-testimonial{
direction:ltr;
padding:1em;
position: relative;
}

.client-thumb{

}
.client-comments{
position: relative;
width:75%;
margin:0 5px;
padding:5px;
}
#action-testimonial .owl-controls{
right: 150px;
}
#action-testimonial .owl-controls .owl-page span{
width:4px;
height:4px;
background:#919191;
}
#action-testimonial .owl-controls .owl-page.active span{
background:#F9C535;
}
.client-comments p{
direction:rtl;
font-size: 1.143rem;
font-weight:600;
font-style: italic;
letter-spacing:.5px;
text-align:justify;
}
.client-comments p::before{
content: "\f10d";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
font-size: .5rem;
color: #919191;
vertical-align: super;
}
.client-comments p::after{
content: "\f10e";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
font-size: .5rem;
color: #919191;
vertical-align: super;
}
.client-comments .name{
display: block;
font-weight: 600;
font-size: 0.857rem;
}
.client-comments .designation{
font-size: 0.714rem;
margin-top: -5px;
display: inherit;
}

@media(max-width: 991px){
#action-testimonial .owl-controls{
text-align: center;
position: static;
}
}

/*-------------------------------------------
our-clients-section
-------------------------------------------*/


.our-clients-section{
margin-bottom:2.143em;   
padding:2.143em 0;
overflow: hidden;
background: #ffffff;
box-shadow: 0px 8px 20px rgba(85, 89, 93,0.2);
-webkit-box-shadow: 0px 8px 20px rgba(85, 89, 93,0.2);
-moz-box-shadow: 0px 8px 20px rgba(85, 89, 93,0.2);
}
#our-client-thumb{
position: relative;
padding: 0 30px;
text-align: center;
}

/*--------------------------------------------
Footer section
----------------------------------------*/

.footer-section{
margin-bottom:0px;   
padding:40px 40px 0;
background: #3f51b5;
}

.footer-top h4{
color:#fff;
margin-bottom: 1.667em;
}
.footer-top p{
color:rgba(255, 255, 255, 0.7);
}
.footer-section .readMore{
color:#ffe400;
font-weight:600;
}
.footer-section .readMore:hover{
text-decoration:underline;
color:#ff0;
}
.about img{
margin-top:5px;
margin-bottom: 12px;
}

/* Recent News */
.recent-news  li{
border-bottom: 1px solid rgba(255, 255, 255, .1);
padding: 12px 0;
}

.recent-news div{
color:#f9f9f9;
}

.recent-news span{
color:rgba(255, 255, 255, 0.55);
}

.recent-news  li:first-child{
padding-top:0;
}
.recent-news  li:last-child{
border:0;
}

.inner-news{
background:#ffffff;
padding: 0 2.2em 2.2em;
margin-bottom:2.143em; 
overflow: hidden;
}

.nPublished{
padding: 4em 0 1em;
overflow: hidden;
}
.nPublished p{
text-align:justify;
}
.n_thumb{
width:100%;
margin:0 auto;
display:inline-block;
overflow-x:auto;
position:relative;
}
.n_thumb img{
border:solid 3px #777;
width:120px;
margin:15px;
float:left;
cursor:pointer;
}
@media(max-width: 480px){
.n_thumb{
width:320px;
}
}
.clear{clear:both;}
.news{
margin:1em auto;
text-align:justify;
border-bottom:solid 1px #ddd;
padding:0 1em 2em;
line-height:30px;
font-size:12pt;
position:relative;
width:75%;
float:left;
}
.news:last-child{
border-bottom:0;
}
.news h3{
margin:0.5em auto;
}
.news .readMore{
color:#f75d4f;
}
.posted{
color:#777;
font-size:12px;
position:relative;
margin:1em 0;
text-align:right;
}
.posted div{
float:right;
margin:0;
}
.posted span{
color:#00c3b1;
}
.news .news-img{
width:240px;
height:auto;
border:solid 3px #666;
position:relative;
float:left;
margin:0 1em -10px;
}
.news .news-img img{
width:234px;
float:left;
}
.news .news-img span{
position:absolute;
width:240px;
height:20px;
background:url('../Images/shadow-240.png') no-repeat;
left:0;
bottom:-22px;
}

@media only screen and (min-width: 320px) and (max-width: 990px) {
	.news{
	margin:1em 0;
	clear:both;
	border-top:solid 3px #db4437;
	width:100%;
	}
}
@media(min-width: 480px) and (max-width: 767px){
}
@media only screen and (max-width: 479px) {
	.news .news-img{margin:1em;margin-left:0;}
}



/* Services */
.services li{
border-bottom: 1px solid rgba(255, 255, 255, .1);
padding: 5px 0;
}
.services li:first-child{
padding-top:0;
}
.services li:last-child{
border:0;
}
.services li a{
color: rgba(255, 255, 255, .5);
transition: all .3s;
}
.services li a:hover{
color:#ffffff;
}

/* Get in Touch */
.get-in-Touch address{
color: rgba(255, 255, 255, 0.7); 
}
.get-in-Touch address i{
font-size: 1.286rem;
margin-right: 10px;
}
.footer{
border-top: 1px solid rgba(0,0,0, 0.2);
padding: 20px 0;
}

/* Gallery */

.portfolio-content{
text-align:center;
position:relative;
display:inline-table;
padding:0 5%;
}
#portfolio-grid .mix {
height:255px;
margin:8px;
float:right;
}

.video{
width:320px;
height:255px;
overflow: hidden;
border:solid 1px #23292f;
background: #23292f;
}
.video video{
width:320px;
height:215px;
}
.video p{
margin:0;
padding:0;
padding-top:1em;
position:relative;
z-index:4;
color:#fff;
word-wrap: break-word;
hyphens: auto;
}
.video > p {
padding-bottom:20px;
}

.thumbnail {
width:320px;
height:255px;
overflow: hidden;
position: relative;
border:solid 1px #23292f;
border-radius:0;
box-shadow:none;
text-align:center;
background: #23292f;
}
.thumbnail p {
margin:0;
padding:0;
padding-top:1em;
position:relative;
z-index:4;
color:#fff;
}
.thumbnail > p {
padding-bottom:20px;
}
.thumbnail .mask {
opacity:0.55;
filter: alpha(opacity=55);
top:100%;
left:0;
width:100%;
height:100%;
background:url('../Images/mask.png');
position:absolute;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2 s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
cursor:pointer;
}
.thumbnail:hover .mask {
top:0;
}
.zoom {
top:-50px;
left:135px;
width:52px;
height:53px;
background:url('../Images/zoom.png') no-repeat;
position:absolute;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2 s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
cursor:pointer;
opacity:0;
filter: alpha(opacity=0);
z-index:100;
}
.thumbnail:hover .zoom {
display:block;
top:83px;
opacity:1;
filter: alpha(opacity=100);
}

.nav-pills{
margin:1em 7% 1em;
border-bottom:solid 1px #aaa;
position:relative;
height:40px;
width:86%;
display:inline-table;
}
.nav-pills ul li{
margin:15px 8px;
float:right;
}
.nav-pills ul > li > a {
color:#009688;
background: transparent;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
padding:0.4em 1.5em;
border: 1px solid #009688;
}
.nav-pills ul > li > a:hover, .nav-pills > .active > a, .nav-pills > .active > a:hover, .nav-pills > .active > a:focus {
background: rgba(0, 150, 135, 0.4);
color: #004b44;
}

@media only screen and (min-width: 768px) and (max-width: 980px) {
	.portfolio-content {
	margin-right:-20px;
	}
	.thumbnail{
	width:280px;
	}
	.video{
	width:280px;
	}
	.zoom {
	left:120px;
	}
}
@media(min-width: 480px) and (max-width: 767px){
	.portfolio-content {
	margin-right:-20px;
	}
	.thumbnail{
	width:280px;
	}
	.zoom {
	left:120px;
	}
}
@media only screen and (max-width: 479px) {
	.portfolio-content {
	margin-right:-20px;
	}
	.thumbnail{
	width:280px;
	}
	.zoom {
	left:120px;
	}
	
	.nav-pills ul li{
	margin:8px 4px;
	float:right;
	}
	.nav-pills ul > li > a {
	padding:2px 6px;
	}
}

.copyright{float:left;}
.copyright p{
color: rgba(255, 255, 255, .5); 
margin: 0;
}

.footer-social{
text-align: right;
}
.footer-social ul li{
display:inline-block;
}
.footer-social ul li a{
display:block;
color: rgba(255, 255, 255, .5);
padding-right:2.143em;
}
.footer-social ul li a:hover{
color:#ffffff;
}
.footer-social ul li a i{
padding-right:.825em;
}
@media(max-width: 767px){
.about, .news, .services{
margin-bottom:3.571em;
}
.footer-social{
text-align: left;
margin-top: 1.071em;
}
}

@media(min-width: 768px) and (max-width: 1024px){
.footer-social ul{
text-align: center;
}
}


/*---------------------------------------
Bottom to top
----------------------------------------*/
#toTop {
position: fixed;
bottom: 1.667em;
right: 2.8em;
color:#ffffff;
cursor: pointer;
display: none;
z-index: 9999;
width: 50px;
height: 50px;
background: #00bcd4;
text-align: center;
line-height: 28px;
padding: 10px;
border:solid 1px #fff;
border-radius:50px/50px;
-moz-border-radius:50px/50px;
-webkit-border-radius:50px/50px;
}
#toTop i{
font-size: 2rem;
}
@media(max-width: 467px){
#toTop {border:solid 1px #444;}
}
@media(max-width: 767px){
#toTop {border:solid 1px #444;}
}
/*---------------------------------------
Service-page-style
----------------------------------------*/
.inner-content{
background:#ffffff;
padding: 0 2.2em 2.2em;
margin-bottom:2.143em; 
overflow: hidden;
box-shadow: 0px 8px 20px rgba(85, 89, 93,0.2);
-webkit-box-shadow: 0px 8px 20px rgba(85, 89, 93,0.2);
-moz-box-shadow: 0px 8px 20px rgba(85, 89, 93,0.2);
}

.left-sidebar ul li a{
color"#111;
}
.left-sidebar div{
clear:both;
}

.service-head{
padding: 4.286em 0 1.071em 0;
border-bottom: 1px solid rgba(0, 0, 0, .1);
}
.service-head p{
font-size: 1.429rem;
font-weight:600;
color:rgba(0, 0, 0, .5);
}
.service-inner-list{
padding: 2.143em 0;
}
.service-inner-item{
margin-bottom: 2.143em;
}
.service-list img{
width:100%;
}
.service-item-content{
padding-top: 1.429em;
}
.service-item-content a{
background: #55595d;
color: #ffffff;
text-transform: uppercase;
padding: 4px 12px;
margin-top: 8px;
display: inline-block;
}
.service-item-content a:hover{
background: #F9C535;
}
.more-service-section{
overflow: hidden;
padding: 4.714em;
background: #f5f5f5;
}
.more-service-left {
width:30%;
margin-right: 4.714em;
}
.more-services{
width: 63%;
}
.more-services h4{
color:rgba(0, 0, 0, .5);
line-height: 2.222em;
}
.more-services p{
margin: 0 0 1.5em;
}
.more-services ul{
overflow:hidden;
padding-left: 18px;
}
.more-services ul li{
list-style: square;
float: left;
min-width: 196px;
}
.more-services ul li a{
color: rgba(0, 0, 0, .4);
font-weight: 600;
line-height: 1.929em;
}
.more-services ul li a:hover{
color: rgba(0, 0, 0, .6);
}

@media(max-width: 767px){
.more-service-section{
padding:0;
}
.more-service-left {
width:100%;
}
.more-services{
width: 100%;
padding: 1.5em;
}
.header-social{
text-align: left;
margin-left: 1.071em;
margin-top: 0;
margin-bottom: 1em;
}
}
@media(min-width: 768px) and (max-width: 1024px){
.more-service-left {
margin-right: 2.714em;
}
.more-services ul li {
min-width: 110px;
}
}

.aboutus{
padding: 4em 0 1em;
overflow: hidden;
}
.aboutus p{
text-align:justify;
font-size:14pt;
color:#444;
line-height:1.7em;
}
.aboutus .persian{
font-family: 'BHoma', serif;
direction:rtl;
text-align:right;
font-size:16pt;
text-align:justify;
}
.imgborder{
border:solid 4px #444;
position:relative;
width:660px;
margin-bottom:3em;
}
.imgborder img{
width:652px;
}
.imgborder span{
position:absolute;
left:0;
bottom:-40px;
width:660px;
height:39px;
background:url('../Images/shadow-660.png')
}

@media(min-width: 479px) and (max-width: 767px){
	.imgborder{
	width:460px;
	margin-left:-8px;
	margin-bottom:1.5em;
	}
	.imgborder img{
	width:452px;
	}
	.imgborder span{
	bottom:-28px;
	width:460px;
	height:27px;
	background:url('../Images/shadow-460.png')
	}
}

@media(max-width: 479px){
	.aboutus{
	margin-left:-1em;
	}
	.imgborder{
	width:240px;
	margin-left:-8px;
	margin-bottom:1.5em;
	}
	.imgborder img{
	width:232px;
	}
	.imgborder span{
	bottom:-22px;
	width:240px;
	height:20px;
	background:url('../Images/shadow-240.png')
	}
}
/*------------------------------------------------
Contact page style
------------------------------------------*/
.contact{
padding: 4.286em 0.5em;
overflow: hidden;
border-bottom: 1px solid rgba(0, 0, 0, .1);  
}
.contact-head{
padding-bottom:3.2em;
}
.contact-head p{
text-align:justify;
}
.SendComment{border-top:solid 5px #f75d4f;padding:1em 0;margin-top:3em;}
.main-contact-form h4, .contact-us .get-in-Touch h4{
margin-bottom: 1.4em;
font-size: 1.429rem;
}
.main-contact-form input[type=text]{
width: 100%;
line-height: 3em;
padding:0 1em;
margin-bottom: 2.2em;
border: 1px solid #bbb;
}
.main-contact-form input[type=text]:focus, .main-contact-form textarea:focus{
border: 1px solid #1dadef;
box-shadow:0 0 4px #59b5b0;
-webkit-box-shadow:0 0 4px #59b5b0;
-moz-box-shadow:0 0 4px #59b5b0;
}
.main-contact-form textarea{
width: 100%;
line-height: 2em;
padding:0 1em;
border: 1px solid #bbb;
resize:none;
}

#phone, #strName{
width: 48%;
margin-left:.7em;
}
#subject, #strEMail{
width: 48%;
margin-left:1em;
}
input[type="button"], input[type="submit"]{
margin-top: 2em;
line-height: 2em;
padding: 8px 30px;
color:#fff;
-webkit-transition: all 0.2s ease 0s;
-moz-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
cursor:pointer;
}
.blue{background:#3f51b5;border: 1px solid #2b3881;}
.blue:hover{background:#4b61db;}
.blue:active{background:#4055c8;}

.red{background:#d0463a;border: 1px solid #a02d23;}
.red:hover{background:#f75d4f;}
.red:active{background:#e25245;}

.navy{background:#009688;border: 1px solid #00675d;}
.navy:hover{background:#00bdab;}
.navy:active{background:#00aa9a;}

.purple{background:#9c27b0;border: 1px solid #79168a;}
.purple:hover{background:#c33ada;}
.purple:active{background:#b232c8;}

.grey{background:#62707a;border: 1px solid #3c4a54;}
.grey:hover{background:#8d9ba4;}
.grey:active{background:#7a8993;}

.contact-us .get-in-Touch address{
color:#919191;
}
.contact-us .get-in-Touch address a{
color: rgba(0,0,0,.8);
font-weight: 600;
}
.map-area{
position:relative;
padding-top:4.286em;
}
.map-canvas {
height     : 300px;
}

@media (min-width: 320px) and (max-width: 980px){
#phone, #subject, #strName, #strEMail{
width:100%;
margin:0 0 2.2em 0;
}
.contact-us .get-in-Touch h4{
margin-top:2.2em;
}
}
@media(min-width: 768px) and (max-width: 1199px){
#subject {
margin-left: .6em;
}
#strName {
margin-right: 0.2em;
}
}

.nComments{
margin:1em 0;
}
.nComments .nCmnt{
border-bottom:solid 1px #e5e5e5;
padding:1em;
margin:0.5em 0;
background:#f1f1f5;
text-align:left;
float:left;
width:100%;
color:#555;
}
.nComments .nCmnt:nth-child(2n){
background:#f5f5f1;
}
.nComments .nCmnt img{
margin-right:8px;
}

.cDetails{
color:#aaa;
font-size:12px;
*position:relative;
margin:5px 0 15px;
}
.cDetails span{
color:#00c3b1;
}
.cDetails div{
float:left;
margin-right:10%;
}
@media (min-width:320) and (max-width:479){
.cDetails div{
float:left;
margin-right:0;
}
}
.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}
.alert-success{color:#3c763d;background-color:#c8ffb1;border-color:#89d34a}
.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}
.alert-warning{color:#8a6d3b;background-color:#fff3b7;border-color:#ffd172}
.alert-danger{color:#a94442;background-color:#ffc7c2;border-color:#f75d4f}

.statusXs {
top:-50px;
display:none;
position:fixed;
left:45%;
z-index:999;
}
.loading-div{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.56);
z-index: 999;
display:none;
}
.loading-div img {
margin-top: 20%;
margin-left: 50%;
}
.pagination{margin:1em 0;padding:0;direction:ltr;width:400px;}
.pagination li{
display: inline;
padding: 6px 10px;
border: 1px solid #ccc;
margin-right: -1px;
font: 15px/20px Arial, Helvetica, sans-serif;
background: #fff;
color:#337ab7;
}
.pagination a{
text-decoration:none;
}
.pagination .first {
border-radius: 5px 0px 0px 5px;
}
.pagination .last {
border-radius: 0px 5px 5px 0px;
}
.pagination li:hover{
background: #eee;
color:#23527c;
}
.pagination .active, .pagination .active:hover{
background: #337ab7;
color: #fff;
cursor:default;
}
.loading {
  position: fixed;
  left:50%;
  top:50%;
  margin-top:-75px;
  margin-left:-75px;
  height: 150px;
  width: 150px;
  border: 4px solid transparent;
  border-top-color: #509c1d;
  border-left-color: #509c1d;
  border-radius: 50%;
  -webkit-animation: spin 1.5s linear infinite;
  animation: spin 1.5s linear infinite;
}

.loading::before {
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  content: "";
  border: 4px solid transparent;
  border-top-color: #6ad026;
  border-left-color: #6ad026;
  border-radius: 50%;
  -webkit-animation: spinBack 1s linear infinite;
  animation: spinBack 1s linear infinite;
}

@-webkit-keyframes spin {
    from {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    to {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    to {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
}


@-webkit-keyframes spinBack {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
  }
  to {
        -webkit-transform: rotate(-720deg);
        transform: rotate(-720deg);
  }
}

@keyframes spinBack {
  from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
  }
  to {
        -webkit-transform: rotate(-720deg);
        transform: rotate(-720deg);
  }
}