@charset "utf-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css);




/*====================================================================================================
		| ----------------------------- | Shortcodes |----------------------------- |
====================================================================================================*/

/* bootstrap accordion / collapse */

/* http://bootsnipp.com/snippets/50gOv */

/* Dreamwaver emmet |  http://docs.emmet.io/cheat-sheet/ */

/* font-family: 'Droid Arabic Naskh', Arial, Helvetica, sans-serif; */
/* font-family: 'Open Sans', Arial, Helvetica, sans-serif */


/* Vertical align anything with just 3 lines of CSS */

/* http://zerosixthree.se/vertical-align-anything-with-just-3-lines-of-css/ */

/*
.element {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
*/

/* Use :before */

/* .Icon:before { content: "\f02d"; 
    position:relative;
	font-family: FontAwesome;
	font-size:2em;
	color:#FFFFFF;
    left:5%;
	top:25%;
	
    }*/
/* .Icon:before { content: url(../images/Viewer/icons/Ico-Title.png); 
    position:relative;
	font-family: FontAwesome;
	font-size:2em;
	color:#FFFFFF;
    left:5%;
	top:25%;
	
    }*/
/* A list of Font Awesome icons and their CSS content values | and make the icon bg | http://astronautweb.co/snippet/font-awesome/#comment-194592 */

/* how to flip glyphicon icon | http://stackoverflow.com/questions/18609819/how-to-flip-glyphicon-icon |  */

/* https://fortawesome.github.io/Font-Awesome/examples/ | Rotated & Flipped | fa-flip-horizontal & fa-flip-vertical */

/*#HomeNews .ContentWraqpper .NewsBox .Data a.More .icon {position:relative;
		
		-moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);	
        transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH";;}	*/
		
/* Modern Clean CSS “Sticky Footer” | http://mystrd.at/modern-clean-css-sticky-footer/*/		

/* make the div as table */

/* http://www.mattboldt.com/kicking-ass-with-display-table/ */



/*====================================================================================================
		| ----------------------------- |Home & Master Style |----------------------------- |
====================================================================================================*/



/* ----------------------------- | General Styles  |----------------------------- */

body {background:url(../images/Home-Master/MainBg.jpg) #FFF}


/* ----------------------------- | header | Logo & Menu & Lang  |----------------------------- */

/* header wrapper */

#header .header-body {background:url(../images/Home-Master/MainBg.jpg) #FFF}

/* Menu */
.header-nav .MenuTitle {display:inline-block; margin-left:10px;font-family: "Open Sans", Arial, sans-serif;}



#header .header-nav-main nav > ul > li > a  {-webkit-border-radius:  0 20px 0 20px;border-radius:  0 20px 0 20px;color: #3b3b3b}

#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a {color: #3b3b3b}

#header .header-nav-main nav > ul > li.active > a {-webkit-border-radius:  0 20px 0 20px;border-radius:  0 20px 0 20px;background: #bc220a;color: #FFF}

#header .header-nav-main nav > ul > li.dropdown .dropdown-menu {-webkit-border-radius:  0 25px 0 25px;
border-radius:  0 25px  0 25px;border-color:#bc220a}

#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > a:after  {border-left-color: #bc220a }

#header .header-nav-main nav > ul > li > a.dropdown-toggle{-webkit-border-radius:20px 0 20px 0 ;border-radius:20px 0 20px 0 ;}

.menu-sep {border-bottom: 1px solid #f4f4f4 !important;}

ul.dropdown-menu > li:last-child > a:hover {-webkit-border-radius:  0 0 0 25px;
border-radius:  0 0  0 25px;}

.dropdown-submenu > ul.dropdown-menu > li:last-child > a:hover {-webkit-border-radius:  0px;
border-radius:  0px;}

ul.dropdown-menu > li:first-child > a:hover {-webkit-border-radius:  0 25px 0 0;
border-radius:  0 25px 0  0 ;}

.dropdown-submenu > ul.dropdown-menu > li:first-child > a:hover {-webkit-border-radius:  0px;
border-radius:  0px;}

#header .header-nav-main nav > ul > li.open > a, #header .header-nav-main nav > ul > li:hover > a {
	background: #bc220a;
}
/*.dropdown-menu>ul>li:last-child>a:hover {-webkit-border-radius:  0px;
border-radius:  0px;}

.dropdown-menu>ul>li:first-child>a:hover {-webkit-border-radius:  0px;
border-radius:  0px ;}*/





/* Lang Module */ 

.Lang {float:right;width:70px;margin-top:15px;margin-right:15px}

.Lang a.item {width:32px;margin-left:3px;height:28px;-webkit-border-radius:0 10px 0 10px ;border-radius:0 10px 0 10px ;background:#a6a6a6;text-align: center;color:#FFF;cursor:pointer;text-decoration:none;display:block;float:left;font-weight:bold;font-size:16px;font-family: 'Droid Arabic Naskh', Arial, Helvetica, sans-serif;}

.Lang a.item span {display:block;padding-top:2px}

.Lang a:hover.item {background:#bc220a}

.Lang a.Active.item  {-webkit-border-radius:10px 0 10px 0 ;border-radius:10px 0 10px 0 ;background:#bc220a;font-size:14px;font-weight:bold;font-family: 'Open Sans', Arial, Helvetica, sans-serif;cursor: default} 

.Lang a.Active.item span {padding-top:2px}

/* ----------------------------- | R02 | Slider Revolution  |----------------------------- */ 

#R02 {width:100%;position:relative}

#R02 .Shadow {width:100%;height:38px;background:url(../images/Home-Master/Shadow01.png) top center no-repeat;position:absolute;top:0;z-index:50}

/* ----------------------------- | R03 | About Us  |----------------------------- */ 

#R03 {width:100%;position:relative}

#R03 .Shadow {width:100%;height:38px;background:url(../images/Home-Master/Shadow01.png) top center no-repeat;position:absolute;top:0;z-index:50}

#R03 .AboutBox {margin-top:45px}

#R03 .AboutBox .Image {}

#R03 .AboutBox .Image img {width:100%;max-width:267px;height:auto;-webkit-border-radius: 5px 45px 5px 45px;border-radius: 5px 45px 5px 45px;border:1px solid #e3e3e3}

#R03 .AboutBox .Content {width:100%;}

#R03 .AboutBox .Content .Title {color:#bc220a;font-family:'Droid Sans', Arial, Helvetica, sans-serif;font-size:26px;font-weight:bold;margin-top:15px}

#R03 .AboutBox .Content .Brif {font-size:16px;font-weight:600;color:#4e4e4e;line-height:32px;margin-top:20px;max-height:200px;overflow:hidden}

#R03 .AboutBox a.Button {display:block;-webkit-border-radius: 5px;border-radius: 5px;width: 320px; height: 37px;font-family:'Droid Sans', Arial, Helvetica, sans-serif;font-weight:600;font-size:18px;text-decoration:none;color:#FFF;text-align:center;line-height:37px;margin-top:15px}

#R03 .AboutBox a:hover.Button {}

#R03 .AboutBox a.Button.Blue01 {background:#4f4f4f}

#R03 .AboutBox a:hover.Button.Blue01 {background:#bc220a;
-webkit-transition: background .35s ease-in;
-moz-transition: background .35s ease-in;
-ms-transition: background .35s ease-in;
-o-transition: background .35s ease-in;
transition: background .35s ease-in;
}

/* ----------------------------- | R04 | Main Services Boxes  |----------------------------- */ 

#R04 {width:100%;position:relative;background:url(../images/Home-Master/MedBg.jpg);margin-top:40px;padding:25px 0px;float:left}

#R04 .Box {width:100%;position:relativ;}

#R04 .Box .Title {font-family:'Droid Sans', Arial, Helvetica, sans-serif;font-size:22px;font-weight:bold;color:#bc220a}

#R04 .Box img.Pic {display:block;width:100%;height:auto;clear:both;margin:20px auto;max-width:400px;-webkit-border-radius: 5px 45px 5px 45px;border-radius: 5px 45px 5px 45px;border:1px solid #e3e3e3}


#R04 .Box .Brif {width:100%;height:128px;line-height:26px;overflow:hidden;font-size:15px;color:#444444}

#R04 .Box a.More {display:block;-webkit-border-radius: 5px;border-radius: 5px;width: 100%; height: 37px;font-family:'Droid Sans', Arial, Helvetica, sans-serif;font-weight:600;font-size:16px;text-decoration:none;color:#FFF;text-align:center;line-height:37px;margin-top:15px}

#R04 .Box a.More.Blue01 {background:#4f4f4f}

#R04 .Box a.More.Blue02 {background:#4f4f4f}

#R04 .Box a:hover.More.Blue01 {background:#bc220a;-webkit-transition: background .35s ease-in;
-moz-transition: background .35s ease-in;
-ms-transition: background .35s ease-in;
-o-transition: background .35s ease-in;
transition: background .35s ease-in;}

#R04 .Box a:hover.More.Blue02 {background:#bc220a;-webkit-transition: background .35s ease-in;
-moz-transition: background .35s ease-in;
-ms-transition: background .35s ease-in;
-o-transition: background .35s ease-in;
transition: background .35s ease-in;}

#R04 .Box.Last {margin-right:0px}

/* ----------------------------- | R05 | Case Studies Slider  |----------------------------- */ 

#R05 {width:100%;position:relative}

#R05 .Shadow {width:100%;height:38px;background:url(../images/Home-Master/Shadow01.png) top center no-repeat;position:absolute;top:0;z-index:50}

#R05  .Title {font-family:'Droid Sans', Arial, Helvetica, sans-serif;font-weight:bold;font-size:25px;color:#4f4f4f;position:absolute;top:80px;z-index:0}

#R05 .CaseStudiesSlider {width:90%;margin:auto;margin-top:50px;position:relative}

#R05 .CaseStudiesSlider .Item {width:100%;float:left}

#R05 .CaseStudiesSlider .Item .Content {width:100%;float:left;position:relative;margin-right:30px;padding-left:20px}

#R05 .CaseStudiesSlider .Item .Content .Chalange {font-family:'Droid Sans', Arial, Helvetica, sans-serif;font-weight:bold;font-size:21px;color:#bc220a;margin-top:100px}

#R05 .CaseStudiesSlider .Item .Content .Brif {color:#444444;font-weight:600;font-size:16px;line-height:30px;margin-top:30px;height:120px;overflow:hidden}

#R05 .CaseStudiesSlider .Item .Content a.More {display:block;-webkit-border-radius: 5px;border-radius: 5px;width: 75%; height: 37px;font-family:'Droid Sans', Arial, Helvetica, sans-serif;font-weight:600;font-size:16px;text-decoration:none;color:#FFF;text-align:center;line-height:37px;margin-top:35px;background:#4f4f4f}

#R05 .CaseStudiesSlider .Item .Content a:hover.More  {background:#bc220a;-webkit-transition: background .35s ease-in;
-moz-transition: background .35s ease-in;
-ms-transition: background .35s ease-in;
-o-transition: background .35s ease-in;
transition: background .35s ease-in;}

