@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);



/*



Theme Name:



Theme URI: http://www.ydesignservices.com/



Author: Y Design Services  



Author URI:  http://www.ydesignservices.com/



Description: Custom Wordpress theme by<a href="http://www.ydesignservices.com" title="Custom Wordpress Theme">Y Design Services</a>



Version: 1.0



*/



                                   /*---------------------------------------------------------------- */



                                                             /* Defaults*/



                                   /*---------------------------------------------------------------- */



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin:0; padding:0; border:0; font-size:100%; font:inherit;	}







/* HTML5 display-role reset for older browsers */



article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}



a{text-decoration:none; color:#33556d; /* transition */ text-decoration:none;}



a:hover{text-decoration:none!important;}



.clear{clear:both; }



ul{list-style: none;}



::-webkit-input-placeholder {



  color:#103a61;



}







:-moz-placeholder {



  color:#103a61; 



}







::-moz-placeholder {  



  color:#103a61; 



}







:-ms-input-placeholder {  



  color:#103a61;



}                                  



	



@font-face {



    font-family:"os_aran_400ffc";



    src:url(fonts/os_aran_400ffc-webfont.ttf);



}







@font-face {



    font-family:"os_aran_r_600ffc";



    src:url(fonts/os_aran_r_600ffc-webfont.ttf);



}







@font-face {



    font-family:"os_aran_w_500ffc";



    src:url(fonts/os_aran_w_500ffc-webfont.ttf);



}



								  



								  



                                         /*----------------------------------------------*/



                                                  /* 1.2 General Styles or Base CSS*/ 



                                         /*----------------------------------------------*/







/* Headings



--------------------------------------------- */



h1,h2,h3,h4,h5,h6{color:#003d68; font-weight:bold; line-height:1; margin:0; padding:0; font-family:"os_aran_r_600ffc";}



h1{font-size:35px}



h2{font-size:28px}



h3{font-size:25px}



h4{font-size:20px;}



h5{font-size:18px}



h6{font-size:15px}



body{font-family:"os_aran_400ffc"; font-size:13px; color:#003d68;}



p{ line-height: 20px; font-size: 14px;  letter-spacing: 1px;}











#wrapper{width:100%; float:left;}



header{width:100%; float:left; background:#fff; padding:26px 0; text-align:center;}



.container{width:1220px; margin:auto; position:relative; }



header{height:auto;}



.logo{ float:right;}



.main-nav{float:left; text-align:right; margin:15px 0px 0px 0px; width:532px;}



.main-nav ul{text-align:right; float:right; list-style:none;}



.main-nav ul li{float:left; width:133px; font-family:"os_aran_w_500ffc"; font-size:16px; font-weight:bold; text-align:center; line-height:35px;}



.main-nav ul li img{ width:45px; height:100%; height:auto; padding:5px !important; display:block; -webkit-transform: translateZ(0); transform:translateZ(0);}



.main-nav ul li a span{width:133px; float:left;}



.main-nav ul li:nth-child(1) a span{background:#fb3099;}



.main-nav ul li:nth-child(2) a span{background:#2697c6;}



.main-nav ul li:nth-child(3) a span{background:#bec53d;}



.main-nav ul li:nth-child(4) a span{background:#ffb52f;}



.main-nav ul li a{color:#103a61; display:block;}



.main-nav ul li:hover img{ -webkit-animation-name: hvr-icon-down;



    animation-name: hvr-icon-down;



    -webkit-animation-duration: 0.75s;



    animation-duration: 0.75s;



    -webkit-animation-timing-function: ease-out;



    animation-timing-function: ease-out;}











.nav{background:#ffffff; min-height:50px; margin-top:40px; float:left; display:none; }



.nav ul{float:left;}



.nav ul li{border-bottom:1px solid rgba(51, 85, 109, 0.09); font-size:19px; float:left; text-align:left;}



.nav ul li a{display:block; padding:9px 15px; line-height:30px; color:#103a61;}



.nav ul li:nth-child(4){background:#fb3099;}



.nav ul li:nth-child(3){background:#2697c6;}



.nav ul li:nth-child(2){background:#bec53d;}



.nav ul li:nth-child(1){background:#ffb52f;}



.nav ul li a img{width:20px; height:20px; vertical-align:middle; margin-right:8px;} 



/*.nav ul li a:hover{background:#f2f2f2;}*/



.toggle-nav{display:none;}



.nav-mobile style{display:block;}



.nav-mobile{display:none;}











.nav-link{display:none;}







.banner{float:left; width:100%; height:522px; background:url(images/line.png) bottom no-repeat; background-size:contain;}



..inner.devrama-slider{height:475px !important;}



.slider{padding-bottom:0px !important;}



.slider .primary-img.background{height:475px !important;}



.slider .navigation{ top:102% !important;}



.slider .nav-link{width:13px !important; height:13px !important; border:2px solid #ff4a26 !important; border-radius:50% !important; background-color:transparent !important; font-size:0px !important;}



.slider span.active {background:#ff4a26 !important;}











.content{width:100%; float:left; padding:0 0 30px 0; direction:rtl;}



.paddingtop{padding-top:60px;}



.top-row{width:100%; float:left; margin-bottom:20px;}



.top-row .img-box{width:305px; float:right; text-align:center; background:url(images/boder-line.png) left no-repeat; background-size:contain;    



padding-top: 18px; z-index:-999;}



.img-box + .img-box + .img-box + .img-box{background:none;}



.top-row .img-box img{width:100%; height:100%; height:auto; cursor:default;}

.top-row .img-box:nth-child(4) img{cursor:pointer;}

.top-row .img-box h2{}



.top-row .lastrow, .lastrow{background:#ffb52f; width:100%; height:60px; float:left; text-align:center;}







.facebook_link{width:auto; padding:12px 0; vertical-align:middle; display:inline-block;}



.facebook2{ background:url(images/fb_for_yellow_footer.png);height:36px; width:136px;    display:block;    background-size:100% 100%;    margin: 0 15px;}



.facebook_link .waze{display:none;}



.facebook_link .waze2{display:none;}



.facebook_text{display:inline-block; vertical-align:middle;}







.lastrow h1{line-height:normal; text-align:center;  font-size: 20px;  font-family: "os_aran_400ffc";}



.lastrow h1 strong{font-weight:bold;  font-size:27px;}



.pdf_btn{color: rgba(12, 62, 97, 0.86);



    font-size: 16px;



    font-family: "os_aran_r_600ffc";



    display: inline-block;



    padding: 0px;



    position: relative;



    text-align: center;



    padding-right: 65px;



    z-index: 99;



    padding-top: 15px;}



.pdf_btn img{width: 233px;



    position: absolute;



    bottom: -11px;



    z-index: -9;



    margin-right: -30px;}







.middel-text{width:100%; float:left; position:relative; padding:20px 0px 20px 0; background:#FFB52F;}



.middel-text h1{-ms-transform:rotate(90deg); -webkit-transform:rotate(90deg); transform:rotate(90deg); float:right; margin:0px; position:relative; color:#fff; right:0px; top:49px; font-family:"os_aran_w_500ffc"; display:table;}



.middel-text p{margin:0px; text-align:right; padding-right:124px;  line-height: 19px; clear: both; display: table-row-group;}











.bottom-row{width:100%; float:left; padding-bottom: 23px; position:relative;}



.bottom-row .content-box{width:356px; padding:25px; float:right; text-align:center; background:url(images/boder-line.png) left no-repeat; background-size:2% 100%;}



.bottom-row .content-box p{text-align:center !important; padding:0 2px;     letter-spacing: normal;}



.content-box h3 a{color:#fcb814;  font-size: 16px;}



.content-box h3{ direction:ltr; font-family: "os_aran_400ffc";}



.content-box:nth-child(3) h3{ padding-top:17px;}



.last_line{ position: absolute;  right:0px;}



.last_line img{ height:586px;  width: 8px;}







.bottom-row .content-box .imgarea{width:76px; height:164px; margin:0 auto 19px; text-align:center; padding:0 44px;}



.bottom-row .content-box .imgarea h2{ color:#fff; margin:0px; padding:54px 0;  font-size: 21px;   font-family: "os_aran_400ffc";}



.bottom-row .content-box:nth-child(1) .imgarea{ background:url(images/bottomrow1mg3.png) no-repeat; background-size:100%; }



.bottom-row .content-box:nth-child(2) .imgarea{ background:url(images/bottomrow1mg2.png) center no-repeat; background-size:100%;}



.bottom-row .content-box:nth-child(3) .imgarea{background:url(images/bottomrow1mg1.png) center no-repeat; background-size:100%;}



.bottom-row .content-box img{width:100%; height:100%; height:auto;}











footer{height:60px; width:100%; float:left; background:#103a61;}



footer img{width:100%;}



footer address{display:inline-block; color:#fff; font-size:initial; line-height:60px; font-size: 21px; display:none;}



footer address:last-child{margin-left:0px;}



footer address img{ margin:-6px 10px; width:auto !important; display:inline-block !important;}







#slider{ position: fixed;



    top:25px;



    left:0;



    z-index: 1;



    width: 800px;



    height:596px;



    -webkit-transform: translate3d(-800px,0,0);



    -moz-transform: translate3d(-800px,0,0);



    -o-transform: translate3d(-800px,0,0);



    -ms-transform: translate3d(-800px,0,0);



    transform: translate3d(-800px,0,0);      



    -webkit-transition: all 0.3s linear;



    -moz-transition: all 0.3s linear;



    -ms-transition: all 0.3s linear;



    -o-transition: all 0.3s linear;



    transition: all 0.3s linear;



	z-index:9999;}



	



.show-menu { 



    -webkit-transform: translate3d(0,0,0) !important;



    -moz-transform: translate3d(0,0,0) !important;



    -o-transform: translate3d(0,0,0) !important;



    -ms-transform: translate3d(0,0,0) !important;



    transform: translate3d(0,0,0) !important;



 }  



.full-wrp{position:relative;}



#header{width:325px; height:556px; position:relative; left:0px;  padding:20px 37px; background:#ffb52f; float:left; overflow:hidden; }



#header h2{font-size:75px; margin:0px; text-align:right; font-family: "os_aran_400ffc";}



#header p{ margin-bottom:3px;  font-size: 35px;  line-height: normal; font-weight:normal;  text-align: right; font-family: "os_aran_400ffc";}



#header + #header{background:#103a61;}



#header + #header h2, #header + #header p{color:#ffb52f;}



#header address{ padding: 15px 0; display:block; float:none; color:#fff; font-size:25px; text-align:right; position:relative; padding-right:70px;     word-break: break-word; }



#header address:nth-child(3){ background:url(images/contact-img1.png) right no-repeat; line-height:55px;}



#header address:nth-child(4){ background:url(images/contact-img2.png) right no-repeat; height:55px;}



#header address:nth-child(5){ background:url(images/contact-img2.png) right no-repeat; height:55px;}



#header address:nth-child(6){ background:url(images/contact-img3.png) right no-repeat; height:55px; line-height:55px;}



#header address:nth-child(7){ background:url(images/contact-img4.png) right no-repeat; margin-top:7px;}



#header address p{margin:0px !important; font-size:14px !important;  letter-spacing: normal;   color: #fff !IMPORTANT; line-height:20px !important;}



#header address span{font-size: 23px;  position: relative; letter-spacing:2px; color:#fff;}



#header .addimg{ width:54px; height:54px; margin-left: 10px; border-radius:50%; background:#ffb52f; text-align:center; display:inline-block;}



#sidebar, #sidebar1{position: absolute;



    -ms-transform: rotate(90deg);



    -webkit-transform: rotate(90deg);



    transform: rotate(270deg);



    background: #ffb52f;



    padding:15px 70px 15px 70px;



    bottom:95px;



    right:-153px;



    cursor: pointer;



	z-index:9999;}



#sidebar h3, #sidebar1 h3{color:#103A61; margin:0px; font-family: "os_aran_w_500ffc"; font-size:30px;}



input[type=text],textarea,select{text-align:right; margin-top:15px; padding:6px; width:313px; font-size:15px; border:none; resize:none;     



font-family: "os_aran_w_500ffc"; }



textarea{margin-top:40px;}



input[type=text]:focus,textarea:focus,select:focus,button:focus{border-color:#ffb52f; outline:none;}



div#title{position:absolute; top:300px; left:650px;}



#header button{background:#103a61; border:none;	color:#FFB52F;	width:75px; height:32px; font-size:15px; font-weight:bolder; text-align:center; line-height:32px; display:inline-block; cursor:pointer; margin-top:15px;}



.facebook{background:url(images/fb_for_contact.png) top center no-repeat;



    border:none;



    color:#FFB52F;



    width:32px;



    height:32px;



    font-size:15px;



    font-weight:bolder;



    text-align:center;



    display:inline-block;



    cursor:pointer;



    margin-top:15px;



    float:right;



    line-height:32px;



    background-size:100% 100%;



    border-radius:3px;}







/*-------------------------



       Portfolio



--------------------------*/



.portfolio{display:block; width:100%; float:left;}



.portfolio .container{width:930px; margin:auto;}



.portfolio-row{display:inline-block; clear:both; margin-bottom:20px; text-align:right; width:100%;}



.portfolio-row .imgarea{width:296px; height:236px; float:right; margin-left:21px; margin-bottom:25px; overflow:hidden; position:relative; text-align:center;}

.portfolio-row .imgarea div{display: none !important; }



.portfolio-row .imgarea h1{ position:absolute; text-align:center; left:0px; right:0px; top:0px; color:#fff; font-family:"os_aran_400ffc"; font-size:49px;  padding:64px 0; line-height:normal;}



.portfolio-row .imgarea img{-webkit-transform:scale(1); transform:scale(1); -webkit-transition:.8s ease-in-out; transition:.8s ease-in-out;  width: 100%;



    height: 236px;}



.portfolio-row .imgarea:hover img{-webkit-transform:scale(1.1); transform:scale(1.1); -webkit-filter: brightness(50%);}



.portfolio-row .imgarea:nth-child(3), .portfolio-row .imgarea:nth-child(6), .portfolio-row .imgarea:nth-child(9), .portfolio-row .imgarea:nth-child(12), .portfolio-row .imgarea:nth-child(15), .portfolio-row .imgarea:nth-child(18), .portfolio-row .imgarea:last-child{margin-left:0px;}



.portfolio .lastrow h1{font-size:25px;}



.portfolio .portfolio-head{text-align:right;}



.portfolio .portfolio-head h1{font-size:76px; margin-bottom:11px; font-family: "os_aran_w_500ffc";}



.portfolio .portfolio-head p{font-size: 37px;  font-family: "os_aran_w_500ffc";  padding-right: 73px; margin-bottom:28px;}



.description{direction:ltr;}



/*-------------------------



       Cliant-logo



--------------------------*/







.cliant{display:block; float:left; width:100%;}



.cliant .container{width:1116px; margin:auto;}



.cliant-header{background:#ffb52f;  padding: 33px 0; margin-bottom: 12px;  text-align: center; direction:ltr;}



.cliant-header h1{margin:0px; font-size: 99px;  margin: 0px; font-family: "os_aran_400ffc";}



.cliant-header p{font-size: 41px;  margin: 0px;  font-family: "os_aran_w_500ffc";  padding-right: 105px;}



.cliant .imgarea{width:170px; height:176px; display:inline-block; margin-left:12px; margin-bottom:12px; cursor:pointer;}



.cliant .imgarea img{width:100%; height:176px; transition:all 1s ease; -webkit-filter: grayscale(100%);filter: grayscale(100%);}



.cliant .imgarea img:hover{-webkit-filter:grayscale(0%);filter: grayscale(0%);}



.cliant .imgarea:nth-child(7), .cliant .imgarea:nth-child(13), .cliant .imgarea:nth-child(19), .cliant .imgarea:nth-child(25), .cliant .imgarea:nth-child(31), .cliant .imgarea:nth-child(37), .cliant .imgarea:nth-child(43), .cliant .imgarea:nth-child(49), .cliant .imgarea:nth-child(55), .cliant .imgarea:nth-child(61),.cliant .imgarea:nth-child(67), .cliant .imgarea:nth-child(73), .cliant .imgarea:nth-child(79), .cliant .imgarea:nth-child(85), .cliant .imgarea:nth-child(91), .cliant .imgarea:nth-child(97), .cliant .imgarea:nth-child(103), .cliant .imgarea:nth-child(109), .cliant .imgarea:nth-child(115), .cliant .imgarea:nth-child(121), .cliant .imgarea:nth-child(127), .cliant .imgarea:nth-child(133), .cliant .imgarea:nth-child(139), .cliant .imgarea:nth-child(145), .cliant .imgarea:last-child{margin-left:0px;}



    







/*-------------------------



       Cliant-logo



--------------------------*/







.customer .container{width:1082px;}



.customer .head{text-align:right; padding:50px 0;}



.customer .heding-section{ text-align:right; padding:40px 0;}



.customer .heding-section h1{font-size: 43px;  color: #bec53d; font-family: "os_aran_w_500ffc";}



.customer .heding-section p{font-size: 18px;  text-align: justify;  letter-spacing: 1px;  line-height: 25px; font-weight:normal;}



.customer .heding-section .image{width:396px; height:228px; display:inline-block; background:#d8d8da; border:1px solid #103a61; text-align:center; margin:30px 30px 30px 0;}



.customer .heding-section .image img{width:100%; height:100%;}



.customer .detail{margin:auto; display:inline-block; text-align:center; width:100%;}



.customer .detail .box{ width:396px; height:228px; display:inline-block; background:#d8d8da; border:1px solid #103a61; text-align:center; margin-right:30px;}



.customer .detail .box p{ font-size:22px; color:#fff; padding-top:95px;} 



.inner_adres{text-align: center;     font-family: "os_aran_400ffc";}



#fadeandscale{display:none;}



.various{display:none;}











.gallery-post{position:fixed; top:0px; left:0px; right:0px; bottom:0px;   z-index:99999;     -webkit-transform: translate (-50% ,-52%);-moz-transform: translate(-50% ,-52%);-ms-transform: translate(-50% ,-52%); transform: translate(-50% ,-52%); left:50%; top:50%;  }



.slider-bg{position:fixed; top:0px; left:0px; right:0px; bottom:0px; background: rgba(1,1,1,0.8); z-index:9999; display:none; }



.post-slider{ position:absolute;     -webkit-transform: translate (-50% ,-52%);-moz-transform: translate(-50% ,-52%);-ms-transform: translate(-50% ,-52%);transform: translate(-50% ,-52%); left:50%; top:50%; width: 740px;}



/*gallery-slider-start*/



.flex-gallery{  overflow:hidden; position:relative; opacity:0px; height:387px;    }



.flex-gallery .flex-control-nav{  display:none; }



.flex-viewport{ max-height: 2000px;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;}



.flex-gallery .slides{zoom: 1;  overflow:hidden; }



.flex-gallery .slides > li{ display:block;}



.flex-gallery ul{ margin:0px; padding:0px;}



.flex-gallery li {list-style:none; }



.flex-gallery img:hover{ opacity:1; }



.flex-gallery .flex-direction-nav li{position:absolute; top:50%; margin-top:-30px; }



.flex-gallery .flex-direction-nav  li a{ font: normal normal normal 14px/1 FontAwesome; font-size:0px; color:#fff; }



.flex-gallery .flex-prev:before,.flex-next:before{ font-size:50px; }



.flex-gallery .flex-direction-nav li.flex-nav-prev{left:30px; }



.flex-gallery .flex-direction-nav li.flex-nav-next{right:30px;}



.flex-gallery .flex-prev:before{content: "\f104";}



.flex-gallery .flex-next:before{ content: "\f105";}



/*gallery-slider-end*/











/*-------------------------



       Accordion



--------------------------*/







.heading-primary{font-size:2em; padding:2em; text-align:center;}



.accordion dl, .accordion-list{



&:after {content: ""; display:block; height:1em; width:100%;}}



.accordion dd,



.accordion__panel{font-size:1em; line-height:1.5em;}



.accordion p{padding:1em 0em 0em 0em; text-align:right;}



.accordion{position:relative;}



.accordionTitle, .accordion__Heading {background:#fcb814; text-align:center; height:66px; display:block; text-decoration:none; font-family: "os_aran_w_500ffc"; color:#fff; transition:background 0.3s ease-in-out; line-height:66px; font-size:50px;}



.accordionTitle:before, .accordion__Heading:before{content: ""; background:url(images/pluse.png) no-repeat; display:block; position:absolute; height:50px; width:146px; margin:8px 13px 0 15px;   font-size:1.5em;   line-height:0.5em;   float:left;       -webkit-transition: -webkit-transform 0.3s ease-in-out;    transition: -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out;    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; transition:background-image 0.3s ease-in-out; left:0px;}



.accordionTitle:before:hover, .accordion__Heading:before:hover{background-color:darken(#38cc70, 10%);}



.accordionTitleActive, 



.accordionTitle.is-expanded{}



.accordionTitleActive:before, .accordionTitle.is-expanded:before{background:url(images/minus.png) no-repeat; width:50px;}



.accordionItem{height:auto;overflow:hidden;border-bottom:2px solid #ED028C; padding-bottom:14px; margin-bottom:12px; max-height:50em; transition:max-height 1s;	



 @media screen and (min-width:48em){max-height:15em; transition:max-height 0.5s}    



}



 



.accordionItem.is-collapsed{max-height:0;}



.no-js .accordionItem.is-collapsed{max-height: auto;}



.animateIn {animation: accordionIn 0.45s normal ease-in-out both 1;}



.animateOut{animation: accordionOut 0.45s alternate ease-in-out both 1;}



@keyframes accordionIn{0%{opacity:0; transform:scale(0.9) rotateX(-60deg); transform-origin:50% 0;}  100%{opacity:1; transform:cale(1);}}



@keyframes accordionOut{0%{opacity:1; transform:scale(1);} 100%{opacity:0; transform:scale(0.9) rotateX(-60deg);}}







/* Icon Down */



@-webkit-keyframes hvr-icon-down {



  0%,



  50%,



  100% {



    -webkit-transform: translateY(0);



    transform: translateY(0);



  }







  25%,



  75% {



    -webkit-transform: translateY(6px);



    transform: translateY(6px);



  }



}







@keyframes hvr-icon-down {



  0%,



  50%,



  100% {



    -webkit-transform: translateY(0);



    transform: translateY(0);



  }







  25%,



  75% {



    -webkit-transform: translateY(6px);



    transform: translateY(6px);



  }



}



.facebook_text2 {

  margin-top: -16px;

   

    float: right;

}

.facebook_text2 img { height:100px;}



.pay_widget{float:left;width:100%;margin-bottom: -32px;}

.pay_widget .innerwidget{float:left; width:50%;}

.pay_widget .innerwidget img{float:left; width:50%; padding:0 125px 0 60px;}

.pay_widget .innerwidget + .innerwidget img{float:right; width:162px; height:100px;margin-bottom: 14px;}

.pay_widget .innerwidget:first-child {padding-top: 25px;}


.header_contact{width:344px; float:left; text-align:center; color:#143a5d; font-family:"os_aran_400ffc"; font-weight:bold; padding-top:75px; padding-right:20px; box-sizing:border-box;}
.header_contact img{max-width:90%;}
.header_contact p{display:block; font-weight:bold; font-family:"os_aran_400ffc"; font-size:20px; margin-bottom:10px;}
.header_contact a{color:#143a5d !important;}
.header_contact.mobile{display:none;}
.header_contact.dekstop{}