#R05 .CaseStudiesSlider .Item .Screen {width:100%;height:auto;float:right;position:relative;z-index:10;max-width:518px}

#R05 .CaseStudiesSlider .Item .Screen img.Screen {position:relative;width:100%;height:auto}

#R05 .CaseStudiesSlider .Item .Screen img.Pic {display:block;width:93.5%;height:auto;position:absolute;top:4.5%;left:3%;z-index:99}

#R05 .CaseStudiesSlider .slick-dots {position:absolute;bottom:-25px;height:20px !important}

#R05 .CaseStudiesSlider .slick-dots button:before {font-size:20px }

#R05 .CaseStudiesSlider .slick-dots .slick-active button:before {font-size:20px;color:#ac0000}

/* ----------------------------- | R06 | Our Clients Slider  |----------------------------- */ 

#R06UpperShadow {width:100%;height:38px;background:url(../images/Home-Master/Shadow02.png) top center no-repeat;}

#R06 {width:100%;min-height:110px;position:relative;background:url(../images/Home-Master/MedBg.jpg);float:left}

#R06 .OurClientsSlider {width:96%;height:108px;padding:1px 0px;margin:5px 0px;margin:auto;position:relative}

#R06 .OurClientsSlider .Item  {width:190px;margin:0px 5px;height:108px;float:left;text-align:center;position:relative;line-height:108px}

#R06 .OurClientsSlider .Item img{display:inline-block !important;line-height:108px;margin:auto;cursor:pointer;max-width:90%}

#R06 .slick-slide img {display:inline-block}

/*#R06 .OurClientsSlider .Item img{display:block;position:relative;top:50%;transform: translateY(-50%);margin:auto;cursor:pointer;max-width:90%}*/

/* ----------------------------- | R07 | above footer  |----------------------------- */ 

#R07 {width:100%;min-height:230px;position:relative;background:#0c0c0c;float:left}

#R07 .Shadow {width:100%;height:38px;background:url(../images/Home-Master/Shadow01.png) top center no-repeat;position:absolute;top:0;z-index:50}

#R07 .col {width:100%;padding:25px;padding-bottom:10px;min-height:180px;float:left}

#R07 .col .Title {height:30px;color:#ffcc9d;padding-left:25px;font-size:16px;font-family:'Droid Sans', Arial, Helvetica, sans-serif;}

#R07 .col .Title.Links {background:url(../images/Home-Master/LinksIcon_Ar.png) left 3px no-repeat, url(../images/Home-Master/HomeSep2.png) bottom left no-repeat}

#R07 .col .Title.Social {background:url(../images/Home-Master/SocialIcon.png) left 0px no-repeat, url(../images/Home-Master/HomeSep2.png) bottom left no-repeat;padding-left:28px}

#R07 .col .Title.Contacts {background:url(../images/Home-Master/ContactsIcon.png) left 0px no-repeat, url(../images/Home-Master/HomeSep2.png) bottom left no-repeat;padding-left:28px}

#R07 .col .Content {margin-top:15px;padding-left:20px}

#R07 .col .col1list {margin:0;padding:0;list-style:none;}

#R07 .col .col1list li {line-height:220%}

#R07 .col .Content.Links a {display:inline-block;clear:both;background:url(../images/Home-Master/Arrow_Ar.png) left center no-repeat;color:#FFF;text-decoration:none;padding-left:10px;font-size:13px}

#R07 .col .Content.Links a:hover {color:#ffcc9d;background:url(../images/Home-Master/Arrow_Ar.png) left center no-repeat;}

#R07 .col .Content.Social {margin-top:20px}

#R07 .col .col2list {margin:0;padding:0;list-style:none;}

#R07 .col .col2list li {line-height:300%}

#R07 .col .Content.Social a {display:inline-block;color:#FFF;text-decoration:none;padding-left:10px;margin:0px 0px;font-size:15px;position:relative}

#R07 .col .Content.Social a span {display:inline-block;position:relative;top:-5px}

#R07 .col .Content.Social a:before {font-family: FontAwesome;font-weight: normal;font-style: normal;font-size:30px;display: inline-block;padding-right:5px;line-height:30px}

#R07 .col .Content.Social a.Facebook:before {content: "\f082";}

/*-webkit-transform:rotateY(180deg);
  -moz-transform:rotateY(180deg);
  -o-transform:rotateY(180deg);
  -ms-transform:rotateY(180deg);*/

#R07 .col .Content.Social a.linkedin:before {content: "\f08c"}

#R07 .col .Content.Social a.twitter:before {content: "\f081"}

#R07 .col .Content.Social a.instagram:before {content: "\f16d"}

#R07 .col .Content.Social a:hover {color:#ffcc9d;}

#R07 .col .Content.Contacts {margin-top:20px}

#R07 .col .Content.Contacts a {display:block;color:#FFF;text-decoration:none;padding-left:10px;margin:10px 0px;font-size:15px;position:relative}

#R07 .col .Content.Contacts a span {display:inline-block;position:relative;top:-2px}

#R07 .col .Content.Contacts a:before {font-family: FontAwesome;font-weight: normal;font-style: normal;font-size:25px;display: inline-block;padding-right:5px;line-height:30px}

#R07 .col .Content.Contacts a.Phone:before {content: "\f095";font-size:25px;}

#R07 .col .Content.Contacts a.Mail:before {content: "\f0e0";font-size:20px}

/*-webkit-transform:rotateY(180deg);
  -moz-transform:rotateY(180deg);
  -o-transform:rotateY(180deg);
  -ms-transform:rotateY(180deg);*/

#R07 .col .Content.Contacts a:hover {color:#ffcc9d;}

#R07 .sep {width:20px;min-height:230px;background:url(../images/Home-Master/HomeSep.png) center bottom no-repeat;float:left}

/* ----------------------------- | R08 | footer  |----------------------------- */ 

#R08 {width:100%;min-height:40px;position:relative;background:#070707;float:left;text-align:center;line-height:40px;font-size:12px;color:#FFF;}

/* ----------------------------- | Master | Page Header  |----------------------------- */ 

#PageHeader {width:100%;min-height:178px;position:relative;float:left}

#PageHeader.AboutUs {background:url(../images/AboutUs/Header_Ar.jpg) center center no-repeat;background-size:cover }

#PageHeader.Web {background:url(../images/Web/Header_En.jpg) center center no-repeat;background-size:cover }

#PageHeader.SoftWare {background:url(../images/SoftWare/Header.jpg) center center no-repeat;background-size:cover }

#PageHeader.Network {background:url(../images/Network/Header_En.jpg) center center no-repeat;background-size:cover }

#PageHeader.Contacts {background:url(../images/Contacts/Header.jpg) center center no-repeat;background-size:cover }

#PageHeader.Sitemap {background:url(../images/Home-Master/Sitemap.jpg) center center no-repeat;background-size:cover }

#PageHeader .Shadow {width:100%;height:38px;background:url(../images/Home-Master/Shadow01.png) top center no-repeat;position:absolute;top:0;z-index:50}

#PageHeader .PageTitle {width:100%;min-height:50px;float:left;background:url(../images/Home-Master/PageBreadCrumbBg.png);bottom:0px;font-family:'Droid Sans', Arial, Helvetica, sans-serif;font-size:30px;font-weight:bold;color:#FFF;line-height:50px}

#PageHeader .BreadCrumb {width:100%;min-height:40px;float:left;background:url(../images/Home-Master/PageTitleBg.png);top:85px;font-family:'Open Sans', Arial, Helvetica, sans-serif;font-size:15px;font-weight:bold;line-height:40px;margin-top:90px}

#PageHeader .BreadCrumb a {color:#292929;text-decoration:none;display:inline-block;float:left}

#PageHeader .BreadCrumb a:hover {color:#bc220a}

#PageHeader .BreadCrumb span {display:inline-block;float:left;padding:0px 7px;color:#ff000a;font-size:24px} 

#MainAriaUpperShadow {width:100%;height:38px;background:url(../images/Home-Master/Shadow01.png) top center no-repeat;}

/* ----------------------------- | Master | Side Menu  |----------------------------- */ 

.SideMenu {height:auto;position:relative}

.SideMenu .mba_SideMenu {width:100%;height:auto;float:left;position:relative;}

.SideMenu .mba_SideMenu .Shadow {position:absolute;right:-1px;top:0px;width:20px;height:90%;background:url(../images/Home-Master/SideMenuShad_Ar.png) right top no-repeat, url(../images/Home-Master/SideMenuShad29.png) right bottom no-repeat;background-size:contain, auto;z-index:9}

.SideMenu .mba_SideMenu .header {width:100%;min-height:55px;float:left;position:relative;background:#eaeaea;-webkit-border-radius: 25px 0 0 0;border-radius:  25px 0 0 0;border:1px solid #d7d7d7}

.SideMenu .mba_SideMenu .header .IconArea {width:65px;min-height:55px;background:#1c93d0;-webkit-border-radius:25px 0 0 0;border-radius:25px 0 0 0;float:left}

.SideMenu .mba_SideMenu .header .IconArea.icon01 {background:url(../images/Home-Master/Icon01.png) center center no-repeat #bc220a;}

.SideMenu .mba_SideMenu .header .Title {display:inline-block;float:left;min-height:55px;line-height:55px;margin-left:10px;color:#505050;font-family:'Droid Sans', Arial, Helvetica, sans-serif;font-size:20px;font-weight:bold;}

.SideMenu .mba_SideMenu .Content {width:100%;padding:10px;min-height:210px;margin-top:5px;float:left;position:relative;-webkit-border-radius: 0px 0 25px 0 ;border-radius: 0px 0  25px 0;border:1px solid #d7d7d7;background:url(../images/Home-Master/SideMenuContentBg.png) bottom right no-repeat #eaeaea;background-size:100%;padding-bottom:0px}

.SideMenu .mba_SideMenu .Content ul {margin:0;padding:0;}

.SideMenu .mba_SideMenu .Content ul li {margin:0;padding:0;list-style:none none;display:block;clear:both}

.SideMenu .mba_SideMenu .Content ul.Level01 li.Item {color:#bc220a;font-size:20px;padding-bottom:5px;margin-bottom:5px;font-weight:400;}

.SideMenu .mba_SideMenu .Content ul.Level01 li.Item > a {display:inline-block;position:relative;top: 25%;transform: translateY(-25%);color:#505050;font-family:'Droid Sans', Arial, Helvetica, sans-serif;font-weight:bold;font-size:18px}

.SideMenu .mba_SideMenu .Content ul.Level01 li.Active.Item:before { content: url(../images/Home-Master/SideMenu_Icon10.png); 
    position:relative;
	font-family: FontAwesome;
	left:0%;
	bottom:50%;
	padding-right:5px;
    }
	
.SideMenu .mba_SideMenu .Content ul.Level01 li.About.Item:before { content: url(../images/Home-Master/SideMenu_Icon0.png); 
    position:relative;
	font-family: FontAwesome;
	left:0%;
	bottom:50%;
	padding-right:5px;
    }

.SideMenu .mba_SideMenu .Content ul.Level01 li.Partners.Item:before { content: url(../images/Home-Master/SideMenu_Icon1.png); 
    position:relative;
	font-family: FontAwesome;
	left:0%;
	bottom:50%;
	padding-right:5px;
    }
	
	.SideMenu .mba_SideMenu .Content ul.Level01 li.Internet.Item:before { content: url(../images/Home-Master/SideMenu_Icon11.png); 
    position:relative;
	font-family: FontAwesome;
	left:0%;
	bottom:50%;
	padding-right:5px;
    }
	
	.SideMenu .mba_SideMenu .Content ul.Level01 li.Servises.Item:before { content: url(../images/Home-Master/SideMenu_Icon5.png); 
    position:relative;
	font-family: FontAwesome;
	left:0%;
	bottom:50%;
	padding-right:5px;
    }
	
	
	.SideMenu .mba_SideMenu .Content ul.Level01 li.Contacts.Item:before { content: url(../images/Home-Master/SideMenu_Icon2_Ar.png); 
    position:relative;
	font-family: FontAwesome;
	left:0%;
	bottom:-4px;
	padding-right:5px;
	
    }
	
	.SideMenu .mba_SideMenu .Content ul.Level01 li.OurClients.Item:before { content: url(../images/Home-Master/SideMenu_Icon6.png); 
    position:relative;
	font-family: FontAwesome;
	left:0%;
	bottom:50%;
	padding-right:5px;
    }
	
	.SideMenu .mba_SideMenu .Content ul.Level01 li.OurNews.Item:before { content: url(../images/Home-Master/SideMenu_Icon7.png); 
    position:relative;
	font-family: FontAwesome;
	left:0%;
	bottom:50%;
	padding-right:5px;
    }
	
	.SideMenu .mba_SideMenu .Content ul.Level01 li.Gallery.Item:before { content: url(../images/Home-Master/SideMenu_Icon8.png); 
    position:relative;
	font-family: FontAwesome;
	left:0%;
	bottom:50%;
	padding-right:5px;
    }
	
	.SideMenu .mba_SideMenu .Content ul.Level01 li.Home.Item:before { content: url(../images/Home-Master/SideMenu_Icon9.png); 
    position:relative;
	font-family: FontAwesome;
	left:0%;
	bottom:50%;
	padding-right:5px;
    }
	
	.SideMenu .mba_SideMenu .Content ul.Level01 li.Software.Item:before { content: url(../images/Home-Master/SideMenu_Icon12.png); 
    position:relative;
	font-family: FontAwesome;
	left:0%;
	bottom:50%;
	padding-right:5px;
    }
	
	.SideMenu .mba_SideMenu .Content ul.Level01 li.Network.Item:before { content: url(../images/Home-Master/SideMenu_Icon13.png); 
    position:relative;
	font-family: FontAwesome;
	left:0%;
	bottom:50%;
	padding-right:5px;
    }

	.SideMenu .mba_SideMenu .Content ul.Level01 li.Item.Software a  {position:relative;top:-5px}

.SideMenu .mba_SideMenu .Content .Sep {background:url(../images/Home-Master/SideMenuSep.png) left bottom no-repeat;}

.SideMenu .mba_SideMenu .Content div.Sep {background:url(../images/Home-Master/SideMenuSep.png) left bottom no-repeat;height:2px;margin:5px 0px}

.SideMenu .mba_SideMenu .Content ul.Level02 {margin-top:10px;margin-left:15px}

.SideMenu .mba_SideMenu .Content ul.Level02 li.Item {margin-bottom:7px;padding-bottom:7px;padding-top:5px;border-bottom:dotted 1px #BFBFBF;position:relative}

.SideMenu .mba_SideMenu .Content ul.Level02 li.Item.Last {border-bottom:none;margin-bottom:0;padding-bottom:3px} 

.SideMenu .mba_SideMenu .Content ul.Level02 li.Item a {display:inline-block;position:relative;top: 10%;transform: translateY(-10%);color:#1e96d2;font-size:20px;font:15px 'Open Sans', Arial, Helvetica, sans-serif;font-weight:400}

.SideMenu .mba_SideMenu .Content ul.Level02 li.Item:before { content: "\f054"; 
    display:inline-block;float:left;
	position:relative;
	font-family: FontAwesome;
	font-size:16px;
	color:#5b5b5b;
    left:0%;
	top:50%;
	padding-right:3px;

	}
	

.SideMenu .mba_SideMenu .Content ul.Level02 li.Item a {color:#5b5b5b;font-size:16px}

.SideMenu .mba_SideMenu .Content a {text-decoration:none}

.SideMenu .mba_SideMenu .Content a:hover {color:#bc220a !important}

.SideMenu .mba_SideMenu li.Current a {font-weight:bold !important;color:#bc220a !important}

.SideMenu .mba_SideMenu li.Current:before  {color:#bc220a !important}

.SideMenu .mba_SideMenu.Single .Level01 > li {margin-top:15px;margin-bottom:15px}

.SideMenu .mba_SideMenu.Single .Level01 > li.first {margin-top:0px}

/*accordion*/

.SideMenu #accordion {margin-left:10px}

.SideMenu #accordion .panel-heading { padding: 0;}

.SideMenu #accordion a.TabLink {
	color:#5b5b5b;font-size:16px;padding-bottom:5px;
	display: block;
	outline: none ;
    
    text-decoration: none;
}

.SideMenu #accordion .TabBody {;border-top:dotted 1px #BFBFBF;padding-top:0px}

.SideMenu #accordion .TabBody ul {margin-left:0px;background:rgba(0, 0, 0, 0.05);;padding-left:10px}

.SideMenu #accordion .TabBody ul li {margin:2px 0px;padding:5px 0px;border-bottom:dotted 1px #BFBFBF;}

.SideMenu #accordion .TabBody ul li:last-child {border-bottom:none}

.SideMenu #accordion .TabBody ul li a {color:#5b5b5b;}

.SideMenu #accordion .TabBody ul li::before {
	
	content:"\f0da";
    float: left;
    font-family: 'FontAwesome';
	font-size:16px;
	margin-right :5px;
	}

.SideMenu #accordion .panel-title > a.accordion-toggle::before, #accordion a[data-toggle="collapse"]::before  {
    content:"\f068";
    float: left;
    font-family: 'FontAwesome';
	font-size:16px;
	margin-right :5px;
}

.SideMenu #accordion .panel-title > a.accordion-toggle.collapsed::before, #accordion a.collapsed[data-toggle="collapse"]::before  {
	font-family: 'FontAwesome';
    content:"\f067 ";
}

/* ----------------------------- | About Us  |----------------------------- */ 

.ContentArea p, .ContentArea div {color:#3b3b3b;line-height:180% !important}


/* ----------------------------- | About Us | Who We Are  |----------------------------- */ 

.AboutUs .WhoWeAre {}

.AboutUs .WhoWeAre .box {}

.AboutUs .WhoWeAre .box img.pic{display:block;width:100%;height:auto;-webkit-border-radius:  0px 35px 0px  35px;
border-radius:  0px 35px 0px  35px ;margin-top:-30px;border:1px solid #d7d7d7;-webkit-box-shadow: 2px 2px 2px 2px rgba(0,0,0,.1);
box-shadow: 2px 2px 2px 2px rgba(0,0,0,.1);}

.AboutUs .WhoWeAre .box .title {color:#bc220a;font-weight:600;font-size:21px;margin-bottom:-30px}

.AboutUs .divider.divider-primary .fa, html .divider.divider-primary .icons {color: #bc220a}

.AboutUs .WhoWeAre .box .title .fa {font-size:18px;padding-right:2px}

.AboutUs .WhoWeAre .box .content {margin-top:20px}

.AboutUs .WhoWeAre .box .content p {font-size:16px;line-height:180%;margin-top:0px}

/* ----------------------------- | About Us | Our Services  |----------------------------- */ 

.AboutUs .OurServices {}

.AboutUs .OurServices .feature-box-icon {width:40px;height:40px}

.AboutUs .OurServices .fa.fa-cogs {font-size:21px;line-height:40px}

.AboutUs .OurServices .feature-box-icon {
	background: #3b3b3b;
}

.AboutUs .OurServices .heading-primary.mb-none {
	color: #bc220a !important;
}

/* ----------------------------- | About Us | Our Clients  |----------------------------- */ 

.AboutUs .OurClients {}

.AboutUs .OurClients a {cursor:pointer}

.AboutUs .OurClients a .thumb-info-type {line-height:120%}

.AboutUs .OurClients a .thumb-info-inner {padding-bottom:5px}

.AboutUs .OurClients .thumb-info.thumb-info-bottom-info:hover .thumb-info-title {opacity: 0.9}

.AboutUs .OurClients .nav.nav-pills.sort-source {font-weight: bold;font-size:15px}

.AboutUs .OurClients ul.nav-pills > li.active > a {background: #bc220a;color: #FFF}

.AboutUs .OurClients ul.nav-pills > li > a {color: #292929}

/* ----------------------------- | About Us | Case Studies  |----------------------------- */ 

.AboutUs .CaseStudies {}

.AboutUs .CaseStudies img.cover {display:block;width:100%;height:auto;-webkit-border-radius:  0px 50px 0px  50px;
border-radius:  0px 50px 0px  50px/*;border:5px solid #DBDBDB*/ ;border:1px solid #d7d7d7;-webkit-box-shadow: 2px 2px 2px 2px rgba(0,0,0,.1);
box-shadow: 2px 2px 2px 2px rgba(0,0,0,.1);}

.AboutUs .CaseStudies .title {display:block;border-bottom:1px dotted #ccc;margin:20px 0px;font-size:17px;font-weight:bold;padding-bottom:10px;margin-bottom:10px;color:#bc220a;margin-left:20px;margin-right:20px}

.AboutUs .CaseStudies .title:before {
	
	content: "\f054"; 
    position:relative;
	font-family: FontAwesome;
	font-size:15px;
	color:#bc220a;
	padding-right:2px;
    left:0%;
	top:25%;
	
	}

.AboutUs .CaseStudies p.body {font-size:16px;line-height:180%;margin-left:20px;margin-right:20px}

.AboutUs .CaseStudies ul {margin-top:10px;margin-left:20px;margin-bottom:5px}

.AboutUs .CaseStudies ul li {line-height:180%;margin-bottom:5px;font-size:15px}

/* ----------------------------- | Software Solutions  |----------------------------- */ 

.SoftwareSolutions {}
.SoftwareSolutions .UC {font-size:30px;padding-top:100px;text-align:center;clear:both;margin-bottom:100px}
.SoftwareSolutions .img-side {position:relative}

.SoftwareSolutions .img-resp {width:110%;height:auto;display:block;position:relative;left:-25%}

.SoftwareSolutions .img-resp.st02 {margin-top:50px}

.SoftwareSolutions .title {color:#bc220a;font-size:22px;font-weight:700;margin-top:10px;border-bottom:1px dotted #CCC;padding-bottom:5px;margin-bottom:10px;background:url(../images/SoftWare/icon.png) 0% 7px no-repeat;padding-left:30px;padding-top:1px}

.SoftwareSolutions .content {font-size:15px;line-height:180%;border-bottom:1px dotted #CCC;padding-bottom:10px;margin-bottom:10px}

.SoftwareSolutions .footer01 {font-size:15px;font-weight:600;margin-bottom:5px}

.SoftwareSolutions a.footer02 {font-weight:600;color: #bc220a}

.SoftwareSolutions a.footer02:before { content: "\f08e"; 
    position:relative;
	font-family: FontAwesome;
	font-size:16px;padding-right:5px

    } 
	
.SoftwareSolutions ul li {line-height:150%;margin-bottom:10px;font-size:15px}

/* ----------------------------- | Web Solutions | Why having a website ?  |----------------------------- */ 

.WebSolutions {}

.WebSolutions .WebDesigning {margin-bottom:30px}

.WebSolutions .WebDesigning .intro .DataSide p {font-size:16px;line-height:180%;text-align:justify}

.WebSolutions .WebDesigning .intro .ImageSide {text-align:center}

.WebSolutions .WebDesigning .intro .ImageSide img {width:100%;max-width:400px;height:auto;display:inline-block !important}

/* ----------------------------- | Web Solutions | Web Designing Process  |----------------------------- */ 

.WebSolutions .DesigningProcess {}

.WebSolutions .DesigningProcess .DesigningProcessContent {text-align:center}

.WebSolutions .DesigningProcess .DesigningProcessContent a.icon {display:inline-block;width:190px;height:190px;background:url(../images/Web/icon/icon-bg.png) center center no-repeat;cursor:pointer;position:relative;margin-bottom:50px;margin-right:18px}

.WebSolutions .DesigningProcess .DesigningProcessContent a.icon span.Title {display:block;position:absolute;text-align:center;width:100%;bottom:-25px;color:#3b3b3b;
font-size:20px;font-weight:600}

.WebSolutions .DesigningProcess .DesigningProcessContent a.icon span.Num {display:block;position:absolute;text-align:center;width:30px;height: 30px;top:-10px;left:40%;color:#FFF;font-size:20px;font-weight:600;background: #bc220a;border-radius:50%;line-height:30px}

.WebSolutions .DesigningProcess .DesigningProcessContent a.icon.ico01 {background:url(../images/Web/icon/01.png) 55% 50% no-repeat, url(../images/Web/icon/icon-bg.png) center center no-repeat}

.WebSolutions .DesigningProcess .DesigningProcessContent a.icon.ico02 {background:url(../images/Web/icon/02.png) 55% 50% no-repeat, url(../images/Web/icon/icon-bg.png) center center no-repeat}

.WebSolutions .DesigningProcess .DesigningProcessContent a.icon.ico03 {background:url(../images/Web/icon/03.png) 55% 50% no-repeat, url(../images/Web/icon/icon-bg.png) center center no-repeat}

.WebSolutions .DesigningProcess .DesigningProcessContent a.icon.ico04 {background:url(../images/Web/icon/04.png) 55% 50% no-repeat, url(../images/Web/icon/icon-bg.png) center center no-repeat}

.WebSolutions .DesigningProcess .DesigningProcessContent a.icon.ico05 {background:url(../images/Web/icon/05.png) center center no-repeat, url(../images/Web/icon/icon-bg.png) center center no-repeat}

.WebSolutions .DesigningProcess .DesigningProcessContent a.icon.ico06 {background:url(../images/Web/icon/06.png) 58% 50% no-repeat, url(../images/Web/icon/icon-bg.png) center center no-repeat}

.WebSolutions .DesigningProcess .DesigningProcessContent a.icon.ico07 {background:url(../images/Web/icon/07.png) 55% 50% no-repeat, url(../images/Web/icon/icon-bg.png) center center no-repeat}

.WebSolutions .DesigningProcess .DesigningProcessContent a.icon.ico08 {background:url(../images/Web/icon/08.png)  55% 50% no-repeat, url(../images/Web/icon/icon-bg.png) center center no-repeat}

.WebSolutions .DesigningProcess .DesigningProcessContent a.icon.ico09 {background:url(../images/Web/icon/09.png) 55% 50% no-repeat, url(../images/Web/icon/icon-bg.png) center center no-repeat}

.WebSolutions .DesigningProcess .DesigningProcessContent a.icon.ico10 {background:url(../images/Web/icon/10.png) 55% 50% no-repeat, url(../images/Web/icon/icon-bg.png) center center no-repeat}

.WebSolutions .DesigningProcess .DesigningProcessContent a.icon:hover {background:url(../images/Web/icon/icon-g-hover.png) 53% 55% no-repeat, url(../images/Web/icon/icon-bg-hover.png) center center no-repeat;-webkit-transition: all 100ms ease-out;
-moz-transition: all 100ms ease-out;
-ms-transition: all 100ms ease-out;
-o-transition: all 100ms ease-out;
transition: all 100ms ease-out;}

.WebSolutions .DesigningProcess .DesigningProcessContent a.icon:hover span.Num {color:#FFF}

.WebSolutions .DesigningProcess .DesigningProcessContent a.icon:hover span {color:#bc220a}

.WebSolutions .DesigningProcess .popup_img img {display:block;width:100%;max-width:169px;margin:auto;margin-bottom:20px}

.WebSolutions .DesigningProcess .popup_data p {font-size:15px;}

.WebSolutions .DesigningProcess .modal-title {color:#bc220a;font-weight:600}

.WebSolutions .DesigningProcess .modal-title:before { content: "\f054"; 
    position:relative;
	font-family: FontAwesome;
	font-size:18px;
	color:#bc220a;
    left:0%;
	top:25%;padding-right:2px
	
    }

.WebSolutions .DesigningProcess .big_table .big_table_side01 {border-right:dashed 1px #ccc}

.WebSolutions .DesigningProcess .big_table .title_t {text-align:center;padding:5px 0px;padding-bottom:15px;color:#3b3b3b;font-weight:600;font-size:21px}

.WebSolutions .DesigningProcess .big_table .pic_t {text-align:center;padding:20px 0px;padding-top:5px}

.WebSolutions .DesigningProcess .big_table .pic_t img {display:inline-block;text-align:center;width:100%;max-width:169px}

.WebSolutions .DesigningProcess .big_table .data_t p {font-size:15px}

.WebSolutions .DesigningProcess .modal-body > .row {padding:15px} 

.WebSolutions .DesigningProcess #ico04-data .popup_data, .WebSolutions .DesigningProcess #ico08-data .popup_data, .WebSolutions .DesigningProcess #ico09-data .popup_data , .WebSolutions .DesigningProcess #ico10-data .popup_data {padding-top:35px}


/* ----------------------------- | Web Solutions | Our Portfolio  |----------------------------- */

.WebSolutions .OurPortfolio {}

.WebSolutions .OurPortfolio a {text-decoration:none}

.WebSolutions .OurPortfolio hr.tall {margin-bottom:15px !important}

.WebSolutions .OurPortfolio .PortfolioItem{}

.WebSolutions .OurPortfolio .PortfolioItem .TitleTxt {font-size:16px;font-weight:600;vertical-align:top;color:#3b3b3b;
background:#f2f2f2 url(../images/Web/arrow2.png) 5px 7px no-repeat;padding-left:28px;padding-top:3px;border-radius:10px 10px 0px 0px}

.WebSolutions .OurPortfolio .PortfolioItem .TitleIcons {text-align:right;vertical-align:top;}

.WebSolutions .OurPortfolio .PortfolioItem .TitleIcons a {cursor:pointer}

.WebSolutions .OurPortfolio .PortfolioItem .TitleIcons .p_link {display:inline-block;width:22px;height:22px;background:url(../images/Web/link.png) center center no-repeat;margin-right:10px}

.WebSolutions .OurPortfolio .PortfolioItem .TitleIcons .p_responsive {display:inline-block;width:22px;height:22px;background:url(../images/Web/resp.png) center center no-repeat;margin-right:10px}

.WebSolutions .OurPortfolio .PortfolioItem .TitleIcons .p_nresponsive {display:inline-block;width:22px;height:22px;background:url(../images/Web/nresp.png) center center no-repeat;margin-right:10px}

.WebSolutions .OurPortfolio .PortfolioItem .TitleIcons .p_multilingual {display:inline-block;width:22px;height:22px;background:url(../images/Web/lang.png) center center no-repeat;margin-right:10px}

.WebSolutions .OurPortfolio .PortfolioItem .cover {width:100%;height:200px;position:relative;border:3px solid #FFF;padding:0}

.WebSolutions .OurPortfolio .PortfolioItem .cover.Doit {background:url(../images/Web/Portfolio/Doit/cover.jpg) center center no-repeat; background-size:cover}

.WebSolutions .OurPortfolio .PortfolioItem .cover.ACC {background:url(../images/Web/Portfolio/ACC/cover.jpg) center center no-repeat; background-size:cover}

.WebSolutions .OurPortfolio .PortfolioItem .cover.Reefmasr {background:url(../images/Web/Portfolio/Reefmasr/cover.jpg) center center no-repeat; background-size:cover}

.WebSolutions .OurPortfolio .PortfolioItem .cover.bitxarabia {background:url(../images/Web/Portfolio/bitxarabia/cover.jpg) center center no-repeat; background-size:cover}

.WebSolutions .OurPortfolio .PortfolioItem .cover.Egiqc {background:url(../images/Web/Portfolio/Egiqc/cover.jpg) center center no-repeat; background-size:cover}

.WebSolutions .OurPortfolio .PortfolioItem .cover.UCAG {background:url(../images/Web/Portfolio/UCAG/cover.jpg) center center no-repeat; background-size:cover}

.WebSolutions .OurPortfolio .PortfolioItem .cover.Roma {background:url(../images/Web/Portfolio/Roma/cover.jpg) center center no-repeat; background-size:cover}

.WebSolutions .OurPortfolio .PortfolioItem .cover.SSC {background:url(../images/Web/Portfolio/SSC/cover.jpg) center center no-repeat; background-size:cover}

.WebSolutions .OurPortfolio .PortfolioItem label:hover.cover {-webkit-box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.1);
box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.1);;} 

.WebSolutions .OurPortfolio .toggle > label:before {
display:none
}

.WebSolutions .OurPortfolio .toggle > label:after {	content: '';
	width:35px;height: 35px;border-radius:50%;background:#FFF url(../images/Web/arrow.png) center center no-repeat !important;border:3px #FFF solid;
	position: absolute;
	left: 48%;
	top:auto;
	bottom:-20px;}
	
.WebSolutions .OurPortfolio .PortfolioItem .cover .logo-div {width:200px;height: 196px;background:url(../images/Web/logo-bg.png);border-left:solid 1px #FFF;border-right:solid 1px #FFF;margin:0px auto;position:relative;line-height:180px !important;text-align:center}
 
 /*.WebSolutions .OurPortfolio .PortfolioItem .cover .logo-div img {display:block;  position: relative;
  top: 50%;  transform: translateY(-50%);max-width:95%;max-height:180px;height:auto;width:auto;margin:auto}*/
  
  .WebSolutions .OurPortfolio .PortfolioItem .cover .logo-div img {display:inline-block;line-height:196px;max-width:95%;max-height:180px;height:auto;width:auto;margin:auto}
  
  .WebSolutions .OurPortfolio .PortfolioItem .toggle-content {background:#eaeaea;padding:5px;padding-top:35px;width:100%;border:3px #FFF solid;text-align:center}
  
  .WebSolutions .OurPortfolio .PortfolioItem .toggle-content .img-thumbnail {display:inline-block}
  
  .mfp-close {font-size:30px !important;color:#FFF !important}
  
  
/* ----------------------------- | Networks Solutions | Networks Establishment  |----------------------------- */

.NetworkSolutions {}

.NetworkSolutions label {font-size:18px;font-weight:600}

.NetworkSolutions .toggle-primary .toggle.active > label {background: #bc220a;border-left-color: #a40000}

html .toggle-primary .toggle label {
    color: #bc220a;
    border-left-color: #bc220a;
    border-right-color: #bc220a;
}


.NetworkSolutions p {font-size:16px;line-height:180%;margin:15px;color:#141414;text-align:justify}

.NetworkSolutions .Header01 {display:block;font-weight:bold;font-size:21px;border-bottom:1px dotted #ccc;padding-bottom:10px;margin-top:25px;color:#bc220a}

.NetworkSolutions .Header02 {display:block;font-weight:bold;font-size:17px;border-bottom:1px dotted #ccc;padding-bottom:10px;margin-top:25px;color:#1c93d0}

.NetworkSolutions ul { margin-left:35px;margin-top:20px;margin-bottom:20px}

.NetworkSolutions ul li {font-size:17px;line-height:200%}

.NetworkSolutions .NetworksEstablishment{}

.NetworkSolutions .ImageSide img {width:100%;max-width:400px;height:auto;display:block !important;margin:auto;margin-bottom:30px}  
  
/* ----------------------------- | Contacts Page  |----------------------------- */

#ContactsPage {margin-top:30px}

#ContactsPage p {margin:15px;font-size:16px;color: #3b3b3b}

#ContactsPage .fa {color:#bc220a}

#ContactsPage a {color:#bc220a}

/* ----------------------------- | Sitemap Page  |----------------------------- */

#Sitemap a {color: #3b3b3b}

#Sitemap > ul > li > a {color: #bc220a}

#Sitemap ul li {margin-bottom:10px;font-size:18px;line-height:200%;font-weight:bold}

#Sitemap ul li li {font-weight:600;font-size:16px}

#Sitemap ul li li li {font-size:16px;}  

/*====================================================================================================
| ----------------------------- | Responcive Cases |----------------------------- |
 Bootstrap 3 Media Queries  | https://scotch.io/tutorials/default-sizes-for-twitter-bootstraps-media-queries 
====================================================================================================*/



/* Large Devices, Wide Screens */

@media only screen and (min-width : 1200px) {
	
/* ----------------------------- | header | Logo & Menu & Lang  |----------------------------- */
#header .header-nav-main nav > ul > li > a {font-size:14px}

#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a {font-size:14px}
	
}
	
@media only screen and (min-width : 992px) {

/* ----------------------------- | header | Logo & Menu & Lang  |----------------------------- */
	
#header .header-logo {background:url(../images/Home-Master/LogoBg.jpg) #FFF;box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.35);-webkit-border-radius: 0 0 35px 35px;border-radius: 0 0 35px 35px;width: 209px;height: 168px;float:left;position:absolute;top:-5px;left:10px;z-index:99}
	
#header .header-logo img {margin:0;margin:auto;margin-top:10px;display:block}
	
#header .header-body {padding-top:0px;}

#header .header-nav-main nav > ul > li.dropdown.open > a, #header .header-nav-main nav > ul > li.dropdown:hover > a {
		padding-bottom: 10px;margin-bottom:5px
	}
	

	
}
	
	
	
@media only screen and (max-width : 1199px) {

/* ----------------------------- | header | Logo & Menu & Lang  |----------------------------- */
		
#header .header-logo {background:url(../images/Home-Master/LogoBg.jpg) #FFF;box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.35);-webkit-border-radius: 0 0 35px 35px;border-radius: 0 0 35px 35px;width: 150px;height: 150px;float:left;position:absolute;top:-5px;left:10px;z-index:99}
	
#header .header-logo img {margin:0;margin:auto;margin-top:20px;display:block;width:85%;height:auto}

	#header .header-btn-collapse-nav {
		background-color: #bc220a;
	}
	
/* ----------------------------- | Software Solutions  |----------------------------- */ 

.SoftwareSolutions .title {margin-top:0px}

.SoftwareSolutions .img-resp {width:130%;height:auto;display:block;position:relative;left:-20%}

.SoftwareSolutions .img-resp.st02 {margin-top:20px}

.SoftwareSolutions a.footer02 {margin-bottom:30px;display:block}

}
	

/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {

/* ----------------------------- | header | Logo & Menu & Lang  |----------------------------- */
	
	#header .header-nav-main nav > ul > li > a:focus {color:#bc220a}
	
	#header .header-nav-main nav > ul > li.active > a:focus {color: #FFF}
	
#header .header-nav-main nav > ul > li > a, #header .header-nav-main nav > ul > li.active > a {border-radius:5px ;}
	
	#header .header-nav-main nav > ul > li.active > a:hover, #header .header-nav-main nav > ul > li > a:hover {background: #bc220a; color: #FFF;border-radius:5px ;}
	
	#header .dropdown.opened .dropdown-toggle, #header .dropdown.opened .dropdown-toggle:focus {color: #bc220a;background: none;}
	
	#header .header-nav-main nav > ul > li > a.dropdown-toggle {border-radius: 5px !important}
	
	
.btn.header-btn-collapse-nav {margin-right:15px !important;margin-top:20px !important }
	
#header .header-logo {top:-12px;left:10px;z-index:99}

#mainNav #HomeLink {margin-top:40px !important;clear:both}

/* ----------------------------- | R05 | Case Studies Slider  |----------------------------- */ 	

#R05 .Title {font-family:'Droid Sans', Arial, Helvetica, sans-serif;font-weight:bold;font-size:25px;position:static ;margin-top:45px;z-index:0}
	
#R05 .CaseStudiesSlider {margin-top:45px}
	
#R05 .CaseStudiesSlider .Item .Content .Chalange {margin-top:0px}
	
#R05 .CaseStudiesSlider .slick-prev{left:-5%}

#R05 .CaseStudiesSlider .slick-next {right:-6%;}


/* ----------------------------- | R07 | above footer  |----------------------------- */ 
	
#R07 .col .Content.Contacts {padding-left:0px}
	
#R07 .col .Content.Contacts a {font-size:14px !important;padding-left:0px}
	
#R07 .col .Content.Contacts a.Phone:before {content: "\f095";font-size:18px;}

#R07 .col .Content.Contacts a.Mail:before {content: "\f0e0";font-size:14px}


/* ----------------------------- | Web Solutions | Web Designing Process  |----------------------------- */ 

.WebSolutions .DesigningProcess .big_table .big_table_side01 {border-right:none ;border-bottom:dashed 1px #ccc;margin-bottom:20px;padding-bottom:10px}

.WebSolutions .DesigningProcess #ico04-data .popup_data, .WebSolutions .DesigningProcess #ico08-data .popup_data, .WebSolutions .DesigningProcess #ico09-data .popup_data , .WebSolutions .DesigningProcess #ico10-data .popup_data {padding-top:5px}

	
}


/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {


	 
}
	

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

/* ----------------------------- | R02 | Slider Revolution  |----------------------------- */	
	
#R02 .tp-banner-container {display:none !important}
		
#R02 .SmallHeader {width:100%;height:200px;background:url(../images/Home-Master/small-header.jpg) center center ;background-size:cover}
		
/* ----------------------------- | R03 | About Us  |----------------------------- */ 

#R03 .AboutBox {margin-top:5px}

#R03 .AboutBox .Image img {display:none;margin:auto;}
		
#R03 .AboutBox .Content {text-align:center;float:none;margin:auto;width:100%}
		
#R03 .AboutBox .Content .Title {text-align:center;margin-top:25px;line-height:150%}

#R03 .AboutBox a.Button.Blue01 {width:75%;margin:auto;margin-top:25px}

/* ----------------------------- | R04 | Main Services Boxes  |----------------------------- */ 
		
#R04 {width:100%;position:relative;background:url(../images/Home-Master/MedBg.jpg);margin-top:40px;padding:25px 0px;float:left}

#R04 .Box {}
		
#R04 .Box .Title {font-family:'Droid Sans', Arial, Helvetica, sans-serif;font-size:22px;font-weight:bold;text-align:center}
		
#R04 .Box img.Pic {-webkit-border-radius: 5px 45px 5px 45px;border-radius: 5px 45px 5px 45px;border:1px solid #e3e3e3}
		
#R04 .Box a.More {width:75%;margin:auto;margin-bottom:25px;margin-top:15px}


/* ----------------------------- | R05 | Case Studies Slider  |----------------------------- */ 
		
#R05  .Title {text-align:center}
		
#R05 .CaseStudiesSlider .slick-prev, #R05 .CaseStudiesSlider .slick-next {display:none !important}
		
#R05 .CaseStudiesSlider .Item .Screen {width:100%;height:auto;float:none;position:relative;z-index:10;max-width:518px;margin:auto}
		
#R05 .CaseStudiesSlider .Item .Content a.More {margin:auto;margin-top:20px}
		
#R05 .CaseStudiesSlider .slick-dots {bottom:-55px}
		
#R05 .CaseStudiesSlider {margin-bottom:35px}

/* ----------------------------- | R07 | above footer  |----------------------------- */ 
		
#R07 .col .Content.Contacts a {font-size:14px !important;padding-left:30px}
	
#R07 .col .Content.Contacts a.Phone:before {content: "\f095";font-size:18px;}

#R07 .col .Content.Contacts a.Mail:before {content: "\f0e0";font-size:14px}
		
/*#R07 .col {width:250px;margin:auto;float:none}*/

/* ----------------------------- | About Us | Our Clients  |----------------------------- */ 

.AboutUs .OurClients .isotope-item {width:33%}

/* ----------------------------- | Software Solutions  |----------------------------- */ 

.SoftwareSolutions .content {font-size:16px;}

.SoftwareSolutions .img-resp {width:70%;height:auto;display:block;position:relative;left:auto;margin:auto}

}


/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {

/* ----------------------------- | header | Logo & Menu & Lang  |----------------------------- */

.header-nav .MenuTitle {display:none}

/* ----------------------------- | R05 | Case Studies Slider  |----------------------------- */ 

#R05 .Title {line-height:150%}


/* ----------------------------- | About Us | Our Clients  |----------------------------- */ 

.AboutUs .OurClients .isotope-item {width:50%}

/* ----------------------------- | About Us | Case Studies  |----------------------------- */ 

.AboutUs .CaseStudies img.cover {-webkit-border-radius:  0px 20px 0px  20px;
border-radius:  0px 20px 0px  20px}

/* ----------------------------- | About Us | Who We Are  |----------------------------- */ 

.AboutUs .WhoWeAre .box img.pic{webkit-border-radius:  0px 20px 0px  20px;
border-radius:  0px 20px 0px  20px ;}

}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {

/* ----------------------------- | R03 | About Us  |----------------------------- */ 
		
#R03 a.Button.Blue01 {font-size:15px}


/* ----------------------------- | R08 | footer  |----------------------------- */ 
		
#R08 {line-height:180%;padding:10px}

}
	
/*====================================================================================================
			| ----------------------------- | Super Codes |----------------------------- |
====================================================================================================*/
	

.hidden {display:none;visibility:hidden}

.invisible {visibility:hidden}

.cleaner {clear:both}

.justify {text-align:justify}

/* make the div as table */

/*<div class="table"><div class="table-row"><div class="table-cell"></div><div class="table-cell"></div><div class="table-cell"></div></div></div>*/

.table_div {display:table;width:100%;border-collapse:collapse;}

.table_div .table-row{display:table-row;}

.table_div .table-cell, .table_div .table-head{ display: table-cell;}

.table_div .table-head{font-weight:bold;}
	
/* How to center the modal - JSFiddle | http://jsfiddle.net/rensdenobel/sRmLV/13/ */